From 0eee6264b01ce554a6082468a6a11d0b0da8e622 Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期四, 11 七月 2024 09:43:30 +0800 Subject: [PATCH] feat:菜单调整、添加部门bug修复 --- src/views/exam/personalRandomTemplate/list.vue | 200 ++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 171 insertions(+), 29 deletions(-) diff --git a/src/views/exam/personalRandomTemplate/list.vue b/src/views/exam/personalRandomTemplate/list.vue index 8a2107a..dd85102 100644 --- a/src/views/exam/personalRandomTemplate/list.vue +++ b/src/views/exam/personalRandomTemplate/list.vue @@ -1,42 +1,77 @@ <template> <div class="app-container"> -<!-- <el-form :model="queryParam" ref="queryForm" :inline="true">--> -<!-- <el-form-item label="棰樼洰ID锛�">--> -<!-- <el-input v-model="queryParam.id" clearable></el-input>--> -<!-- </el-form-item>--> -<!-- <el-form-item label="閮ㄩ棬锛�">--> -<!-- <el-select v-model="queryParam.level" placeholder="閮ㄩ棬" @change="levelChange" clearable>--> -<!-- <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- <el-form-item label="璇剧洰锛�" >--> -<!-- <el-select v-model="queryParam.subjectId" clearable>--> -<!-- <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>--> -<!-- <el-button type="primary" @click="submitForm">鏌ヨ</el-button>--> -<!-- <router-link :to="{path:'/exam/personalSimulation/edit'}" class="link-left">--> -<!-- <el-button type="primary">娣诲姞</el-button>--> -<!-- </router-link>--> -<!-- </el-form-item>--> -<!-- </el-form>--> - <router-link :to="{path:'/exam/personalRandomTemplate/edit'}" class="link-left"> - <el-button type="primary">娣诲姞</el-button> + <el-form :model="queryParam" ref="queryForm" :inline="true"> + <el-form-item label="鍚嶇О锛�"> + <el-input v-model="queryParam.name" clearable></el-input> + </el-form-item> + <el-form-item label="閮ㄩ棬锛�"> + <el-cascader + clearable + v-model="queryParam.deptId" + :options="depts" + :props="{ emitPath: false, value: 'id', label: 'name', checkStrictly: true, multiple: true }" + ></el-cascader> + </el-form-item> + <el-form-item label="璇剧洰锛�" > + <el-select v-model="queryParam.subjectId" clearable multiple> + <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> + <el-date-picker + v-model="queryParam.period" + type="daterange" + unlink-panels + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + :picker-options="pickerOptions"> + </el-date-picker> + </el-form-item> + <el-form-item> + <el-button type="primary" @click="submitForm">鏌ヨ</el-button> + <!-- <router-link :to="{path:'/exam/personalSimulation/edit'}" class="link-left"> + <el-button type="primary">娣诲姞</el-button> + </router-link> --> + </el-form-item> + </el-form> + <router-link :to="{path:'/exam/personalRandomTemplate/edit'}"> + <el-button type="primary" size="small" style="margin-bottom: 5px">娣诲姞</el-button> </router-link> <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%"> - <el-table-column prop="subjectId" label="璇剧洰" :formatter="subjectFormatter" width="120px" /> + <el-table-column prop="subjectNames" label="璇剧洰" /> <el-table-column prop="name" label="鍚嶇О" /> - <el-table-column label="鎿嶄綔" align="center" width="260px"> + <el-table-column prop="createDepartment" label="鍒涘缓閮ㄩ棬" /> + <el-table-column prop="ctime" label="鍒涘缓鏃堕棿" /> + <el-table-column label="鎿嶄綔" align="center" width="360px"> <template slot-scope="{row}"> - <el-button size="mini" @click="$router.push({path:'/exam/personalRandomTemplate/edit',query:{id:row.id}})" >缂栬緫</el-button> - <el-button size="mini" type="danger" @click="deletePaper(row)" class="link-left">鍒犻櫎</el-button> - <el-button size="mini" type="danger" @click="handleExport(row)" class="link-left">瀵煎嚭</el-button> + <el-button size="small" @click="$router.push({path:'/exam/personalRandomTemplate/edit',query:{id:row.id}})" >缂栬緫</el-button> + <el-button size="small" type="primary" @click="missExam(row)">琛ヨ��</el-button> + <el-button size="small" type="danger" @click="deletePaper(row)" class="link-left">鍒犻櫎</el-button> + <el-button size="small" type="danger" @click="handleExport(row)" class="link-left">瀵煎嚭</el-button> </template> </el-table-column> </el-table> <pagination v-show="total>0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize" @pagination="search"/> + + <el-dialog + title="琛ヨ��" + :visible.sync="dialogVisible" + width="550px"> + <el-form :model="form" ref="form"> + <el-form-item label="鑰冪敓锛�" prop="menuIds" required> + <!-- <el-cascader v-model="form.menuIds" :options="options" :props="{ multiple: true }" clearable collapse-tags></el-cascader> --> + <el-select v-model="form.menuIds" multiple clearable placeholder="璇烽�夋嫨"> + <el-option v-for="item in options" :key="item.id" :label="item.realName" :value="item.id"></el-option> + </el-select> + </el-form-item> + </el-form> + <span slot="footer" class="dialog-footer"> + <el-button @click="dialogVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="submitUpdate">纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> @@ -44,11 +79,66 @@ import { mapActions, mapGetters, mapState } from 'vuex' import Pagination from '@/components/Pagination' import examPaperApi from '@/api/examPaper' +import departmentApi from '@/api/department' +import userApi from '@/api/user' export default { components: { Pagination }, data () { return { + pickerOptions: { + shortcuts: [{ + text: '鏈�杩戜竴鍛�', + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit('pick', [start, end]); + } + }, { + text: '鏈�杩戜竴涓湀', + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit('pick', [start, end]); + } + }, { + text: '鏈�杩戜笁涓湀', + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit('pick', [start, end]); + } + }, { + text: '鏈�杩戝崐骞�', + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 183); + picker.$emit('pick', [start, end]); + } + }, { + text: '鏈�杩戜竴骞�', + onClick(picker) { + const end = new Date(); + const start = new Date(); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 365); + picker.$emit('pick', [start, end]); + } + }] + }, + options: [], + depts: [], + form: { + menuIds: [], + userIds: [], + id: null, + limitDateTime: [] + }, + examPaper: {}, + dialogVisible: false, queryParam: { id: null, level: null, @@ -67,11 +157,48 @@ this.search() this.queryParam.subjectId = null this.subjectFilter = this.subjects + departmentApi.getDeptAdmins().then(res => { + this.depts = res.response; + }) }, methods: { + missExam(item) { + this.form = { + menuIds: [], + userIds: [], + id: null, + limitDateTime: [] + } + this.examPaper = item; + userApi.getFailExamUser(item.id).then(res => { + this.options = res.response; + this.dialogVisible = true; + }) + }, + submitUpdate () { + this.$refs.form.validate((valid) => { + if (valid) { + let op = []; + for(var ele of this.form.menuIds){ + op.push(ele[1]) + }; + this.form.menuIds = JSON.stringify(this.form.menuIds); + this.form.userIds = op; + this.form.id = this.examPaper.id; + examPaperApi.missExamByTemplateId(this.form).then(re => { + if (re.code === 1) { + this.$message.success("鎿嶄綔鎴愬姛") + this.dialogVisible = false; + } + }) + } else { + return false + } + }) + }, handleExport(row){ let fileName = row.name +'.xls' - let url ='/api/admin/exam/count/exportTemplatesId/'+row.id + let url ='/api/admin/exam/count/exportRandownTemplatesId/'+row.id var x = new XMLHttpRequest(); x.open("GET", url, true); x.responseType = "blob"; @@ -104,6 +231,21 @@ // }) }, + handleExport1(row){ + let fileName = row.name +'.xls' + let url ='/api/admin/exam/count/timeOne' + var x = new XMLHttpRequest(); + x.open("GET", url, true); + x.responseType = "blob"; + x.onload = function () { + var url = window.URL.createObjectURL(x.response); + var a = document.createElement("a"); + a.href = url; + a.download = fileName; + a.click(); + }; + x.send(); + }, submitForm () { this.queryParam.pageIndex = 1 this.search() -- Gitblit v1.8.0