1、选修课保存调整，加上教材的保存；

2、课程可以下拉选择；

frontend/src/views/teachOffice/elective/index.vue

@@ -145,8 +145,22 @@
         <el-form-item label="年级">
           <el-input v-model="form.nj" placeholder="新建选修班时填写，如 2024" clearable />
         </el-form-item>
-        <el-form-item label="课程名称" prop="kcmc">
-          <el-input v-model="form.kcmc" placeholder="请输入课程名称，提交时按名称查找课编号" clearable />
+        <el-form-item label="课程名称" prop="kbh">
+          <el-select
+            v-model="form.kbh"
+            placeholder="请选择课程名称"
+            clearable
+            filterable
+            :loading="courseLoading"
+            class="w-full"
+          >
+            <el-option
+              v-for="c in courseOptions"
+              :key="c.kbh"
+              :label="(c.kmc || '-') + '（' + c.kbh + '）'"
+              :value="c.kbh"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item label="实施教员" prop="js">
           <el-select
@@ -271,7 +285,7 @@ export default {
       form: {
         xxbmc: '',
         nj: '',
-        kcmc: '',
+        kbh: '',
         js: '',
         jc: '',
         jxcd: '',
@@ -281,6 +295,8 @@ export default {
         jh: 0
       },
       // ==================== 新建弹窗下拉选项 ====================
+      courseOptions: [],
+      courseLoading: false,
       teacherOptions: [],
       teacherLoading: false,
       classroomOptions: [],
@@ -290,7 +306,7 @@ export default {
 
       rules: {
         xxbmc: [{ required: true, message: '请输入选修班名称', trigger: 'blur' }],
-        kcmc: [{ required: true, message: '请输入课程名称', trigger: 'blur' }],
+        kbh: [{ required: true, message: '请选择课程名称', trigger: 'change' }],
         js: [{ required: true, message: '请选择实施教员', trigger: 'change' }]
       },
 
@@ -444,7 +460,7 @@ export default {
       this.form = {
         xxbmc: '',
         nj: '',
-        kcmc: '',
+        kbh: '',
         js: '',
         jc: '',
         jxcd: '',
@@ -454,6 +470,7 @@ export default {
         jh: 0
       }
       this.dialogVisible = true
+      this.loadCourseOptions()
       this.loadTeacherOptions()
       this.loadClassroomOptions()
       this.loadMaterialOptions()
@@ -461,6 +478,17 @@ export default {
         this.$refs.formRef && this.$refs.formRef.clearValidate()
       })
     },
+    loadCourseOptions() {
+      if (this.courseOptions.length || this.courseLoading) return
+      this.courseLoading = true
+      listKb({ pageNum: 1, pageSize: 500 }).then(res => {
+        this.courseOptions = (res && res.data && res.data.records) || []
+      }).catch(() => {
+        this.courseOptions = []
+      }).finally(() => {
+        this.courseLoading = false
+      })
+    },
     loadTeacherOptions() {
       if (this.teacherOptions.length || this.teacherLoading) return
       this.teacherLoading = true
@@ -506,31 +534,22 @@ export default {
       })
     },
     submitNewElective() {
-      listKb({ pageNum: 1, pageSize: 1, kmc: this.form.kcmc })
-        .then(kbRes => {
-          const kbh = kbRes?.data?.records?.[0]?.kbh
-          if (!kbh) {
-            this.$message.warning(`未找到课程科目：${this.form.kcmc}`)
-            return
-          }
-          const dto = {
-            kbh: kbh,
-            xxbmc: this.form.xxbmc,
-            nj: this.form.nj || undefined,
-            jybh: this.form.js || undefined,
-            jsbh: this.form.jxcd || undefined,
-            jcmc: this.form.jc || undefined,
-            rs: this.form.jh || undefined,
-            xs: this.form.jhsxs || undefined,
-            xf: this.form.xf || undefined
-          }
-          return addElective(dto).then(() => {
-            this.$message.success('新建选修课成功')
-            this.dialogVisible = false
-            this.loadList()
-          })
-        })
-        .catch(() => {})
+      const dto = {
+        kbh: this.form.kbh,
+        xxbmc: this.form.xxbmc,
+        nj: this.form.nj || undefined,
+        jybh: this.form.js || undefined,
+        jsbh: this.form.jxcd || undefined,
+        jcmc: this.form.jc || undefined,
+        rs: this.form.jh || undefined,
+        xs: this.form.jhsxs || undefined,
+        xf: this.form.xf || undefined
+      }
+      addElective(dto).then(() => {
+        this.$message.success('新建选修课成功')
+        this.dialogVisible = false
+        this.loadList()
+      }).catch(() => {})
     },
 
     // ==================== 分页 ====================