龚焕茏
2024-07-16 0ebcc1fd3b16b7a43e85a9a4bde1a1cee3ae5831
src/views/exam/paper/edit.vue
@@ -9,9 +9,16 @@
        </el-select>
      </el-form-item>
      <el-form-item label="部门:" prop="deptId" required>
        <el-select v-model="form.deptId" collapse-tags @change="getSubject" placeholder="部门">
        <!-- <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-select> -->
        <el-cascader
          clearable
          @change="getSubject"
          v-model="form.deptId"
          :options="depts"
          :props="{ emitPath: false, value: 'id', label: 'name',  checkStrictly: true }"
          ></el-cascader>
      </el-form-item>
      <el-form-item label="课目:" prop="subjectId" required>
        <el-select ref="subjectIdRef" v-model="form.subjectId" :disabled="! form.deptId" placeholder="课目" multiple collapse-tags>
@@ -143,14 +150,22 @@
          </el-select>
        </el-form-item>
        <el-form-item label="部门:">
          <el-select v-model="student.deptIds" clearable multiple>
          <!-- <el-select v-model="student.deptIds" clearable multiple>
            <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
          </el-select>
          </el-select> -->
          <el-cascader
          clearable
          collapse-tags
          v-model="student.deptIds"
          :options="depts"
          :props="{ emitPath: false, multiple: true, value: 'id', label: 'name',  checkStrictly: true }"
          ></el-cascader>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="selectStudent">查询</el-button>
        </el-form-item>
      </el-form>
      <el-button type="primary" @click="selectAllBoolean ? selectAll() : unselectAll()">{{ selectAllBoolean ? '全选' : '取消全选' }}</el-button>
      <el-table ref="multipleTable" v-loading="student.listLoading" :data="tableData" border fit highlight-current-row
        style="width: 100%" @selection-change="handleSelection" row-key="id">
        <el-table-column type="selection" :reserve-selection="true"></el-table-column>
@@ -181,6 +196,7 @@
  components: { Pagination, QuestionShow },
  data() {
    return {
      selectAllBoolean: true,
      tags: [],
      depts: [],
      studentDialog: false,
@@ -207,6 +223,7 @@
      },
      subjectIdList: [],
      form: {
        deptId: '',
        menuIds: [],
        aggregateSource: 100,
        id: null,
@@ -217,7 +234,10 @@
        limitDateTime: [],
        name: '',
        suggestTime: null,
        titleItems: [],
        titleItems: [{
          name: '',
          questionItems: []
        }],
        subjectSource: {},
        questionTypeVMS: [],
        examineeList: [],
@@ -263,12 +283,18 @@
    };
  },
  created() {
    // departmentApi.getCurrentDeptId().then(res => {
    //   if (res.response && res.response[0]) {
    //     this.form.deptId = res.response[0];
    //   }
    // });
    let id = this.$route.query.id;
    let _this = this;
    this.initSubject(function () {
      _this.subjectFilter = _this.subjects;
    });
    if (id && parseInt(id) !== 0) {
      _this.selectAllBoolean = false;
      _this.formLoading = true;
      examPaperApi.select(id).then(re => {
        const { userIds, userNames } = re.response;
@@ -311,7 +337,22 @@
      this.student.listLoading = true;
      this.getStudent();
    },
    selectAll () {
      let param = { ...this.student };
      param.pageSize = 999999;
      examPaperApi.selectStudent(param).then(res => {
        this.handleSelection(res.response.list);
        res.response.list.forEach(item => {
          this.$refs.multipleTable.toggleRowSelection(item, true);
          this.selectAllBoolean = false;
        })
        this.getStudent();
      });
    },
    unselectAll () {
      this.$refs.multipleTable.clearSelection();
      this.selectAllBoolean = true;
    },
    getStudent() {
      this.student.listLoading = true;
      examPaperApi.selectStudent(this.student).then(res => {