Commit 6cf136532705d41e97c19e93b5cd0a8ab04d4617
1 parent
70bc1835
角色权限配置，UI界面区分角色权限与数据权限
Showing
1 changed file
with
44 additions
and
20 deletions
ant-design-vue-jeecg/src/views/system/modules/UserRoleModal.vue
| @@ -8,25 +8,48 @@ | @@ -8,25 +8,48 @@ | ||
| 8 | @close="close" | 8 | @close="close" |
| 9 | :visible="visible" | 9 | :visible="visible" |
| 10 | style="overflow: auto;padding-bottom: 53px;"> | 10 | style="overflow: auto;padding-bottom: 53px;"> |
| 11 | - | ||
| 12 | - <a-form> | ||
| 13 | - <a-form-item label='所拥有的权限'> | ||
| 14 | - <a-tree | ||
| 15 | - checkable | ||
| 16 | - @check="onCheck" | ||
| 17 | - :checkedKeys="checkedKeys" | ||
| 18 | - :treeData="treeData" | ||
| 19 | - @expand="onExpand" | ||
| 20 | - @select="onTreeNodeSelect" | ||
| 21 | - :selectedKeys="selectedKeys" | ||
| 22 | - :expandedKeys="expandedKeysss" | ||
| 23 | - :checkStrictly="checkStrictly"> | ||
| 24 | - <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> | ||
| 25 | - {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> | ||
| 26 | - </span> | ||
| 27 | - </a-tree> | ||
| 28 | - </a-form-item> | ||
| 29 | - </a-form> | 11 | + <a-tabs v-model:activeKey="activeKey"> |
| 12 | + <a-tab-pane key="1" tab="菜单权限"> | ||
| 13 | + <a-form> | ||
| 14 | + <a-form-item label='所拥有的权限'> | ||
| 15 | + <a-tree | ||
| 16 | + checkable | ||
| 17 | + @check="onCheck" | ||
| 18 | + :checkedKeys="checkedKeys" | ||
| 19 | + :treeData="treeData" | ||
| 20 | + @expand="onExpand" | ||
| 21 | + @select="onTreeNodeSelect" | ||
| 22 | + :selectedKeys="selectedKeys" | ||
| 23 | + :expandedKeys="expandedKeysss" | ||
| 24 | + :checkStrictly="checkStrictly"> | ||
| 25 | + <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> | ||
| 26 | + {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> | ||
| 27 | + </span> | ||
| 28 | + </a-tree> | ||
| 29 | + </a-form-item> | ||
| 30 | + </a-form> | ||
| 31 | + </a-tab-pane> | ||
| 32 | + <a-tab-pane key="2" tab="数据权限" force-render> | ||
| 33 | + <a-form> | ||
| 34 | + <a-form-item label='所拥有的权限'> | ||
| 35 | + <a-tree | ||
| 36 | + checkable | ||
| 37 | + @check="onCheck" | ||
| 38 | + :checkedKeys="checkedKeys" | ||
| 39 | + :treeData="treeData" | ||
| 40 | + @expand="onExpand" | ||
| 41 | + @select="onTreeNodeSelect" | ||
| 42 | + :selectedKeys="selectedKeys" | ||
| 43 | + :expandedKeys="expandedKeysss" | ||
| 44 | + :checkStrictly="checkStrictly"> | ||
| 45 | + <span slot="hasDatarule" slot-scope="{slotTitle,ruleFlag}"> | ||
| 46 | + {{ slotTitle }}<a-icon v-if="ruleFlag" type="align-left" style="margin-left:5px;color: red;"></a-icon> | ||
| 47 | + </span> | ||
| 48 | + </a-tree> | ||
| 49 | + </a-form-item> | ||
| 50 | + </a-form> | ||
| 51 | + </a-tab-pane> | ||
| 52 | + </a-tabs> | ||
| 30 | 53 | ||
| 31 | <div class="drawer-bootom-button"> | 54 | <div class="drawer-bootom-button"> |
| 32 | <a-dropdown style="float: left" :trigger="['click']" placement="topCenter"> | 55 | <a-dropdown style="float: left" :trigger="['click']" placement="topCenter"> |
| @@ -78,7 +101,8 @@ export default { | @@ -78,7 +101,8 @@ export default { | ||
| 78 | title: '角色权限配置', | 101 | title: '角色权限配置', |
| 79 | visible: false, | 102 | visible: false, |
| 80 | loading: false, | 103 | loading: false, |
| 81 | - selectedKeys: [] | 104 | + selectedKeys: [], |
| 105 | + activeKey: "1" | ||
| 82 | } | 106 | } |
| 83 | }, | 107 | }, |
| 84 | methods: { | 108 | methods: { |