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 | 8 | @close="close" |
| 9 | 9 | :visible="visible" |
| 10 | 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 | 54 | <div class="drawer-bootom-button"> |
| 32 | 55 | <a-dropdown style="float: left" :trigger="['click']" placement="topCenter"> |
| ... | ... | @@ -78,7 +101,8 @@ export default { |
| 78 | 101 | title: '角色权限配置', |
| 79 | 102 | visible: false, |
| 80 | 103 | loading: false, |
| 81 | - selectedKeys: [] | |
| 104 | + selectedKeys: [], | |
| 105 | + activeKey: "1" | |
| 82 | 106 | } |
| 83 | 107 | }, |
| 84 | 108 | methods: { |
| ... | ... |