Commit e415e3d2021cb97d71a99b16baa21f5a9c26fea9
1 parent
988e262d
perf: role manage permission assign tree component default close all
Showing
2 changed files
with
0 additions
and
22 deletions
@@ -14,7 +14,6 @@ | @@ -14,7 +14,6 @@ | ||
14 | v-if="treeData.length" | 14 | v-if="treeData.length" |
15 | checkable | 15 | checkable |
16 | toolbar | 16 | toolbar |
17 | - :expandedKeys="treeExpandData" | ||
18 | ref="treeRef" | 17 | ref="treeRef" |
19 | :treeData="treeData" | 18 | :treeData="treeData" |
20 | :replace-fields="{ title: 'name', key: 'id' }" | 19 | :replace-fields="{ title: 'name', key: 'id' }" |
@@ -52,7 +51,6 @@ | @@ -52,7 +51,6 @@ | ||
52 | components: { BasicDrawer, BasicForm, BasicTree, Spin }, | 51 | components: { BasicDrawer, BasicForm, BasicTree, Spin }, |
53 | emits: ['success', 'register'], | 52 | emits: ['success', 'register'], |
54 | setup(_, { emit }) { | 53 | setup(_, { emit }) { |
55 | - const treeExpandData = ref<string[]>([]); | ||
56 | const isUpdate = ref<boolean>(true); | 54 | const isUpdate = ref<boolean>(true); |
57 | const treeData = ref<TreeData[]>([]); | 55 | const treeData = ref<TreeData[]>([]); |
58 | const roleMenus = ref<string[]>([]); | 56 | const roleMenus = ref<string[]>([]); |
@@ -100,10 +98,6 @@ | @@ -100,10 +98,6 @@ | ||
100 | // 获取全部的菜单 | 98 | // 获取全部的菜单 |
101 | const menuListModel = await getMenuList(); | 99 | const menuListModel = await getMenuList(); |
102 | treeData.value = transformName(menuListModel as unknown as TreeData[]); | 100 | treeData.value = transformName(menuListModel as unknown as TreeData[]); |
103 | - //修复角色菜单新增-全部展开问题-只展开第一级即可 | ||
104 | - await nextTick(); | ||
105 | - const getExpandKeys = unref(treeData).map((item) => item.id); | ||
106 | - treeExpandData.value = getExpandKeys; | ||
107 | } | 101 | } |
108 | 102 | ||
109 | const keys = await getPermissionByRole(roleType); | 103 | const keys = await getPermissionByRole(roleType); |
@@ -123,9 +117,6 @@ | @@ -123,9 +117,6 @@ | ||
123 | //通过角色id去获取角色对应的菜单的ids | 117 | //通过角色id去获取角色对应的菜单的ids |
124 | originMenus.value = roleMenus.value = await getMenusIdsByRoleId(data.record.id); | 118 | originMenus.value = roleMenus.value = await getMenusIdsByRoleId(data.record.id); |
125 | 119 | ||
126 | - const getExpandKeys = unref(treeData).map((item) => item.id); | ||
127 | - treeExpandData.value = getExpandKeys; | ||
128 | - | ||
129 | await nextTick(); | 120 | await nextTick(); |
130 | treeRef.value.setCheckedKeys(roleMenus.value); | 121 | treeRef.value.setCheckedKeys(roleMenus.value); |
131 | setFieldsValue(data.record); | 122 | setFieldsValue(data.record); |
@@ -246,7 +237,6 @@ | @@ -246,7 +237,6 @@ | ||
246 | treeRef, | 237 | treeRef, |
247 | handleCheckClick, | 238 | handleCheckClick, |
248 | allCheckedKeys, | 239 | allCheckedKeys, |
249 | - treeExpandData, | ||
250 | }; | 240 | }; |
251 | }, | 241 | }, |
252 | }); | 242 | }); |
@@ -13,7 +13,6 @@ | @@ -13,7 +13,6 @@ | ||
13 | <BasicTree | 13 | <BasicTree |
14 | v-if="treeData.length" | 14 | v-if="treeData.length" |
15 | :treeData="treeData" | 15 | :treeData="treeData" |
16 | - :expandedKeys="treeExpandData" | ||
17 | :replaceFields="{ title: 'name', key: 'id' }" | 16 | :replaceFields="{ title: 'name', key: 'id' }" |
18 | :checkedKeys="roleMenus" | 17 | :checkedKeys="roleMenus" |
19 | @check="handleCheckClick" | 18 | @check="handleCheckClick" |
@@ -21,7 +20,6 @@ | @@ -21,7 +20,6 @@ | ||
21 | toolbar | 20 | toolbar |
22 | ref="treeRef" | 21 | ref="treeRef" |
23 | title="权限分配" | 22 | title="权限分配" |
24 | - :defaultExpandAll="true" | ||
25 | /> | 23 | /> |
26 | </Spin> | 24 | </Spin> |
27 | </template> | 25 | </template> |
@@ -53,8 +51,6 @@ | @@ -53,8 +51,6 @@ | ||
53 | components: { BasicDrawer, BasicForm, BasicTree, Spin }, | 51 | components: { BasicDrawer, BasicForm, BasicTree, Spin }, |
54 | emits: ['success', 'register'], | 52 | emits: ['success', 'register'], |
55 | setup(_, { emit }) { | 53 | setup(_, { emit }) { |
56 | - const treeExpandData = ref<string[]>([]); | ||
57 | - | ||
58 | const isUpdate = ref(true); | 54 | const isUpdate = ref(true); |
59 | const treeData = ref<TreeItem[]>([]); | 55 | const treeData = ref<TreeItem[]>([]); |
60 | const roleMenus = ref<string[]>([]); | 56 | const roleMenus = ref<string[]>([]); |
@@ -100,10 +96,6 @@ | @@ -100,10 +96,6 @@ | ||
100 | // 获取全部的菜单 | 96 | // 获取全部的菜单 |
101 | const menuListModel = await getMenuList(); | 97 | const menuListModel = await getMenuList(); |
102 | treeData.value = transformName(menuListModel as unknown as TreeData[]); | 98 | treeData.value = transformName(menuListModel as unknown as TreeData[]); |
103 | - //修复角色菜单新增-全部展开问题-只展开第一级即可 | ||
104 | - await nextTick(); | ||
105 | - const getExpandKeys = unref(treeData).map((item) => item.id); | ||
106 | - treeExpandData.value = getExpandKeys; | ||
107 | } | 99 | } |
108 | 100 | ||
109 | const keys = await getPermissionByRole(roleType); | 101 | const keys = await getPermissionByRole(roleType); |
@@ -123,9 +115,6 @@ | @@ -123,9 +115,6 @@ | ||
123 | //通过角色id去获取角色对应的菜单的ids | 115 | //通过角色id去获取角色对应的菜单的ids |
124 | originMenus.value = roleMenus.value = await getMenusIdsByRoleId(data.record.id); | 116 | originMenus.value = roleMenus.value = await getMenusIdsByRoleId(data.record.id); |
125 | 117 | ||
126 | - const getExpandKeys = unref(treeData).map((item) => item.id); | ||
127 | - treeExpandData.value = getExpandKeys; | ||
128 | - | ||
129 | await nextTick(); | 118 | await nextTick(); |
130 | treeRef.value.setCheckedKeys(roleMenus.value); | 119 | treeRef.value.setCheckedKeys(roleMenus.value); |
131 | setFieldsValue(data.record); | 120 | setFieldsValue(data.record); |
@@ -250,7 +239,6 @@ | @@ -250,7 +239,6 @@ | ||
250 | roleMenus, | 239 | roleMenus, |
251 | treeRef, | 240 | treeRef, |
252 | handleCheckClick, | 241 | handleCheckClick, |
253 | - treeExpandData, | ||
254 | }; | 242 | }; |
255 | }, | 243 | }, |
256 | }); | 244 | }); |