优化：优化菜单配置

1. 调整菜单排序 2. 优化部分菜单图标 3. 新增菜单栏手风琴配置，默认生效
2025-09-25 06:57:15 +08:00 · 2023-02-14 23:37:56 +08:00
parent 148a98371f
commit 302f0ea573
101 changed files with 126 additions and 107 deletions
--- a/continew-admin-ui/src/router/routes/base.ts
+++ b/continew-admin-ui/src/router/routes/base.ts
@@ -27,5 +27,5 @@ export const REDIRECT_MAIN: RouteRecordRaw = {
 export const NOT_FOUND_ROUTE: RouteRecordRaw = {
  path: '/:pathMatch(.*)*',
  name: 'notFound',
-  component: () => import('@/views/not-found/index.vue'),
+  component: () => import('@/views/arco-design/not-found/index.vue'),
 };
--- a/continew-admin-ui/src/router/routes/externalModules/arco.ts
+++ b/continew-admin-ui/src/router/routes/externalModules/arco.ts
@@ -1,10 +1,10 @@
 export default {
-  path: 'https://arco.design',
+  path: 'https://arco.design/vue/docs/start',
  name: 'arcoWebsite',
  meta: {
    locale: 'menu.arcoWebsite',
    icon: 'icon-link',
    requiresAuth: true,
-    order: 8,
+    order: 106,
  },
 };
--- a/continew-admin-ui/src/router/routes/externalModules/faq.ts
+++ b/continew-admin-ui/src/router/routes/externalModules/faq.ts
@@ -1,10 +0,0 @@
-export default {
-  path: 'https://arco.design/vue/docs/pro/faq',
-  name: 'faq',
-  meta: {
-    locale: 'menu.faq',
-    icon: 'icon-question-circle',
-    requiresAuth: true,
-    order: 9,
-  },
-};
--- a/continew-admin-ui/src/router/routes/externalModules/github.ts
+++ b/continew-admin-ui/src/router/routes/externalModules/github.ts
@@ -0,0 +1,10 @@
+export default {
+  path: 'https://github.com/Charles7c/continew-admin',
+  name: 'GitHub',
+  meta: {
+    locale: 'menu.github',
+    icon: 'icon-github',
+    requiresAuth: true,
+    order: 107,
+  },
+};
--- a/continew-admin-ui/src/router/routes/index.ts
+++ b/continew-admin-ui/src/router/routes/index.ts
@@ -1,6 +1,6 @@
 import type { RouteRecordNormalized } from 'vue-router';

-const modules = import.meta.glob('./modules/*.ts', { eager: true });
+const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
 const externalModules = import.meta.glob('./externalModules/*.ts', {
  eager: true,
 });
--- a/continew-admin-ui/src/router/routes/modules/arco-design/exception.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/exception.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const EXCEPTION: AppRouteRecordRaw = {
  path: '/exception',
@@ -9,13 +9,13 @@ const EXCEPTION: AppRouteRecordRaw = {
    locale: 'menu.exception',
    requiresAuth: true,
    icon: 'icon-exclamation-circle',
-    order: 8,
+    order: 104,
  },
  children: [
    {
      path: '403',
      name: '403',
-      component: () => import('@/views/exception/403/index.vue'),
+      component: () => import('@/views/arco-design/exception/403/index.vue'),
      meta: {
        locale: 'menu.exception.403',
        requiresAuth: true,
@@ -25,7 +25,7 @@ const EXCEPTION: AppRouteRecordRaw = {
    {
      path: '404',
      name: '404',
-      component: () => import('@/views/exception/404/index.vue'),
+      component: () => import('@/views/arco-design/exception/404/index.vue'),
      meta: {
        locale: 'menu.exception.404',
        requiresAuth: true,
@@ -35,7 +35,7 @@ const EXCEPTION: AppRouteRecordRaw = {
    {
      path: '500',
      name: '500',
-      component: () => import('@/views/exception/500/index.vue'),
+      component: () => import('@/views/arco-design/exception/500/index.vue'),
      meta: {
        locale: 'menu.exception.500',
        requiresAuth: true,
--- a/continew-admin-ui/src/router/routes/modules/arco-design/form.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/form.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const FORM: AppRouteRecordRaw = {
  path: '/form',
@@ -7,15 +7,15 @@ const FORM: AppRouteRecordRaw = {
  component: DEFAULT_LAYOUT,
  meta: {
    locale: 'menu.form',
-    icon: 'icon-settings',
+    icon: 'icon-bookmark',
    requiresAuth: true,
-    order: 5,
+    order: 101,
  },
  children: [
    {
      path: 'step',
      name: 'Step',
-      component: () => import('@/views/form/step/index.vue'),
+      component: () => import('@/views/arco-design/form/step/index.vue'),
      meta: {
        locale: 'menu.form.step',
        requiresAuth: true,
@@ -25,7 +25,7 @@ const FORM: AppRouteRecordRaw = {
    {
      path: 'group',
      name: 'Group',
-      component: () => import('@/views/form/group/index.vue'),
+      component: () => import('@/views/arco-design/form/group/index.vue'),
      meta: {
        locale: 'menu.form.group',
        requiresAuth: true,
--- a/continew-admin-ui/src/router/routes/modules/arco-design/list.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/list.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const LIST: AppRouteRecordRaw = {
  path: '/list',
@@ -9,13 +9,13 @@ const LIST: AppRouteRecordRaw = {
    locale: 'menu.list',
    requiresAuth: true,
    icon: 'icon-list',
-    order: 4,
+    order: 100,
  },
  children: [
    {
      path: 'search-table', // The midline path complies with SEO specifications
      name: 'SearchTable',
-      component: () => import('@/views/list/search-table/index.vue'),
+      component: () => import('@/views/arco-design/list/search-table/index.vue'),
      meta: {
        locale: 'menu.list.searchTable',
        requiresAuth: true,
@@ -25,7 +25,7 @@ const LIST: AppRouteRecordRaw = {
    {
      path: 'card',
      name: 'Card',
-      component: () => import('@/views/list/card/index.vue'),
+      component: () => import('@/views/arco-design/list/card/index.vue'),
      meta: {
        locale: 'menu.list.cardList',
        requiresAuth: true,
--- a/continew-admin-ui/src/router/routes/modules/arco-design/profile.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/profile.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const PROFILE: AppRouteRecordRaw = {
  path: '/profile',
@@ -9,13 +9,13 @@ const PROFILE: AppRouteRecordRaw = {
    locale: 'menu.profile',
    requiresAuth: true,
    icon: 'icon-file',
-    order: 6,
+    order: 102,
  },
  children: [
    {
      path: 'basic',
      name: 'Basic',
-      component: () => import('@/views/profile/basic/index.vue'),
+      component: () => import('@/views/arco-design/profile/basic/index.vue'),
      meta: {
        locale: 'menu.profile.basic',
        requiresAuth: true,
--- a/continew-admin-ui/src/router/routes/modules/arco-design/result.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/result.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const RESULT: AppRouteRecordRaw = {
  path: '/result',
@@ -9,13 +9,13 @@ const RESULT: AppRouteRecordRaw = {
    locale: 'menu.result',
    icon: 'icon-check-circle',
    requiresAuth: true,
-    order: 7,
+    order: 103,
  },
  children: [
    {
      path: 'success',
      name: 'Success',
-      component: () => import('@/views/result/success/index.vue'),
+      component: () => import('@/views/arco-design/result/success/index.vue'),
      meta: {
        locale: 'menu.result.success',
        requiresAuth: true,
@@ -25,7 +25,7 @@ const RESULT: AppRouteRecordRaw = {
    {
      path: 'error',
      name: 'Error',
-      component: () => import('@/views/result/error/index.vue'),
+      component: () => import('@/views/arco-design/result/error/index.vue'),
      meta: {
        locale: 'menu.result.error',
        requiresAuth: true,
--- a/continew-admin-ui/src/router/routes/modules/arco-design/visualization.ts
+++ b/continew-admin-ui/src/router/routes/modules/arco-design/visualization.ts
@@ -1,5 +1,5 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
+import { DEFAULT_LAYOUT } from '../../base';
+import { AppRouteRecordRaw } from '../../types';

 const VISUALIZATION: AppRouteRecordRaw = {
  path: '/visualization',
@@ -8,14 +8,14 @@ const VISUALIZATION: AppRouteRecordRaw = {
  meta: {
    locale: 'menu.visualization',
    requiresAuth: true,
-    icon: 'icon-apps',
-    order: 1,
+    icon: 'icon-bar-chart',
+    order: 105,
  },
  children: [
    {
      path: 'data-analysis',
      name: 'DataAnalysis',
-      component: () => import('@/views/visualization/data-analysis/index.vue'),
+      component: () => import('@/views/arco-design/visualization/data-analysis/index.vue'),
      meta: {
        locale: 'menu.visualization.dataAnalysis',
        requiresAuth: true,
@@ -26,13 +26,23 @@ const VISUALIZATION: AppRouteRecordRaw = {
      path: 'multi-dimension-data-analysis',
      name: 'MultiDimensionDataAnalysis',
      component: () =>
-        import('@/views/visualization/multi-dimension-data-analysis/index.vue'),
+        import('@/views/arco-design/visualization/multi-dimension-data-analysis/index.vue'),
      meta: {
        locale: 'menu.visualization.multiDimensionDataAnalysis',
        requiresAuth: true,
        roles: ['admin'],
      },
    },
+    {
+      path: 'monitor',
+      name: 'Monitor',
+      component: () => import('@/views/arco-design/visualization/monitor/index.vue'),
+      meta: {
+        locale: 'menu.dashboard.monitor',
+        requiresAuth: true,
+        roles: ['admin'],
+      },
+    },
  ],
 };

--- a/continew-admin-ui/src/router/routes/modules/dashboard.ts
+++ b/continew-admin-ui/src/router/routes/modules/dashboard.ts
@@ -5,11 +5,13 @@ const DASHBOARD: AppRouteRecordRaw = {
  path: '/dashboard',
  name: 'dashboard',
  component: DEFAULT_LAYOUT,
+  redirect: '/dashboard/workplace',
  meta: {
    locale: 'menu.dashboard',
    requiresAuth: true,
    icon: 'icon-dashboard',
    order: 0,
+    hideChildrenInMenu: true,
  },
  children: [
    {
@@ -20,17 +22,7 @@ const DASHBOARD: AppRouteRecordRaw = {
        locale: 'menu.dashboard.workplace',
        requiresAuth: true,
        roles: ['*'],
-      },
-    },
-
-    {
-      path: 'monitor',
-      name: 'Monitor',
-      component: () => import('@/views/dashboard/monitor/index.vue'),
-      meta: {
-        locale: 'menu.dashboard.monitor',
-        requiresAuth: true,
-        roles: ['admin'],
+        activeMenu: 'dashboard',
      },
    },
  ],
--- a/continew-admin-ui/src/router/routes/modules/monitor.ts
+++ b/continew-admin-ui/src/router/routes/modules/monitor.ts
@@ -9,7 +9,7 @@ const Monitor: AppRouteRecordRaw = {
    locale: 'menu.monitor',
    icon: 'icon-computer',
    requiresAuth: true,
-    order: 3,
+    order: 2,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/system.ts
+++ b/continew-admin-ui/src/router/routes/modules/system.ts
@@ -9,7 +9,7 @@ const System: AppRouteRecordRaw = {
    locale: 'menu.system',
    icon: 'icon-settings',
    requiresAuth: true,
-    order: 2,
+    order: 1,
  },
  children: [
    {
--- a/continew-admin-ui/src/router/routes/modules/user-center.ts
+++ b/continew-admin-ui/src/router/routes/modules/user-center.ts
@@ -1,7 +1,7 @@
 import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';

-const USER: AppRouteRecordRaw = {
+const UserCenter: AppRouteRecordRaw = {
  path: '/login/user',
  name: 'user',
  component: DEFAULT_LAYOUT,
@@ -9,7 +9,6 @@ const USER: AppRouteRecordRaw = {
    locale: 'menu.user',
    icon: 'icon-user',
    requiresAuth: true,
-    order: 9,
  },
  children: [
    {
@@ -20,9 +19,10 @@ const USER: AppRouteRecordRaw = {
        locale: 'menu.user.center',
        requiresAuth: true,
        roles: ['*'],
+        hideInMenu: true,
      },
    },
  ],
 };

-export default USER;
+export default UserCenter;