gitboyzcf: Fixed 修复一级菜单问题

arco-design-pro-vite/src/router/index.ts

@@ -3,7 +3,7 @@ import NProgress from 'nprogress'; // progress bar
 import 'nprogress/nprogress.css';
 
 import { appRoutes } from './routes';
-import { REDIRECT_MAIN, NOT_FOUND_ROUTE } from './routes/base';
+import { REDIRECT_MAIN, NOT_FOUND_ROUTE, DEFAULT_LAYOUT } from './routes/base';
 import createRouteGuard from './guard';
 
 NProgress.configure({ showSpinner: false }); // NProgress Configuration
@@ -13,7 +13,9 @@ const router = createRouter({
   routes: [
     {
       path: '/',
-      redirect: 'login',
+      component: DEFAULT_LAYOUT,
+      redirect: 'dashboard',
+      children: [...appRoutes],
     },
     {
       path: '/login',
@@ -23,7 +25,6 @@ const router = createRouter({
         requiresAuth: false,
       },
     },
-    ...appRoutes,
     REDIRECT_MAIN,
     NOT_FOUND_ROUTE,
   ],

arco-design-pro-vite/src/router/routes/modules/dashboard.ts

@@ -1,40 +1,40 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const DASHBOARD: AppRouteRecordRaw = {
   path: '/dashboard',
   name: 'dashboard',
-  component: DEFAULT_LAYOUT,
+  component: () => import('@/views/dashboard/workplace/index.vue'),
   meta: {
     locale: 'menu.dashboard',
     requiresAuth: true,
     icon: 'icon-dashboard',
     order: 0,
+    hideChildrenInMenu: true,
   },
-  children: [
-    {
-      path: 'workplace',
-      name: 'Workplace',
-      component: () => import('@/views/dashboard/workplace/index.vue'),
-      meta: {
-        locale: 'menu.dashboard.workplace',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-    },
-    /** simple */
-    {
-      path: 'monitor',
-      name: 'Monitor',
-      component: () => import('@/views/dashboard/monitor/index.vue'),
-      meta: {
-        locale: 'menu.dashboard.monitor',
-        requiresAuth: true,
-        roles: ['admin'],
-      },
-    },
-    /** simple end */
-  ],
+  // children: [
+  //   {
+  //     path: 'workplace',
+  //     name: 'Workplace',
+  //     component: () => import('@/views/dashboard/workplace/index.vue'),
+  //     meta: {
+  //       locale: 'menu.dashboard.workplace',
+  //       requiresAuth: true,
+  //       roles: ['*'],
+  //     },
+  //   },
+  //   /** simple */
+  //   {
+  //     path: 'monitor',
+  //     name: 'Monitor',
+  //     component: () => import('@/views/dashboard/monitor/index.vue'),
+  //     meta: {
+  //       locale: 'menu.dashboard.monitor',
+  //       requiresAuth: true,
+  //       roles: ['admin'],
+  //     },
+  //   },
+  //   /** simple end */
+  // ],
 };
 
 export default DASHBOARD;

arco-design-pro-vite/src/router/routes/modules/exception.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const EXCEPTION: AppRouteRecordRaw = {
   path: '/exception',
   name: 'exception',
-  component: DEFAULT_LAYOUT,
+  redirect: '/exception/403',
   meta: {
     locale: 'menu.exception',
     requiresAuth: true,

arco-design-pro-vite/src/router/routes/modules/form.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const FORM: AppRouteRecordRaw = {
   path: '/form',
   name: 'form',
-  component: DEFAULT_LAYOUT,
+  redirect: '/form/step',
   meta: {
     locale: 'menu.form',
     icon: 'icon-settings',

arco-design-pro-vite/src/router/routes/modules/list.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const LIST: AppRouteRecordRaw = {
   path: '/list',
   name: 'list',
-  component: DEFAULT_LAYOUT,
+  redirect: '/list/search-table',
   meta: {
     locale: 'menu.list',
     requiresAuth: true,

arco-design-pro-vite/src/router/routes/modules/monitor.ts

@@ -0,0 +1,16 @@
+import { AppRouteRecordRaw } from '../types';
+
+const DASHBOARD: AppRouteRecordRaw = {
+  path: '/monitor',
+  name: 'monitor',
+  component: () => import('@/views/dashboard/monitor/index.vue'),
+  meta: {
+    locale: 'menu.dashboard.monitor',
+    requiresAuth: true,
+    roles: ['admin'],
+    icon: 'icon-dice',
+    order: 0,
+  },
+};
+
+export default DASHBOARD;

arco-design-pro-vite/src/router/routes/modules/profile.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const PROFILE: AppRouteRecordRaw = {
   path: '/profile',
   name: 'profile',
-  component: DEFAULT_LAYOUT,
+  redirect: '/profile/basic',
   meta: {
     locale: 'menu.profile',
     requiresAuth: true,

arco-design-pro-vite/src/router/routes/modules/result.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const RESULT: AppRouteRecordRaw = {
   path: '/result',
   name: 'result',
-  component: DEFAULT_LAYOUT,
+  redirect: '/result/success',
   meta: {
     locale: 'menu.result',
     icon: 'icon-check-circle',

arco-design-pro-vite/src/router/routes/modules/user.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const USER: AppRouteRecordRaw = {
   path: '/user',
   name: 'user',
-  component: DEFAULT_LAYOUT,
+  redirect: '/user/info',
   meta: {
     locale: 'menu.user',
     icon: 'icon-user',

arco-design-pro-vite/src/router/routes/modules/visualization.ts

@@ -1,10 +1,9 @@
-import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const VISUALIZATION: AppRouteRecordRaw = {
   path: '/visualization',
   name: 'visualization',
-  component: DEFAULT_LAYOUT,
+  redirect: '/visualization/data-analysis',
   meta: {
     locale: 'menu.visualization',
     requiresAuth: true,

arco-design-pro-vite/src/router/routes/types.ts

@@ -11,7 +11,7 @@ export interface AppRouteRecordRaw {
   name?: string | symbol;
   meta?: RouteMeta;
   redirect?: string;
-  component: Component | string;
+  component?: Component | string;
   children?: AppRouteRecordRaw[];
   alias?: string | string[];
   props?: Record<string, any>;