feat: 动态菜单

src/configs/index.js

@@ -14,7 +14,7 @@ export default {
     /**
      * 是否使用本地路由
      */
-    useLocalRouter: true,
+    useLocalRouter: false,
     /**
      * 项目名称
      */

src/store/modules/core/auth.js

@@ -14,16 +14,16 @@ const mutations = {
         const convert = (arr, parent = { path: '/', meta: {} }) => {
             return arr.map((item) => {
                 let route = {
-                    path: item.routeUrl,
-                    name: item.roleCode,
-                    component: item.pageUrl,
+                    path: item.path,
+                    name: item.permission,
+                    component: item.page,
                     meta: {
                         title: item.title,
                         icon: item.icon,
                         hidden: item.type === 2,
                         activeMenu: item.activeMenu,
-                        layout: item.pageUrl?.toLowerCase() === 'layout',
-                        view: item.pageUrl?.toLowerCase() === 'view',
+                        layout: item.page?.toLowerCase() === 'layout',
+                        view: item.page?.toLowerCase() === 'view',
                     },
                 };
                 if (!route.path.startsWith('/')) {
@@ -55,7 +55,7 @@ const mutations = {
                 } else {
                     throw new Error('菜单没有配置前端页面');
                 }
-                route.children = convert(item.children || [], route);
+                route.children = convert(item.menuChild || [], route);
                 return route;
             });
         };
@@ -108,7 +108,7 @@ const actions = {
         router.push({ name: 'Login', query: { returnUrl } });
     },
     getPermission: async ({ commit }) => {
-        let res = await getPermission({ systemCode: 'msb_shop_admin' });
+        let res = await getPermission();
         if (res) {
             commit('setPermission', res);
         } else {

src/views/permission/menu/index.vue

@@ -151,6 +151,9 @@
                         <el-form-item label="菜单图标" prop="icon">
                             <el-input v-model="menuState.form.icon" />
                         </el-form-item>
+                        <el-form-item label="激活菜单" prop="activeMenu">
+                            <el-input v-model="menuState.form.activeMenu" />
+                        </el-form-item>
                         <el-form-item label="菜单排序" prop="sort">
                             <el-input-number v-model="menuState.form.sort" />
                         </el-form-item>
@@ -281,6 +284,7 @@
             path: '',
             page: '',
             icon: '',
+            activeMenu: '',
             sort: 0,
         },
         rules: {
@@ -306,6 +310,7 @@
                 path: '',
                 page: '',
                 icon: '',
+                activeMenu: '',
                 sort: 0,
             }
         );