From 9ce29c536ba2a636416c618761985e2b9a711ee6 Mon Sep 17 00:00:00 2001 From: lxl <lixuliang_hd@126.com> Date: 星期四, 27 十月 2022 14:17:45 +0800 Subject: [PATCH] user --- src/views/AuthorizationManagement/userRoleAuthorization.vue | 115 +++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 75 insertions(+), 40 deletions(-) diff --git a/src/views/AuthorizationManagement/userRoleAuthorization.vue b/src/views/AuthorizationManagement/userRoleAuthorization.vue index 9d9333c..98f6e8f 100644 --- a/src/views/AuthorizationManagement/userRoleAuthorization.vue +++ b/src/views/AuthorizationManagement/userRoleAuthorization.vue @@ -18,6 +18,7 @@ :check-strictly="true" node-key="id" @check="treeCheck" + :default-expanded-keys="[1]" ref="treeForm" > </el-tree> @@ -38,7 +39,7 @@ margin-left: 10px; " > - {{ $t("operatManage.UserRoleAuthorizationObj.RoleTable") }} + {{ $t('operatManage.UserRoleAuthorizationObj.RoleTable') }} </div> <el-divider /> <el-table @@ -63,10 +64,11 @@ </template> </el-table-column> <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > - </el-table-column> + align="center" + type="index" + :label="$t('dataManage.styleObj.index')" + width="70px" + /> <el-table-column prop="name" :label="$t('operatManage.UserRoleAuthorizationObj.name')" @@ -104,24 +106,26 @@ " > <span> - {{ $t("operatManage.UserRoleAuthorizationObj.userTable") }}</span + {{ $t('operatManage.UserRoleAuthorizationObj.userTable') }}</span > <div class="btn" style="margin-left: auto"> <el-button + v-if="menuStatus.insert" type="primary" icon="el-icon-circle-plus-outline" size="small" :disabled="roleid == null ? true : false" @click="adduser" - >{{ $t("operatManage.UserRoleAuthorizationObj.Added") }}</el-button + >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button > <el-button + v-if="menuStatus.delete" type="danger" icon="el-icon-delete" size="small" @click="deletesUser" :disabled="roleid == null ? true : false" - >{{ $t("operatManage.UserRoleAuthorizationObj.delete") }}</el-button + >{{ $t('operatManage.UserRoleAuthorizationObj.delete') }}</el-button > </div> </div> @@ -139,10 +143,10 @@ > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > - </el-table-column> + align="center" + type="index" + :label="$t('dataManage.styleObj.index')" + /> <el-table-column prop="uname" :label="$t('operatManage.UserRoleAuthorizationObj.name')" @@ -174,10 +178,10 @@ > <el-table-column type="selection" width="55"> </el-table-column> <el-table-column - prop="id" - :label="$t('operatManage.UserRoleAuthorizationObj.serialNumber')" - > - </el-table-column> + align="center" + type="index" + :label="$t('dataManage.styleObj.index')" + /> <el-table-column prop="uname" :label="$t('operatManage.UserRoleAuthorizationObj.name')" @@ -197,15 +201,19 @@ </el-pagination> </div> <div slot="footer" class="dialog-footer"> - <el-button @click="dialogTableVisible = false">{{ $t("dataManage.dictionaryManageObj.cancel") }}</el-button> - <el-button type="primary" @click="addConfirm">{{ $t("dataManage.dictionaryManageObj.confirm") }}</el-button> + <el-button @click="dialogTableVisible = false">{{ + $t('dataManage.dictionaryManageObj.cancel') + }}</el-button> + <el-button type="primary" @click="addConfirm">{{ + $t('dataManage.dictionaryManageObj.confirm') + }}</el-button> </div> </el-dialog> </div> </template> <script> -import MyBread from "../../components/MyBread.vue"; +import MyBread from '../../components/MyBread.vue'; import { queryDepTree, select_Role_ByPageAndCount, @@ -213,7 +221,7 @@ roleUserdeletes, userselectByPageForRole, roleUserinserts, -} from "../../api/api"; +} from '../../api/api'; export default { //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� components: { @@ -237,18 +245,18 @@ usercount: 0, tableData: [], // 褰撳墠閫夋嫨鐨勮鐨刬d - templateSelection: "", + templateSelection: '', // 褰撳墠閫夋嫨鐨勮鐨勬暟鎹� checkList: [], defaultProps: { - children: "children", - label: "name", + children: 'children', + label: 'name', }, oriData: [], //鍘熷鏍戞暟鎹� depList: [], //el鏍戞暟鎹� backUpData: {}, - formLabelWidth: "170px", + formLabelWidth: '170px', listData: { pageIndex: 1, pageSize: 10, @@ -258,14 +266,19 @@ debid: null, roleid: null, addmultipleSelection: [], + menuStatus: { + delete: false, + insert: false, + update: false, + }, }; }, methods: { addConfirm() { - this.$confirm("纭畾鏄惁鏂板", "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - type: "warning", + this.$confirm('纭畾鏄惁鏂板', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', }) .then(async () => { let arr = []; @@ -274,12 +287,14 @@ }); const data = await roleUserinserts(arr); if (data.code !== 200) { - return this.$message.error("鏂板澶辫触"); + return this.$message.error('鏂板澶辫触'); } this.$message({ - type: "success", - message: "鏂板鎴愬姛!", + type: 'success', + message: '鏂板鎴愬姛!', }); + this.dialogTableVisible = false; + this.getuserList(); }) .catch(() => {}); }, @@ -295,11 +310,11 @@ }); const data = await roleUserdeletes({ ids: arr.toString() }); if (data.code !== 200) { - return this.$message.error("鍒犻櫎澶辫触"); + return this.$message.error('鍒犻櫎澶辫触'); } this.$message({ - message: "鍒犻櫎鎴愬姛", - type: "success", + message: '鍒犻櫎鎴愬姛', + type: 'success', }); this.getuserList(); }, @@ -355,7 +370,7 @@ const data = await queryDepTree(); if (data.code !== 200) { - return this.$message.error("璇锋眰鍗曚綅鎶ラ敊"); + return this.$message.error('璇锋眰鍗曚綅鎶ラ敊'); } this.depList = this.treeData(data.result); }, @@ -364,7 +379,7 @@ return cloneData.filter((father) => { // 寰幆鎵�鏈夐」 let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁 - branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊� + branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊� return father.pid == 0; // 杩斿洖涓�绾ц彍鍗� }); }, @@ -372,7 +387,7 @@ treeCheck(node, list) { //node 璇ヨ妭鐐规墍瀵瑰簲鐨勫璞°�乴ist 鏍戠洰鍓嶇殑閫変腑鐘舵�佸璞� //閫変腑浜嬩欢鍦ㄩ�変腑鍚庢墽琛岋紝褰搇is涓湁涓や釜閫変腑鏃讹紝浣跨敤setCheckedKeys鏂规硶锛岄�変腑涓�涓妭鐐� - console.log(node, list); + if (list.checkedNodes.length > 0) { this.listData.depid = node.id; this.debid = node.id; @@ -394,7 +409,7 @@ this.addlistData.debid = this.debid; const data = await userselectByPageForRole(this.addlistData); if (data.code !== 200) { - return this.$message.error("鏂板鐢ㄦ埛鍒楄〃璇锋眰閿欒"); + return this.$message.error('鏂板鐢ㄦ埛鍒楄〃璇锋眰閿欒'); } this.gridData = data.result; this.addcount = data.count; @@ -403,7 +418,7 @@ async getuserList() { const data = await roleUserselectByPageForRole(this.userlistData); if (data.code !== 200) { - return this.$message.error("鐢ㄦ埛鍒楄〃璇锋眰閿欒"); + return this.$message.error('鐢ㄦ埛鍒楄〃璇锋眰閿欒'); } this.usertableData = data.result; this.usercount = data.count; @@ -412,13 +427,33 @@ async getRole() { const data = await select_Role_ByPageAndCount(this.listData); if (data.code !== 200) { - return this.$message.error("鐢ㄦ埛瑙掕壊璇锋眰閿欒"); + return this.$message.error('鐢ㄦ埛瑙掕壊璇锋眰閿欒'); } this.tableData = data.result; this.count = data.count; }, + showPermsMenu(res) { + switch (res.tag) { + case '/delete': + this.menuStatus.delete = true; + break; + case '/insert': + this.menuStatus.insert = true; + break; + case '/update': + this.menuStatus.update = true; + break; + } + }, }, created() { + var val = this.$store.state.currentPerms; + var permsEntity = this.$store.state.permsEntity; + for (var i = 0; i < permsEntity.length; i++) { + if (permsEntity[i].perms == val) { + this.showPermsMenu(permsEntity[i]); + } + } this.getMenuTree(); }, }; -- Gitblit v1.9.3