admin/django-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(菜单管理): 父级菜单改为树形结构

Browse Source
This commit is contained in:
sheng
2023-07-31 17:58:52 +08:00
committed by 李强
parent 44bceb6e22
commit 5139d37007
6 changed files with 63 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/views/system/menu/index.vue
View File

@@ -15,7 +15,7 @@
</el-row>
<el-drawer v-model="drawerVisible" title="菜单配置" direction="rtl" size="500px" :close-on-click-modal="false" :before-close="handleDrawerClose">
<MenuFormCom v-if="drawerVisible" :initFormData="drawerFormData" @drawerClose="handleDrawerClose" />
<MenuFormCom v-if="drawerVisible" :initFormData="drawerFormData" :treeData="menuTreeData" @drawerClose="handleDrawerClose" />
</el-drawer>
</fs-page>
</template>
@@ -27,7 +27,7 @@ import { ElMessageBox } from 'element-plus';
import MenuTreeCom from './components/MenuTreeCom/index.vue';
import MenuButtonCom from './components/MenuButtonCom/index.vue';
import MenuFormCom from './components/MenuFormCom/index.vue';
import * as api from './api';
import { GetList, DelObj } from './api';
import { successNotification } from '/@/utils/message';
import { APIResponseData, MenuTreeItemType } from './types';
@@ -37,7 +37,7 @@ let drawerVisible = ref(false);
let drawerFormData = ref<Partial<MenuTreeItemType>>({});
const getData = () => {
api.GetList({}).then((ret: APIResponseData) => {
GetList({}).then((ret: APIResponseData) => {
const responseData = ret.data;
const result = XEUtils.toArrayTree(responseData, {
parentKey: 'parent',
@@ -81,7 +81,7 @@ const handleDeleteMenu = (id: string, callback: Function) => {
cancelButtonText: '取消',
type: 'warning',
}).then(async () => {
const res: APIResponseData = await api.DelObj(id);
const res: APIResponseData = await DelObj(id);
callback();
if (res?.code === 2000) {
successNotification(res.msg as string);