|
|
@@ -5,6 +5,12 @@
|
|
|
<el-form-item label="课程名称" prop="video_name">
|
|
|
<el-input v-model="formData.video_name" />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="课程类型" prop="type">
|
|
|
+ <el-select v-model="formData.type" placeholder="请选择课程类型">
|
|
|
+ <el-option v-for="item in COURSE_TYPE_OPTIONS" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
<el-form-item label="分类" prop="category_id">
|
|
|
<el-select v-model="formData.category_id" placeholder="请选择分类">
|
|
|
@@ -15,7 +21,12 @@
|
|
|
<el-form-item label="封面图">
|
|
|
<uploadImage :limit="1" v-model="formData.poster"></uploadImage>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
+ <el-form-item label="是否推荐" prop="is_recommend">
|
|
|
+ <el-radio-group v-model="formData.is_recommend">
|
|
|
+ <el-radio label="1">是</el-radio>
|
|
|
+ <el-radio label="2">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="描述">
|
|
|
<el-input type="textarea" v-model="formData.description" rows="3" />
|
|
|
</el-form-item>
|
|
|
@@ -36,6 +47,8 @@
|
|
|
|
|
|
<script>
|
|
|
import uploadImage from '@/components/uploadImage.vue'
|
|
|
+import { COURSE_TYPE_OPTIONS, getCourseTypeLabel } from "@/constants/course";
|
|
|
+
|
|
|
export default {
|
|
|
components: {
|
|
|
uploadImage
|
|
|
@@ -45,16 +58,18 @@ export default {
|
|
|
visible: { type: Boolean, default: false },
|
|
|
isEdit: { type: Boolean, default: false },
|
|
|
videoId: { type: [Number, null], default: null },
|
|
|
- categoryOptions: { type: Array, default: () => [] }
|
|
|
+ categoryOptions: { type: Array, default: () => [] },
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ COURSE_TYPE_OPTIONS,
|
|
|
visibleInternal: this.visible,
|
|
|
- formData: { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1 },
|
|
|
+ formData: { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0 },
|
|
|
loaded: false,
|
|
|
saving: false,
|
|
|
formRules: {
|
|
|
video_name: [{ required: true, message: "请输入课程名称", trigger: "blur" }],
|
|
|
+ type: [{ required: true, message: "请选择类型", trigger: "change" }],
|
|
|
category_id: [{ required: true, message: "请选择分类", trigger: "change" }]
|
|
|
}
|
|
|
};
|
|
|
@@ -70,7 +85,7 @@ export default {
|
|
|
if (this.isEdit && this.videoId) {
|
|
|
this.loadDetail();
|
|
|
} else {
|
|
|
- this.formData = { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1 };
|
|
|
+ this.formData = { id: null, video_name: "", category_id: null, poster: "", description: "", status: 1, type: '', is_recommend: 0 };
|
|
|
this.loaded = true;
|
|
|
}
|
|
|
}
|