From 3ef0ee19b5991ee38ec6404a36c325171014f7fa Mon Sep 17 00:00:00 2001 From: yuxc <yuxc@vci-tech.com> Date: 星期二, 07 一月 2025 18:01:47 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue | 50 +++++++++++++++++++++++++++++--------------------- 1 files changed, 29 insertions(+), 21 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue b/Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue index a77bb26..8a6717e 100644 --- a/Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/authority/ui/uiAuthorization/index.vue @@ -1,13 +1,13 @@ <template> <el-container> <el-aside> - <basic-container> + <basic-container v-loading="treeLoading"> <div ref="TreeBox" style="height: calc(100vh - 154px);!important;"> <!-- 宸︿晶鏍� --> <div style="height: calc(100vh - 195px);"> <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> - <span style="font-size: 15px"> + <span> <i class="el-icon-user-solid"></i> {{ (node || {}).label }} </span> @@ -19,12 +19,17 @@ </el-aside> <el-main> - <basic-container v-loading="treeLoading"> + <basic-container v-loading="mainLoading"> <h3 style="margin: 0 0 10px 0">UI鏉冮檺閰嶇疆</h3> <div> - <el-button icon="el-icon-place" plain size="small" type="primary" @click="saveHandler">鎺堟潈</el-button> - <el-button icon="el-icon-close" plain size="small" style="margin-right: 40px;" type="primary" - @click="clearValue">閲嶇疆 + <el-button v-if="permissionList.rightBtn" class="button-custom-icon" plain size="small" type="primary" @click="saveHandler"> + <icon-show :name="permissionList.rightBtn.source"></icon-show> + 鎺堟潈 + </el-button> + <el-button v-if="permissionList.resetBtn" class="button-custom-icon" plain size="small" style="margin-right: 40px;" type="primary" + @click="clearValue"> + <icon-show :name="permissionList.resetBtn.source"></icon-show> + 閲嶇疆 </el-button> 涓氬姟绫诲瀷锛� <el-select v-model="type" :clearable="true" placeholder="璇烽�夋嫨" size="small" @@ -51,7 +56,7 @@ <div style="height: calc(100vh - 232px);margin-top: 10px;"> <avue-tree ref="uiTree" :data="uiTreeData" :node-key="oid" :option="uiTreeOption"> <span slot-scope="{ node, data }" class="el-tree-node__label"> - <span style="font-size: 15px"> + <span> <i :class="data.icon"></i> {{ (node || {}).label }} </span> @@ -68,12 +73,14 @@ import {gridRoles, getRightListByRoleId} from "@/api/system/role/api"; import {getUIAuthor, authorizedUI} from "@/api/authority/ui/uiAuthor"; import {getBizTree, gridUIContextData} from "@/api/UI/uiDefine"; +import {mapGetters} from "vuex"; export default { name: "index", data() { return { treeLoading: false, + mainLoading:false, type: '',//涓氬姟绫诲瀷 context: '',//UI涓婁笅鏂嘽ode treeOption: { @@ -105,6 +112,15 @@ contextData: [] } }, + computed:{ + ...mapGetters(["permission"]), + permissionList() { + return { + rightBtn: this.vaildData(this.permission[this.$route.query.id].RIGHT, false), + resetBtn: this.vaildData(this.permission[this.$route.query.id].RESET, false), + }; + }, + }, created() { this.getTreeList(); // this.getUITree(); @@ -112,12 +128,12 @@ }, methods: { getTreeList() { - const loading = this.$loading({}); + this.treeLoading = true; gridRoles().then(res => { this.treeData = res.data.data; - loading.close(); + this.treeLoading = false; }).catch(error => { - loading.close(); + this.treeLoading = false; }) }, @@ -125,18 +141,10 @@ nodeClick(row) { this.nodeRow = row; this.getUITree(); - // const params = { - // roleId: row.oid - // } - // getRightListByRoleId(params).then(res => { - // const data = res.data.data.map(item => item.funcId); - // console.log(data); - // this.$refs.uiTree.setCheckedKeys(data); - // }) }, getUITree() { - this.treeLoading = true; + this.mainLoading = true; const params = { 'conditionMap[roleId]': this.nodeRow.oid, 'conditionMap[type]': this.type, @@ -161,9 +169,9 @@ const checkedData = this.findCheckedOids(res.data.data[0]); this.$refs.uiTree.setCheckedKeys(checkedData); - this.treeLoading = false; + this.mainLoading = false; }).catch(error => { - this.treeLoading = false; + this.mainLoading = false; }) }, -- Gitblit v1.9.3