From 6cf136532705d41e97c19e93b5cd0a8ab04d4617 Mon Sep 17 00:00:00 2001 From: pengyongcheng <pyc_1215@163.com> Date: Thu, 19 Dec 2024 09:36:37 +0800 Subject: [PATCH] 角色权限配置,UI界面区分角色权限与数据权限 --- ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue | 64 ++++++++++++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 44 insertions(+), 20 deletions(-) diff --git a/ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue b/ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue index f03d01a..78b8c9e 100644 --- a/ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue +++ b/ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue @@ -8,25 +8,48 @@ @close="close" :visible="visible" style="overflow: auto;padding-bottom: 53px;"> - - <a-form> - <a-form-item label='所拥有的权限'> - <a-tree - checkable - @check="onCheck" - :checkedKeys="checkedKeys" - :treeData="treeData" - @expand="onExpand" - @select="onTreeNodeSelect" - :selectedKeys="selectedKeys" - :expandedKeys="expandedKeysss" - :checkStrictly="checkStrictly"> - <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> - {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> - </span> - </a-tree> - </a-form-item> - </a-form> + <a-tabs v-model:activeKey="activeKey"> + <a-tab-pane key="1" tab="菜单权限"> + <a-form> + <a-form-item label='所拥有的权限'> + <a-tree + checkable + @check="onCheck" + :checkedKeys="checkedKeys" + :treeData="treeData" + @expand="onExpand" + @select="onTreeNodeSelect" + :selectedKeys="selectedKeys" + :expandedKeys="expandedKeysss" + :checkStrictly="checkStrictly"> + <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> + {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> + </span> + </a-tree> + </a-form-item> + </a-form> + </a-tab-pane> + <a-tab-pane key="2" tab="数据权限" force-render> + <a-form> + <a-form-item label='所拥有的权限'> + <a-tree + checkable + @check="onCheck" + :checkedKeys="checkedKeys" + :treeData="treeData" + @expand="onExpand" + @select="onTreeNodeSelect" + :selectedKeys="selectedKeys" + :expandedKeys="expandedKeysss" + :checkStrictly="checkStrictly"> + <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> + {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> + </span> + </a-tree> + </a-form-item> + </a-form> + </a-tab-pane> + </a-tabs> <div class="drawer-bootom-button"> <a-dropdown style="float: left" :trigger="['click']" placement="topCenter"> @@ -78,7 +101,8 @@ export default { title: '角色权限配置', visible: false, loading: false, - selectedKeys: [] + selectedKeys: [], + activeKey: "1" } }, methods: { -- libgit2 0.22.2