From e1aa0ecffbabd618c71e4ad94370fb8dffe6ee1c Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期日, 21 一月 2024 20:54:49 +0800 Subject: [PATCH] 优化 --- src/views/systemSetting/baseSetting/department/updateUser/index.vue | 34 +++++++++++++++++++++++++++++----- 1 files changed, 29 insertions(+), 5 deletions(-) diff --git a/src/views/systemSetting/baseSetting/department/updateUser/index.vue b/src/views/systemSetting/baseSetting/department/updateUser/index.vue index c5ab3b6..17e8f24 100644 --- a/src/views/systemSetting/baseSetting/department/updateUser/index.vue +++ b/src/views/systemSetting/baseSetting/department/updateUser/index.vue @@ -33,18 +33,24 @@ item.leader ? 'leader' : '', ]"></i> </div> - <label style="font-size: 12px" :class="[item.leader ? 'leader' : '']">{{ item.username }}</label> + <label style="font-size: 12px" :class="[item.leader ? 'leader' : 'theMasses']">{{ item.username }}</label> </div> </li> <li class="li-btn" v-if="updateFlag"> <i class="el-icon-plus" @click="openUser = true"></i> + </li> + <li class="li-btn" v-if="updateFlag"> + <el-tooltip class="item" effect="light" content="娓呴櫎閫変腑浜哄憳" placement="top" :enterable="false"> + <i class="el-icon-minus" @click="clrarUser"></i> + </el-tooltip> + </li> </ul> <div class="card" v-if="openUser"> <el-card class="box-card"> <div slot="header" class="myclear"> <span>宸ヤ綔浜哄憳</span> - <div @click="addUser">纭</div> + <div class="department-sub" @click="addUser">纭</div> </div> <div class="scrollWrap"> <el-checkbox-group v-model="checkedUser"> @@ -201,6 +207,11 @@ } }); }, + // 娓呴櫎閫変腑鐢ㄦ埛 + clrarUser(){ + this.checkedList=[] + }, + addUser() { this.checkedList = []; this.userList.forEach((item) => { @@ -214,7 +225,7 @@ } }); }); - this.checkedList[0].leader = true; + // this.checkedList[0].leader = true; console.log(this.checkedList); this.openUser = false; }, @@ -316,6 +327,12 @@ width: 36px; height: 36px; border-radius: 50%; + .el-icon-plus{ + cursor: pointer; + } + .el-icon-minus{ + cursor: pointer; + } } .card { @@ -353,6 +370,11 @@ color: #4b9bb7; display: flex; justify-content: space-between; + .department-sub{ + cursor: pointer; + margin-left: 5px; + color: #2f54eb; + } } .hidebar { @@ -373,8 +395,10 @@ .leader { color: red; } - +.theMasses{ + color: #2f54eb; +} .el-input { width: 280px !important; } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0