feat: init

src/router/routes/base.ts

@@ -0,0 +1,31 @@
+import { REDIRECT_ROUTE_NAME } from '@/router/constants'
+import type { RouteRecordRaw } from 'vue-router'
+
+export const DEFAULT_LAYOUT = () => import('@/layout/default-layout.vue')
+
+export const REDIRECT_MAIN: RouteRecordRaw = {
+  path: '/redirect',
+  name: 'redirectWrapper',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    requiresAuth: true,
+    hideInMenu: true,
+  },
+  children: [
+    {
+      path: '/redirect/:path',
+      name: REDIRECT_ROUTE_NAME,
+      component: () => import('@/views/redirect/index.vue'),
+      meta: {
+        requiresAuth: true,
+        hideInMenu: true,
+      },
+    },
+  ],
+}
+
+export const NOT_FOUND_ROUTE: RouteRecordRaw = {
+  path: '/:pathMatch(.*)*',
+  name: 'notFound',
+  component: () => import('@/views/not-found/index.vue'),
+}

src/router/routes/externalModules/arco.ts

@@ -0,0 +1,10 @@
+export default {
+  path: 'https://arco.design',
+  name: 'arcoWebsite',
+  meta: {
+    locale: 'menu.arcoWebsite',
+    icon: 'icon-link',
+    requiresAuth: true,
+    order: 8,
+  },
+}

src/router/routes/externalModules/faq.ts

@@ -0,0 +1,10 @@
+export default {
+  path: 'www.baidu.com',
+  name: 'faq',
+  meta: {
+    locale: 'menu.faq',
+    icon: 'icon-question-circle',
+    requiresAuth: true,
+    order: 9,
+  },
+}

src/router/routes/index.ts

@@ -0,0 +1,20 @@
+import type { RouteRecordNormalized } from 'vue-router'
+
+const modules = import.meta.glob('./modules/*.ts', { eager: true })
+const externalModules = import.meta.glob('./externalModules/*.ts', {
+  eager: true,
+})
+
+function formatModules(_modules: any, result: RouteRecordNormalized[]) {
+  Object.keys(_modules).forEach((key) => {
+    const defaultModule = _modules[key].default
+    if (!defaultModule) return
+    const moduleList = Array.isArray(defaultModule) ? [...defaultModule] : [defaultModule]
+    result.push(...moduleList)
+  })
+  return result
+}
+
+export const appRoutes: RouteRecordNormalized[] = formatModules(modules, [])
+
+export const appExternalRoutes: RouteRecordNormalized[] = formatModules(externalModules, [])

src/router/routes/modules/dashboard.ts

@@ -0,0 +1,40 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const DASHBOARD: AppRouteRecordRaw = {
+  path: '/dashboard',
+  name: 'dashboard',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.dashboard',
+    requiresAuth: true,
+    icon: 'icon-dashboard',
+    order: 0,
+  },
+  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

src/router/routes/modules/exception.ts

