课表调整申请新增

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

@@ -186,17 +186,23 @@
       @update:visible="val => (dialogVisible = val)"
     >
       <el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
+        <el-form-item label="选修班名称" prop="xxbmc">
+          <el-input v-model="form.xxbmc" placeholder="请输入选修班名称" clearable />
+        </el-form-item>
+        <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-input v-model="form.kcmc" placeholder="请输入课程名称，提交时按名称查找课编号" clearable />
         </el-form-item>
         <el-form-item label="实施教员" prop="js">
-          <el-input v-model="form.js" placeholder="请输入实施教员" clearable />
+          <el-input v-model="form.js" placeholder="请输入实施教员，提交时按名称查找教员编号" clearable />
         </el-form-item>
         <el-form-item label="教材">
           <el-input v-model="form.jc" placeholder="请输入教材" clearable />
         </el-form-item>
         <el-form-item label="教学场地">
-          <el-input v-model="form.jxcd" placeholder="请输入教学场地" clearable />
+          <el-input v-model="form.jxcd" placeholder="请输入教学场地，提交时按名称查找教室编号" clearable />
         </el-form-item>
         <el-form-item label="计划学时">
           <el-input-number v-model="form.jhsxs" :min="0" :precision="0" class="w-full" />
@@ -222,6 +228,7 @@
 <script>
 import {
   listElective,
+  addElective,
   batchOpenElective,
   batchCancelOpenElective,
   batchStopElective,
@@ -229,6 +236,9 @@ import {
   exportElectiveStudentsExcel,
   exportElectiveStudentsWord
 } from '@/api/teachOffice/elective'
+import { listKb } from '@/api/teachOffice/kb'
+import { listTeacher } from '@/api/teachOffice/teacher'
+import { listClassroom } from '@/api/teachBusiness/classroom'
 import { saveAs } from 'file-saver'
 
 export default {
@@ -261,6 +271,8 @@ export default {
       // ==================== 新建选修课弹窗 ====================
       dialogVisible: false,
       form: {
+        xxbmc: '',
+        nj: '',
         kcmc: '',
         js: '',
         jc: '',
@@ -271,6 +283,7 @@ export default {
         jh: 0
       },
       rules: {
+        xxbmc: [{ required: true, message: '请输入选修班名称', trigger: 'blur' }],
         kcmc: [{ required: true, message: '请输入课程名称', trigger: 'blur' }],
         js: [{ required: true, message: '请输入实施教员', trigger: 'blur' }]
       },
@@ -425,17 +438,63 @@ export default {
 
     // ==================== 新建选修课弹窗 ====================
     handleOpenNew() {
-      this.$message.warning('后端暂未提供该接口')
+      this.form = {
+        xxbmc: '',
+        nj: '',
+        kcmc: '',
+        js: '',
+        jc: '',
+        jxcd: '',
+        jhsxs: 0,
+        yxsxs: 0,
+        xf: 0,
+        jh: 0
+      }
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
     },
     handleNewConfirm() {
       if (!this.$refs.formRef) return
       this.$refs.formRef.validate((valid) => {
         if (!valid) return
-        console.log('新建选修课:', JSON.parse(JSON.stringify(this.form)))
-        this.$message.success('新建选修课成功（前端模拟）')
-        this.dialogVisible = false
+        this.submitNewElective()
       })
     },
+    submitNewElective() {
+      const emptyPage = { data: { records: [] } }
+      Promise.all([
+        listKb({ pageNum: 1, pageSize: 1, kmc: this.form.kcmc }),
+        listTeacher({ pageNum: 1, pageSize: 1, jyxm: this.form.js }),
+        this.form.jxcd ? listClassroom({ pageNum: 1, pageSize: 1, jsmc: this.form.jxcd }) : Promise.resolve(emptyPage)
+      ])
+        .then(([kbRes, teacherRes, roomRes]) => {
+          const kbh = kbRes?.data?.records?.[0]?.kbh
+          const jybh = teacherRes?.data?.records?.[0]?.jybh
+          const jsbh = roomRes?.data?.records?.[0]?.jsbh
+          if (!kbh) {
+            this.$message.warning(`未找到课程科目：${this.form.kcmc}`)
+            return
+          }
+          const dto = {
+            kbh: kbh,
+            xxbmc: this.form.xxbmc,
+            nj: this.form.nj || undefined,
+            jybh: jybh || undefined,
+            jsbh: jsbh || 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(() => {})
+    },
 
     // ==================== 分页 ====================
     handlePageChange(page) {