diff --git a/attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue b/attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue index 405d9c861e17c28de8fdcbd7069e441e573ee6fc..462584053cb5e6e11827694e4534e1ee83ed05bf 100644 --- a/attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue +++ b/attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue @@ -87,6 +87,8 @@ <div style="margin-top: 3px;"> {{ userOptions.length > 0 ? '璇烽€夋嫨浜哄憳' : '璇烽€夋嫨閮ㄩ棬' }} </div> + <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange" + v-if="userOptions.length > 0">鍏ㄩ€�</el-checkbox> <el-checkbox-group v-model="checkedUser"> <el-checkbox v-for="i in userOptions" :label="i.staffId" :key="i">{{ i.staffName }}</el-checkbox> @@ -105,7 +107,6 @@ <script> import formCreate from "@form-create/element-ui"; -import moment from 'moment' function formType(val) { // (1.鍗曢」閫夋嫨,2.澶氶」閫夋嫨,3.鏂囨湰妗�,4.澶氶」鏂囨湰妗�,5.鏂囧瓧,6.涓婁紶闄勪欢) switch (val) { @@ -174,8 +175,11 @@ export default { }, treeDialog: 0, + isIndeterminate: false, userOptions: [], checkedUser: [], + checkAll: false, + checkAllArr: [], } }, mounted() { @@ -203,8 +207,32 @@ export default { this.$message.warning('璇烽€夋嫨浜哄憳') } }, + handleCheckAllChange(val) { + console.log(val, this.userOptions) + if (val) { + let arr = [] + this.userOptions.forEach(i => { + arr.push(i.staffId) + }) + this.checkedUser = Array.from(new Set([...this.checkedUser, ...arr])) + console.log(this.checkedUser) + this.isIndeterminate = false; + } else { + let arr = [] + this.userOptions.forEach(i => { + arr.push(i.staffId) + }) + let newSet = new Set(this.checkedUser) + arr.forEach(i => { + newSet.delete(i) + }) + this.checkedUser = [...newSet] + console.log(this.checkedUser) + } + }, handleNodeClick(data) { if (data.personList) { + this.checkAll = false; this.userOptions = data.personList // console.log(this.userOptions) }