编辑试卷时选择部门出现对应的课目

xiangpei

2024-05-30 1aec2bdf5d71df8e120b3ead4b104fb3438f4713

 src/views/exam/personalRandomTemplate/edit.vue

@@ -8,15 +8,15 @@
            :key="item.id"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="课目：" prop="subjectId" required>
        <el-select ref="subjectIdRef" v-model="form.subjectId" placeholder="课目" multiple collapse-tags
          @visible-change="subjectIdEvent">
          <el-option v-for="item in subjectFilter" :key="item.id" :value="item.id" :label="item.name + ' '"></el-option>
      <el-form-item label="部门：" prop="deptId" required>
        <el-select v-model="form.deptId" collapse-tags @change="getSubject" placeholder="部门">
          <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="部门：" prop="deptId" required>
        <el-select v-model="form.deptId" collapse-tags placeholder="部门">
          <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
      <el-form-item label="课目：" prop="subjectId" required>
        <el-select ref="subjectIdRef" v-model="form.subjectId" :disabled="! form.deptId" placeholder="课目" multiple collapse-tags
          @visible-change="subjectIdEvent">
          <el-option v-for="item in subjectFilter" :key="item.id" :value="item.id" :label="item.name + ' '"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="试卷类型：" prop="paperType" required>
@@ -176,6 +176,7 @@
import Pagination from '@/components/Pagination';
import QuestionShow from '../question/components/Show';
import examPaperApi from '@/api/examPaper';
import subjectApi from '@/api/subject';
import userApi from '@/api/user';
import questionApi from '@/api/question';
import departmentApi from '@/api/department';
@@ -326,10 +327,15 @@
        };
      });
    });

    // this.subjectIdEvent(false)
  },
  methods: {
    getSubject(deptId) {
      // 获取对应部门的课目
      subjectApi.selectByDeptId(deptId).then(res => {
        this.form.subjectId = null
        this.subjectFilter = res.response
      })
    },
    handleSelection(val) {
      this.student.multipleSelection = val;
    },