From 1406d5efe7b47d45e988fcb0a6092b3bb9dc0443 Mon Sep 17 00:00:00 2001 From: 龚焕茏 <2842157468@qq.com> Date: 星期一, 08 七月 2024 17:40:14 +0800 Subject: [PATCH] feat:部门树形结构 --- src/views/exam/personalRandomTemplate/edit.vue | 32 ++++++++++++++++++++++++++------ 1 files changed, 26 insertions(+), 6 deletions(-) diff --git a/src/views/exam/personalRandomTemplate/edit.vue b/src/views/exam/personalRandomTemplate/edit.vue index c92bf12..b559b0d 100644 --- a/src/views/exam/personalRandomTemplate/edit.vue +++ b/src/views/exam/personalRandomTemplate/edit.vue @@ -9,9 +9,15 @@ </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 + 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 @@ -147,16 +153,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 + 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-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"> + style="width: 100%" @selection-change="handleSelection" row-key="id" @select-all="selectAll"> <el-table-column type="selection" :reserve-selection="true"></el-table-column> <el-table-column prop="realName" label="瀛﹀憳" /> </el-table> @@ -271,7 +283,7 @@ questionType: null, subjectId: 1, pageIndex: 1, - pageSize: 5 + pageSize: 500000000 }, listLoading: true, tableData: [], @@ -337,8 +349,16 @@ }) }, handleSelection(val) { + console.log('val', val); this.student.multipleSelection = val; }, + selectAll() { + let param = { ...this.student }; + param.pageSize = 999999; + examPaperApi.selectStudent(param).then(res => { + this.handleSelection(res.response.list); + }); + }, confirmStudentSelect() { this.form.userIds = this.student.multipleSelection.map((item) => item.id); this.form.examineeList = this.student.multipleSelection.map((item) => { -- Gitblit v1.8.0