From 2d1f7bd9e68a2ee60bbd1adcc9cd43c94db08c0d Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期三, 24 七月 2024 15:05:37 +0800
Subject: [PATCH] feat:选人增加姓名

---
 src/views/exam/personalRandomTemplate/edit.vue |   91 ++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 77 insertions(+), 14 deletions(-)

diff --git a/src/views/exam/personalRandomTemplate/edit.vue b/src/views/exam/personalRandomTemplate/edit.vue
index c92bf12..b6d8537 100644
--- a/src/views/exam/personalRandomTemplate/edit.vue
+++ b/src/views/exam/personalRandomTemplate/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
@@ -43,7 +50,7 @@
           </el-col>
         </el-row>
       </el-form-item>
-      <el-form-item :key="item.subjectId" :label="item.label" required v-for="(item, key) in form.questionTypeVMS"
+      <!-- <el-form-item :key="item.subjectId" :label="item.label" required v-for="(item, key) in form.questionTypeVMS"
         v-if="form.paperType == 7">
         <el-row>
           <el-col :span="3">
@@ -66,7 +73,7 @@
             <el-input v-model="form.questionTypeVMS[key].trueFalse" style="width: 80%" />
           </el-col>
         </el-row>
-      </el-form-item>
+      </el-form-item> -->
       <!--      <el-form-item label="鎬绘暟鍒嗭細" v-if="form.paperType==7"  prop="name" required>-->
       <!--        <el-input v-model="form.name"/>-->
       <!--      </el-form-item>-->
@@ -136,25 +143,38 @@
 
     <el-dialog :visible.sync="studentDialog" width="70%">
       <el-form :model="student" ref="queryForm" :inline="true">
-        <el-form-item label="鏍囩锛�">
-          <el-select v-model="student.tagIds" clearable multiple>
+        <el-form-item>
+          <el-select v-model="student.tagIds" clearable multiple placeholder="鏍囩">
             <el-option v-for="item in tags" :key="item.id" :value="item.id" :label="item.name"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="鎺掗櫎鏍囩锛�">
-          <el-select v-model="student.excludeTagIds" clearable multiple>
+        <el-form-item>
+          <el-select v-model="student.excludeTagIds" clearable multiple placeholder="鎺掗櫎鏍囩">
             <el-option v-for="item in tags" :key="item.id" :value="item.id" :label="item.name"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="閮ㄩ棬锛�">
-          <el-select v-model="student.deptIds" clearable multiple>
+        <el-form-item>
+          <!-- <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
+          filterable
+          placeholder="璇烽�夋嫨閮ㄩ棬"
+          clearable
+          collapse-tags
+          v-model="student.deptIds"
+          :options="depts"
+          :props="{ multiple: true, emitPath: false, value: 'id', label: 'name',  checkStrictly: true }"
+          ></el-cascader>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="student.realName" clearable placeholder="璇疯緭鍏ュ鍚�"></el-input>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="selectStudent">鏌ヨ</el-button>
         </el-form-item>
       </el-form>
+      <el-button type="danger" @click="selectAllBoolean ? selectAll() : unselectAll()" size="small" style="margin-bottom: 3px">{{ 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>
@@ -186,6 +206,7 @@
 
   data() {
     return {
+      selectAllBoolean: true,
       tags: [],
       studentDialog: false,
       student: {
@@ -223,6 +244,7 @@
       },
       subjectIdList: [],
       form: {
+        deptId: '',
         aggregateSource: '100',
         id: null,
         departmentIds: [],
@@ -232,7 +254,10 @@
         limitDateTime: [],
         name: '',
         suggestTime: null,
-        titleItems: [],
+        titleItems: [{
+          name: '',
+          questionItems: []
+        }],
         subjectSource: {},
         questionTypeVMS: [],
         examineeList: [],
@@ -271,7 +296,7 @@
           questionType: null,
           subjectId: 1,
           pageIndex: 1,
-          pageSize: 5
+          pageSize: 500000000
         },
         listLoading: true,
         tableData: [],
@@ -290,6 +315,11 @@
     });
   },
   async mounted() {
+    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;
@@ -298,6 +328,7 @@
       _this.subjectFilter = _this.subjects;
     });
     if (id && parseInt(id) !== 0) {
+      this.selectAllBoolean = false;
       _this.formLoading = true;
       await examPaperApi.selfselect(id).then(re => {
         const { userIds, userNames } = re.response;
@@ -339,6 +370,23 @@
     handleSelection(val) {
       this.student.multipleSelection = val;
     },
+    selectAll () {
+      this.preSelectAll();
+      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;
+    },
     confirmStudentSelect() {
       this.form.userIds = this.student.multipleSelection.map((item) => item.id);
       this.form.examineeList = this.student.multipleSelection.map((item) => {
@@ -349,6 +397,18 @@
       });
       this.student.multipleSelection = [];
       this.studentDialog = false;
+    },
+    preSelectAll() {
+      this.selectAllBoolean = true;
+      this.$refs.multipleTable.clearSelection();
+      this.form.userIds = this.student.multipleSelection.map((item) => item.id);
+      this.form.examineeList = this.student.multipleSelection.map((item) => {
+        return {
+          id: item.id,
+          realName: item.realName
+        };
+      });
+      this.student.multipleSelection = [];
     },
     getTags() {
       userApi.tagList(null).then(data => {
@@ -438,7 +498,10 @@
         console.log(this.form.subjectSource);
         console.log(this.form.questionTypeVMS);
         // this.form.paperType = 7
-        this.form.titleItems = [];
+        this.form.titleItems = [{
+          name: '',
+          questionItems: []
+        }];
       } else {
         this.form.subjectSource = {};
         this.subjectIdList = [];

--
Gitblit v1.8.0