@@ -0,0 +1,48 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const EXCEPTION: AppRouteRecordRaw = {
+  path: '/exception',
+  name: 'exception',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.exception',
+    requiresAuth: true,
+    icon: 'icon-exclamation-circle',
+    order: 6,
+  },
+  children: [
+    {
+      path: '403',
+      name: '403',
+      component: () => import('@/views/exception/403/index.vue'),
+      meta: {
+        locale: 'menu.exception.403',
+        requiresAuth: true,
+        roles: ['admin'],
+      },
+    },
+    {
+      path: '404',
+      name: '404',
+      component: () => import('@/views/exception/404/index.vue'),
+      meta: {
+        locale: 'menu.exception.404',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+    {
+      path: '500',
+      name: '500',
+      component: () => import('@/views/exception/500/index.vue'),
+      meta: {
+        locale: 'menu.exception.500',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+}
+
+export default EXCEPTION

src/router/routes/modules/list.ts

@@ -0,0 +1,38 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const LIST: AppRouteRecordRaw = {
+  path: '/list',
+  name: 'list',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.list',
+    requiresAuth: true,
+    icon: 'icon-list',
+    order: 2,
+  },
+  children: [
+    {
+      path: 'search-table', // The midline path complies with SEO specifications
+      name: 'SearchTable',
+      component: () => import('@/views/list/search-table/index.vue'),
+      meta: {
+        locale: 'menu.list.searchTable',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+    {
+      path: 'card',
+      name: 'Card',
+      component: () => import('@/views/list/card/index.vue'),
+      meta: {
+        locale: 'menu.list.cardList',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+}
+
+export default LIST

src/router/routes/modules/profile.ts

@@ -0,0 +1,28 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const PROFILE: AppRouteRecordRaw = {
+  path: '/profile',
+  name: 'profile',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.profile',
+    requiresAuth: true,
+    icon: 'icon-file',
+    order: 4,
+  },
+  children: [
+    {
+      path: 'basic',
+      name: 'Basic',
+      component: () => import('@/views/profile/basic/index.vue'),
+      meta: {
+        locale: 'menu.profile.basic',
+        requiresAuth: true,
+        roles: ['admin'],
+      },
+    },
+  ],
+}
+
+export default PROFILE

src/router/routes/modules/user.ts

@@ -0,0 +1,38 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const USER: AppRouteRecordRaw = {
+  path: '/user',
+  name: 'user',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.user',
+    icon: 'icon-user',
+    requiresAuth: true,
+    order: 7,
+  },
+  children: [
+    {
+      path: 'info',
+      name: 'Info',
+      component: () => import('@/views/user/info/index.vue'),
+      meta: {
+        locale: 'menu.user.info',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+    {
+      path: 'setting',
+      name: 'Setting',
+      component: () => import('@/views/user/setting/index.vue'),
+      meta: {
+        locale: 'menu.user.setting',
+        requiresAuth: true,
+        roles: ['*'],
+      },
+    },
+  ],
+}
+
+export default USER

src/router/routes/modules/visualization.ts

@@ -0,0 +1,38 @@
+import { DEFAULT_LAYOUT } from '../base'
+import { AppRouteRecordRaw } from '../types'
+
+const VISUALIZATION: AppRouteRecordRaw = {
+  path: '/visualization',
+  name: 'visualization',
+  component: DEFAULT_LAYOUT,
+  meta: {
+    locale: 'menu.visualization',
+    requiresAuth: true,
+    icon: 'icon-apps',
+    order: 1,
+  },
+  children: [
+    {
+      path: 'data-analysis',
+      name: 'DataAnalysis',
+      component: () => import('@/views/visualization/data-analysis/index.vue'),
+      meta: {
+        locale: 'menu.visualization.dataAnalysis',
+        requiresAuth: true,
+        roles: ['admin'],
+      },
+    },
+    {
+      path: 'multi-dimension-data-analysis',
+      name: 'MultiDimensionDataAnalysis',
+      component: () => import('@/views/visualization/multi-dimension-data-analysis/index.vue'),
+      meta: {
+        locale: 'menu.visualization.multiDimensionDataAnalysis',
+        requiresAuth: true,
+        roles: ['admin'],
+      },
+    },
+  ],
+}
+
+export default VISUALIZATION

src/router/routes/types.ts

@@ -0,0 +1,17 @@
+import { defineComponent } from 'vue'
+import type { NavigationGuard, RouteMeta } from 'vue-router'
+
+export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>)
+
+export interface AppRouteRecordRaw {
+  path: string
+  name?: string | symbol
+  meta?: RouteMeta
+  redirect?: string
+  component: Component | string
+  children?: AppRouteRecordRaw[]
+  alias?: string | string[]
+  props?: Record<string, any>
+  beforeEnter?: NavigationGuard | NavigationGuard[]
+  fullPath?: string
+}