|
|
@@ -11,10 +11,14 @@
|
|
|
<el-tree-select
|
|
|
v-model="formData.courseType"
|
|
|
:data="courseTypeTree"
|
|
|
- :props="{...defaultProps,
|
|
|
+ :props="{
|
|
|
+ ...defaultProps,
|
|
|
label: (node) => `${node.ctType}${node.ctTypeNode === '0' ? '(年级)' : '(大纲课程)'}`,
|
|
|
// 根据 ctTypeNode 字段判断是否禁用选项
|
|
|
- disabled: (node) => node.ctTypeNode === '0'}"
|
|
|
+ disabled: (node) => node.ctTypeNode === '0',
|
|
|
+ // 明确指定 value 字段为 id
|
|
|
+ value: 'id'
|
|
|
+ }"
|
|
|
placeholder="请选择课程类型"
|
|
|
:default-expand-all="true"
|
|
|
/>
|
|
|
@@ -85,12 +89,12 @@
|
|
|
</el-input-number>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="课程作者" prop="courseAuthor">
|
|
|
- <el-input v-model="formData.courseAuthor" placeholder="请输入课程作者" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="课程老师" prop="courseTeacher">
|
|
|
- <el-input v-model="formData.courseTeacher" placeholder="请输入课程老师" />
|
|
|
- </el-form-item>
|
|
|
+<!-- <el-form-item label="课程作者" prop="courseAuthor">-->
|
|
|
+<!-- <el-input v-model="formData.courseAuthor" placeholder="请输入课程作者" />-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item label="课程老师" prop="courseTeacher">-->
|
|
|
+<!-- <el-input v-model="formData.courseTeacher" placeholder="请输入课程老师" />-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
<el-form-item label="课程标签" prop="courseLabel">
|
|
|
<el-select
|
|
|
v-model="formData.courseLabel"
|
|
|
@@ -106,6 +110,9 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="课程排序" prop="courseOrder">
|
|
|
+ <el-input-number v-model="formData.courseOrder" placeholder="请输入课程排序" class="!w-1/1" />
|
|
|
+ </el-form-item>
|
|
|
</template>
|
|
|
|
|
|
<el-form-item label="课程状态" prop="courseStatus">
|
|
|
@@ -157,6 +164,7 @@ const formData = ref({
|
|
|
courseIsInspect: undefined,
|
|
|
courseType: undefined,
|
|
|
courseLabel: undefined,
|
|
|
+ courseOrder: undefined,
|
|
|
courseStatus: undefined
|
|
|
})
|
|
|
const formRules = reactive({
|
|
|
@@ -181,8 +189,14 @@ const open = async (type: string, id?: number) => {
|
|
|
if (id) {
|
|
|
formLoading.value = true
|
|
|
try {
|
|
|
- formData.value = await CourseApi.getCourse(id)
|
|
|
- formData.value.courseLabel = formData.value.courseLabel?.split(',')
|
|
|
+ const courseData = await CourseApi.getCourse(id)
|
|
|
+ formData.value = {
|
|
|
+ ...formData.value,
|
|
|
+ ...courseData,
|
|
|
+ courseLabel: courseData.courseLabel?.split(',')
|
|
|
+ }
|
|
|
+ // 确保 courseType 为正确的 id 类型
|
|
|
+ formData.value.courseType = courseData.courseType ? Number(courseData.courseType) : undefined
|
|
|
} finally {
|
|
|
formLoading.value = false
|
|
|
}
|
|
|
@@ -233,6 +247,7 @@ const resetForm = () => {
|
|
|
courseIsInspect: undefined,
|
|
|
courseType: undefined,
|
|
|
courseLabel: undefined,
|
|
|
+ courseOrder: undefined,
|
|
|
courseStatus: undefined
|
|
|
}
|
|
|
formRef.value?.resetFields()
|