From 68b8ed3b4b7ddbb5fe113c1d7df3aa909dc66fb6 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期三, 03 七月 2024 18:37:29 +0800
Subject: [PATCH] feat:新增随机时间题目配置

---
 src/views/exam/personalRandomTemplate/edit.vue |  111 ++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 68 insertions(+), 43 deletions(-)

diff --git a/src/views/exam/personalRandomTemplate/edit.vue b/src/views/exam/personalRandomTemplate/edit.vue
index efa8130..585e65a 100644
--- a/src/views/exam/personalRandomTemplate/edit.vue
+++ b/src/views/exam/personalRandomTemplate/edit.vue
@@ -1,19 +1,22 @@
 <template>
   <div class="app-container">
     <el-form :model="form" ref="form" label-width="200px" v-loading="formLoading" :rules="rules">
-      <el-form-item label="鑰冪敓锛�" prop="menuIds" required>
-        <el-select v-model="form.menuIds" :collapse-tags="true" multiple placeholder="璇烽�夋嫨" @focus="selectStudent"
-          popper-class="examinee-popper"></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="userIds" required>
+        <el-select v-model="form.userIds" :collapse-tags="true" multiple placeholder="璇烽�夋嫨" @focus="selectStudent"
+          popper-class="examinee-popper">
+          <el-option v-for="item in form.examineeList" :value="item.id" :label="item.realName"
+            :key="item.id"></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-form-item>
+      <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>
@@ -40,7 +43,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">
@@ -63,7 +66,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>-->
@@ -173,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';
@@ -192,6 +196,8 @@
         multipleSelection: [],
         excludeTagIds: []
       },
+      isFirstShow: true,
+
       tableData: [],
       total: 0,
       props: {
@@ -228,11 +234,16 @@
         suggestTime: null,
         titleItems: [],
         subjectSource: {},
-        questionTypeVMS: []
+        questionTypeVMS: [],
+        examineeList: [],
+        userIds: []
       },
       subjectFilter: null,
       formLoading: false,
       rules: {
+        userIds: [
+          { required: true, message: '璇烽�夋嫨鑰冪敓', trigger: 'change' }
+        ],
         subjectId: [
           { required: true, message: '璇烽�夋嫨璇剧洰', trigger: 'change' }
         ],
@@ -274,7 +285,7 @@
       console.log(res);
       this.subjectFilter = res.response;
     });
-    departmentApi.getDeptAdmins().then(res => {
+    departmentApi.list().then(res => {
       this.depts = res.response;
     });
   },
@@ -289,10 +300,18 @@
     if (id && parseInt(id) !== 0) {
       _this.formLoading = true;
       await examPaperApi.selfselect(id).then(re => {
+        const { userIds, userNames } = re.response;
         _this.form = re.response;
-        _this.form.menuIds = JSON.parse(re.response.menuIds);
-        _this.optionsData = _this.form.menuIds;
-        console.log(_this.form);
+        if (userIds && userIds.length) {
+          _this.form.examineeList = userIds.map((item, index) => {
+            return {
+              id: item,
+              realName: userNames && userNames[index] ? userNames[index] : ''
+            };
+          });
+        } else {
+          _this.form.examineeList = [];
+        }
 
         _this.formLoading = false;
       });
@@ -308,15 +327,27 @@
         };
       });
     });
-
-    // 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;
     },
     confirmStudentSelect() {
-      this.form.menuIds = this.student.multipleSelection.map((item) => item.id);
+      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 = [];
       this.studentDialog = false;
     },
     getTags() {
@@ -328,20 +359,20 @@
       this.getTags();
       this.studentDialog = true;
       this.student.listLoading = true;
-
+      this.getStudent();
+    },
+    getStudent() {
+      this.student.listLoading = true;
       examPaperApi.selectStudent(this.student).then(res => {
         this.tableData = res.response.list;
         this.total = res.response.total;
         this.student.listLoading = false;
-        this.$nextTick(() => {
-          this.tableData.map(data => {
-            if (this.form.menuIds.find(item => item === data.id)) {
-              this.$refs.multipleTable.toggleRowSelection(data, true);
-            } else {
-              this.$refs.multipleTable.toggleRowSelection(data, false);
-            }
+        if (this.studentDialog && this.isFirstShow) {
+          this.isFirstShow = false;
+          this.form.examineeList.forEach(item => {
+            this.$refs.multipleTable.toggleRowSelection(item, true);
           });
-        });
+        }
       });
     },
     cascaderChangeFun(event) {
@@ -416,8 +447,6 @@
     },
     submitForm() {
       let _this = this;
-      console.log(this.subjectIdList);
-      console.log(this.form.subjectSource);
       this.$refs.form.validate((valid) => {
         if (valid) {
           const tempForm = JSON.parse(JSON.stringify(this.form));
@@ -426,19 +455,15 @@
             tempForm.subjectId = tempForm.subjectId;
           };
 
-          let lastHasAll = tempForm.menuIds.find(arr => {
-            return arr[0] === 'all';
-          });
-          if (lastHasAll) {
-            tempForm.menuIds = tempForm.menuIds.slice(1);
-          }
-          // let op = [];
-          // for(var ele of this.form.menuIds){
-          //   op.push(ele[1])
-          // };
-          tempForm.userIds = tempForm.menuIds;
-          tempForm.menuIds = JSON.stringify(tempForm.menuIds);
-          console.log("laks", this.form);
+          // let lastHasAll = tempForm.menuIds.find(arr => {
+          //   return arr[0] === 'all';
+          // });
+          // if (lastHasAll) {
+          //   tempForm.menuIds = tempForm.menuIds.slice(1);
+          // }
+
+          tempForm.menuIds = tempForm.userIds.join(',');
+
           if (tempForm.questionTypeVMS == null) {
             tempForm.questionTypeVMS = [];
           }

--
Gitblit v1.8.0