From f14f98a263141d2f8ec0079866a758cc7a1c38d1 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期一, 22 八月 2022 03:20:29 +0800 Subject: [PATCH] 添加用户删除功能 --- src/views/personalCenter/components/SubAccount.vue | 40 +++++++++++++++++++++++++++++----------- 1 files changed, 29 insertions(+), 11 deletions(-) diff --git a/src/views/personalCenter/components/SubAccount.vue b/src/views/personalCenter/components/SubAccount.vue index 8aae599..5efb91e 100644 --- a/src/views/personalCenter/components/SubAccount.vue +++ b/src/views/personalCenter/components/SubAccount.vue @@ -4,11 +4,11 @@ <div class="search"> <div class="left"> <div class="id"> - 濮撳悕/鎵嬫満鍙� - <el-input v-model="inputText" placeholder="璇疯緭鍏�"></el-input> + 鐢ㄦ埛鍚�/濮撳悕/鎵嬫満鍙� + <el-input v-model="inputText" placeholder="璇疯緭鍏�" clearable></el-input> </div> - <div class="cluster"> + <div class="cluster" v-show="false"> 鎺堟潈鏃堕暱 <el-select @change="findUserList" v-model="timeLength" placeholder="璇烽�夋嫨"> <el-option v-for="item in durationArr" :key="item.value" :label="item.label" :value="item.value"> @@ -45,10 +45,10 @@ <el-table-column label="搴忓彿" width="55" class-name="index"> <template slot-scope="scope">{{ scope.$index + 1 + (page - 1) * size }}</template> </el-table-column> - <el-table-column prop="username" label="鐢ㄦ埛鍚�" show-overflow-tooltip></el-table-column> - <el-table-column prop="trueName" label="濮撳悕" show-overflow-tooltip></el-table-column> - <el-table-column prop="phoneNum" label="鎵嬫満鍙�" show-overflow-tooltip></el-table-column> - <el-table-column prop="userType" label="鐢ㄦ埛绫诲瀷"> + <el-table-column prop="username" label="鐢ㄦ埛鍚�" show-overflow-tooltip ></el-table-column> + <el-table-column prop="trueName" label="濮撳悕" show-overflow-tooltip ></el-table-column> + <el-table-column prop="phoneNum" label="鎵嬫満鍙�" show-overflow-tooltip ></el-table-column> + <el-table-column prop="userType" label="鐢ㄦ埛绫诲瀷" > <template slot-scope="scope"> <span>{{ scope.row.userType == 1 ? "鏈湴" : "OA璐︽埛" }}</span> </template> @@ -63,7 +63,7 @@ <!-- <el-table-column prop="authDuration" label="鎺堟潈鏃堕暱"> </el-table-column> --> <!-- <el-table-column prop="dataNames" label="鍏徃"> </el-table-column> --> - <el-table-column prop="companyName" label="閮ㄩ棬" show-overflow-tooltip></el-table-column> + <el-table-column prop="companyName" label="閮ㄩ棬" show-overflow-tooltip min-width="200px"></el-table-column> <!-- <el-table-column label="鐘舵��"> <template slot-scope="scope"> @@ -72,9 +72,10 @@ </template> </el-table-column> --> - <el-table-column label="鎿嶄綔"> + <el-table-column label="鎿嶄綔" align="center" width="100px"> <template slot-scope="scope"> <span class="iconfont option" @click="editUser(scope.row)">缂栬緫</span> + <span class="iconfont option" style="color:red" @click="delUser(scope.row)">鍒犻櫎</span> </template> </el-table-column> </el-table> @@ -211,7 +212,7 @@ </template> <script> -import { findUserList, saveSubUser, getMenu, getDataTree } from "@/api/user" +import { findUserList, saveSubUser, getMenu, getDataTree, deleteUser } from "@/api/user" import { getAreas, getDic } from "@/api/login" import Steps from "./Steps" @@ -386,7 +387,7 @@ this.ruleForm.companyName = row.companyName this.ruleForm.phoneNum = row.phoneNum this.ruleForm.email = row.email - this.ruleForm.isChangePwd = row.isChangePwd + this.ruleForm.isChangePwd = false this.ruleForm.industryId = row.industryId this.ruleForm.areaId = row.areaId this.ruleForm.address = [row.provinceId, row.areaId] @@ -414,6 +415,23 @@ this.$refs.ztreeMenus.updateNodes(cameraIds) } }, + delUser(row) { + this.$confirm('纭瑕佸垹闄よ鐢ㄦ埛鍚�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(async () => { + let rsp = await deleteUser({id:row.id}) + if (rsp && rsp.success) { + this.$message({ + type: 'success', + message: '鍒犻櫎鎴愬姛!' + }); + } + + this.findUserList() + }) + }, resetUser() { this.ruleForm = { id: "", -- Gitblit v1.8.0