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/paper/edit.vue |  115 +++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 71 insertions(+), 44 deletions(-)

diff --git a/src/views/exam/paper/edit.vue b/src/views/exam/paper/edit.vue
index 9b205ac..cbe9c5f 100644
--- a/src/views/exam/paper/edit.vue
+++ b/src/views/exam/paper/edit.vue
@@ -1,20 +1,21 @@
 <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>
-          <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>
+          <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>
@@ -101,8 +102,8 @@
     </el-form>
     <el-dialog :visible.sync="questionPage.showDialog" width="70%">
       <el-form :model="questionPage.queryParam" ref="queryForm" :inline="true">
-        <el-form-item label="ID锛�">
-          <el-input v-model="questionPage.queryParam.id" clearable></el-input>
+        <el-form-item label="棰樺共锛�">
+          <el-input v-model="questionPage.queryParam.titleContent" clearable></el-input>
         </el-form-item>
         <el-form-item label="棰樺瀷锛�">
           <el-select v-model="questionPage.queryParam.questionType" clearable>
@@ -132,7 +133,12 @@
     <el-dialog :visible.sync="studentDialog" width="70%">
       <el-form :model="student" ref="queryForm" :inline="true">
         <el-form-item label="鏍囩锛�">
-          <el-select v-model="student.tagId" clearable>
+          <el-select v-model="student.tagIds" clearable multiple>
+            <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-option v-for="item in tags" :key="item.id" :value="item.id" :label="item.name"></el-option>
           </el-select>
         </el-form-item>
@@ -145,13 +151,13 @@
           <el-button type="primary" @click="selectStudent">鏌ヨ</el-button>
         </el-form-item>
       </el-form>
-      <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 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>
         <el-table-column prop="realName" label="瀛﹀憳" />
       </el-table>
       <pagination v-show="total > 0" :total="total" :page.sync="student.pageIndex" :limit.sync="student.pageSize"
-        @pagination="selectStudent" />
+        @pagination="getStudent" />
       <span slot="footer" class="dialog-footer">
         <el-button @click="studentDialog = false">鍙� 娑�</el-button>
         <el-button type="primary" @click="confirmStudentSelect">纭畾</el-button>
@@ -165,6 +171,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';
@@ -177,12 +184,17 @@
       tags: [],
       depts: [],
       studentDialog: false,
+
+      isFirstShow: true,
+
+
       student: {
         deptIds: [],
         pageIndex: 1,
         pageSize: 5,
         listLoading: true,
-        multipleSelection: []
+        multipleSelection: [],
+        excludeTagIds: [],
       },
       tableData: [],
       total: 0,
@@ -207,13 +219,15 @@
         suggestTime: null,
         titleItems: [],
         subjectSource: {},
-        questionTypeVMS: []
+        questionTypeVMS: [],
+        examineeList: [],
+        userNames: []
       },
       subjectFilter: null,
       formLoading: false,
       rules: {
-        menuIds: [
-          { required: true, message: '璇烽�夋嫨', trigger: 'change' }
+        userIds: [
+          { required: true, message: '璇烽�夋嫨鑰冪敓', trigger: 'change' }
         ],
         subjectId: [
           { required: true, message: '璇烽�夋嫨璇剧洰', trigger: 'change' }
@@ -235,7 +249,7 @@
         multipleSelection: [],
         showDialog: false,
         queryParam: {
-          id: null,
+          titleContent: "",
           questionType: null,
           subjectId: 1,
           pageIndex: 1,
@@ -246,10 +260,6 @@
         total: 0
       },
       currentTitleItem: null,
-
-
-      examineeList: [],
-
     };
   },
   created() {
@@ -261,9 +271,15 @@
     if (id && parseInt(id) !== 0) {
       _this.formLoading = true;
       examPaperApi.select(id).then(re => {
+        const { userIds, userNames } = re.response;
+
         _this.form = re.response;
-        _this.form.menuIds = JSON.parse(re.response.menuIds);
-        console.log(_this.form);
+        _this.form.examineeList = userIds.map((item, index) => {
+          return {
+            id: item,
+            realName: userNames && userNames[index] ? userNames[index] : ''
+          };
+        });
         _this.formLoading = false;
       });
     }
@@ -277,6 +293,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;
@@ -286,21 +309,21 @@
       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);
           });
-        });
+        }
       });
     },
     handleChange(val) {
@@ -359,9 +382,6 @@
           // }
         });
         this.form.subjectSource = obj1;
-
-        console.log(this.form.subjectSource);
-        console.log(this.form.questionTypeVMS);
         // this.form.paperType = 7
         this.form.titleItems = [];
       } else {
@@ -380,8 +400,8 @@
           if (this.subjectIdList.length == 1) {
             tempForm.subjectId = tempForm.subjectId;
           };
-          tempForm.userIds = tempForm.menuIds;
-          tempForm.menuIds = JSON.stringify(tempForm.menuIds);
+
+          tempForm.menuIds = tempForm.userIds.join(',');
 
           if (tempForm.questionTypeVMS == null) {
             tempForm.questionTypeVMS = [];
@@ -411,7 +431,6 @@
       });
     },
     addQuestion(titleItem) {
-      console.log('titleItem', titleItem);
       this.currentTitleItem = titleItem;
       this.questionPage.showDialog = true;
       this.search();
@@ -438,7 +457,15 @@
       this.questionPage.showDialog = false;
     },
     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;
     },
 
@@ -513,7 +540,7 @@
       paperTypeEnum: state => state.exam.examPaper.paperTypeEnum,
       levelEnum: state => state.user.levelEnum
     }),
-    ...mapState('exam', { subjects: state => state.subjects })
+    ...mapState('exam', { subjects: state => state.subjects }),
   }
 };
 </script>

--
Gitblit v1.8.0