附件最多上传10个

xiangpei

2024-12-03 8c3eaeddeff2c9c5a92352e6bf830e5000ff5882

 src/views/exam/paper/edit.vue

@@ -8,14 +8,21 @@
            :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>
          <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="deptId" required>
        <el-select v-model="form.deptId" collapse-tags 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-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>
          <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>
@@ -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>
@@ -171,6 +186,7 @@
import { mapGetters, mapState, mapActions } from 'vuex';
import Pagination from '@/components/Pagination';
import QuestionShow from '../question/components/Show';
import subjectApi from '@/api/subject';
import examPaperApi from '@/api/examPaper';
import questionApi from '@/api/question';
import departmentApi from '@/api/department';
@@ -180,6 +196,7 @@
  components: { Pagination, QuestionShow },
  data() {
    return {
      selectAllBoolean: true,
      tags: [],
      depts: [],
      studentDialog: false,
@@ -206,6 +223,7 @@
      },
      subjectIdList: [],
      form: {
        deptId: '',
        menuIds: [],
        aggregateSource: 100,
        id: null,
@@ -216,7 +234,10 @@
        limitDateTime: [],
        name: '',
        suggestTime: null,
        titleItems: [],
        titleItems: [{
          name: '',
          questionItems: []
        }],
        subjectSource: {},
        questionTypeVMS: [],
        examineeList: [],
@@ -262,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;
@@ -292,6 +319,13 @@
    });
  },
  methods: {
    getSubject(deptId) {
      // 获取对应部门的课目
      subjectApi.selectByDeptId(deptId).then(res => {
        this.form.subjectId = null
        this.subjectFilter = res.response
      })
    },
    getTags() {
      userApi.tagList(null).then(data => {
        this.tags = data.response;
@@ -303,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 => {