zant-admin 1.0.0

package/src/router/index.js

@@ -0,0 +1,270 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import home from '../views/home.vue'
+import { useUserStore } from '@/stores/user'
+import sysMenu from '@/api/methods/sysMenu'
+import { menuStore } from '@/stores/menu'
+import { configStore } from '@/stores/config'
+// 定义不需要 token 的路由白名单
+//const publicRoutes = ['/login', '/Userreport', '/deviceError']
+const publicRoutes = []
+
+// 静态路由
+const routes = [
+  {
+    path: '/login',
+    component: () => import('../views/login.vue'),
+    meta: { title: '登录', cache: false },
+  },
+  {
+    path: '/',
+    component: home,
+    children: [
+      {
+        path: '',
+        name: 'home',
+        meta: { title: '', cache: true },
+        component: () => import('../views/console.vue'), // 默认主页
+      },
+      {
+        path: 'console',
+        name: 'console',
+        meta: { title: '主页', cache: true },
+        component: () => import('../views/console.vue'),
+      },
+     {
+        path: 'center',
+        name: 'center',
+        meta: { title: '个人中心', cache: true },
+        component: () => import('../views/baiscstatis/center.vue'),
+      },
+
+
+      {
+        path: 'iframePage',
+        meta: { cache: false },
+        component: () => import('../views/baiscstatis/iframePage.vue'),
+      },
+      {
+        path: 'notFound',
+        component: () => import('../views/baiscstatis/notFound.vue'),
+      },
+    ],
+  },
+]
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes,
+})
+
+// 动态导入所有视图组件
+const modules = import.meta.glob('@/views/**/*.vue')
+
+// 标记动态路由加载状态
+let hasAddRoutes = false
+let routeLoadFailed = false
+
+// 组件加载器，带有错误处理
+const loadComponent = (path) => {
+  const possiblePaths = [
+    `/src/views${path}.vue`,
+    `./views${path}.vue`,
+    `../views${path}.vue`,
+    `@/views${path}.vue`,
+  ]
+
+  for (const tryPath of possiblePaths) {
+    if (modules[tryPath]) {
+      return modules[tryPath]
+    }
+  }
+
+  return () => import('../views/baiscstatis/notFound.vue')
+}
+
+async function loadDynamicRoutes() {
+  try {
+    const menu = menuStore()
+    const res = await sysMenu.getRoutesMenu()
+    const resbtn = await sysMenu.getMenuBtn()
+    const dynamicRoutes = res.data || []
+    const dynamicBtns = resbtn.data || []
+    menu.setMenus(dynamicRoutes)
+    menu.setPermissions(dynamicBtns)
+    dynamicRoutes.forEach((route) => {
+      if (route.type === 1) {
+        // 目录类型
+        const parentRoute = {
+          path: route.path,
+          component: home,
+          //  meta: { title: route.title },
+          // children: [],
+        }
+        const addRoutes = (parentRoute, children) => {
+          if (children && children.length > 0) {
+            parentRoute.children = children.map(child => {
+              const childRoute = {
+                 path: child.path,
+                 meta: { title: child.title },
+                 name: child.path.replace(/\//g, '-').substring(1),
+                 meta: { cache: child.cache,fullPath: child.path, },
+              }
+              if(child.type!=1){
+               childRoute.component =  loadComponent(child.path)
+              }
+              // 递归处理多级子路由
+              if (child.children) {
+                addRoutes(childRoute, child.children)
+              }
+              return childRoute
+            })
+          }
+        }
+        addRoutes(parentRoute, route.children)
+        router.addRoute(parentRoute)
+      } else {
+        // 页面类型
+        const pageRoute = {
+          path: route.path,
+          name: route.path.replace(/\//g, '-').substring(1),
+         component: loadComponent(route.path),
+          meta: {
+            title: route.title,
+            cache: route.cache,
+          },
+        }
+
+        router.addRoute(pageRoute)
+      }
+    })
+    hasAddRoutes = true
+  } catch (error) {
+    console.error('❌ 动态路由加载失败:', error)
+    routeLoadFailed = true
+       // 如果是401错误（令牌过期），清除用户信息并跳转到登录页
+    if (error.code === 401 || (error.errors && error.errors.includes('登录'))) {
+      const user = useUserStore()
+      user.clearUserInfo()
+      router.push('/login')
+    }
+    throw error
+  }
+}
+
+// 全局前置守卫
+router.beforeEach(async (to, from, next) => {
+  // document.title = to.meta.title || 'ZCloudVue'
+  // document.title = 'ZCloudVue'
+  const config = configStore()
+  document.title = config.projectName
+  const user = useUserStore()
+
+    // 如果目标路由在白名单中，直接放行
+  if (publicRoutes.includes(to.path)) {
+    next()
+    return
+  }
+
+  if (!user.token && to.path !== '/login') {
+    next('/login')
+    return
+  }
+
+  // 动态路由加载
+  if (user.token && !hasAddRoutes && !routeLoadFailed) {
+    try {
+      await loadDynamicRoutes()
+      
+      // 检查是否有持久化的路由状态需要恢复
+      const menu = menuStore()
+      if (menu.selectmenuKey && menu.selectmenuKey.length > 0 && to.path === '/console') {
+        // 如果当前是跳转到首页，但有持久化的选中菜单，尝试恢复路由
+        const selectedMenu = menu.tagmenus.find(tag => tag.key === menu.selectmenuKey[0])
+        if (selectedMenu && selectedMenu.path && selectedMenu.path !== '/console') {
+          // 检查路由是否存在
+          const routeExists = router.getRoutes().some((r) => r.path === selectedMenu.path)
+          if (routeExists) {
+            next({ path: selectedMenu.path, replace: true })
+            return
+          }
+        }
+      }
+      
+      next({ ...to, replace: true })
+    } catch (error) {
+      // 如果是401错误，已经在loadDynamicRoutes中处理了跳转
+      if (error.code === 401 || (error.errors && error.errors.includes('登录'))) {
+        return
+      }
+      // 其他错误跳转到404页面
+      next('/notFound')
+    }
+    return
+  }
+
+  // 如果接口已经失败过，避免死循环
+  if (user.token && routeLoadFailed && !hasAddRoutes) {
+    if (to.path !== '/notFound') {
+      next('/notFound')
+      return
+    }
+  }
+
+  // 根路径重定向
+  if (to.path === '/') {
+    next('/console')
+    return
+  }
+
+  // 路由存在性检查
+  const routeExists = router.getRoutes().some((r) => r.path === to.path)
+  if (!routeExists && !publicRoutes.includes(to.path)) {
+    // 如果路由不存在且不在白名单中，检查是否是动态路由还未加载
+    if (user.token && !hasAddRoutes && !routeLoadFailed) {
+      // 动态路由还未加载，等待加载完成
+      try {
+        await loadDynamicRoutes()
+        next({ ...to, replace: true })
+        return
+      } catch (error) {
+        // 如果是401错误，已经在loadDynamicRoutes中处理了跳转
+        if (error.code === 401 || (error.errors && error.errors.includes('登录'))) {
+          return
+        }
+        // 其他错误跳转到404页面
+        next('/notFound')
+        return
+      }
+    }
+    // 如果动态路由已加载但路由仍不存在，跳转到404
+    next('/notFound')
+    return
+  }
+
+  next()
+})
+
+router.onError((error) => {
+  console.error('🚨 路由错误:', error)
+})
+
+export async function refreshRoutes() {
+  hasAddRoutes = false
+  routeLoadFailed = false
+  // 清空旧的菜单，避免重复
+  const menu = menuStore()
+  menu.setMenus([])
+   menu.setPermissions([])
+   // 移除之前添加的动态路由
+  const routes = router.getRoutes()
+  routes.forEach(route => {
+    // 只移除动态添加的路由，保留静态路由
+    if (route.path && !['/login', '/', '/console', '/notFound', '/center'].includes(route.path)) {
+      router.removeRoute(route.name)
+    }
+  })
+
+  // 重新加载动态路由
+  await loadDynamicRoutes()
+}
+
+export default router

package/src/stores/config.js

@@ -0,0 +1,37 @@
+import { defineStore } from 'pinia'
+import dayjs from 'dayjs'
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
+import enUS from 'ant-design-vue/es/locale/en_US'
+import 'dayjs/locale/zh-cn' // 中文
+import 'dayjs/locale/en' // 英文
+import { appConfig } from '@/config' // 导入全局配置
+
+export const configStore = defineStore({
+  id: 'CONFIG',
+  state: () => ({
+    themeClass: appConfig.defaultTheme,
+    navigationMode: appConfig.defaultNavigationMode,
+    tableSize: appConfig.defaultTableSize,
+    tableBordered: appConfig.defaultTableBordered,
+    locale: zhCN,
+    dayjsLocale: appConfig.defaultLanguage,
+    projectName: appConfig.title, // 使用全局配置中的项目名称
+  }),
+  actions: {
+    setLocale(locale) {
+      this.locale = locale
+      this.dayjsLocale = locale === zhCN ? 'zh-cn' : 'en'
+      dayjs.locale(this.dayjsLocale)
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'CONFIG',
+        storage: localStorage,
+        paths: ['themeClass','navigationMode', 'tableSize', 'tableBordered', 'locale'],
+      },
+    ],
+  },
+})

package/src/stores/dict.js

@@ -0,0 +1,33 @@
+import { defineStore } from 'pinia'
+import sysDict from '@/api/methods/sysDict'
+export const dictStore = defineStore({
+  id: 'SYS_DICT',
+  state: () => ({
+    items: {},
+  }),
+  actions: {
+    initDictList() {
+      sysDict
+        .getDictList()
+        .then(res => {
+          res.data.forEach(item => {
+            this.items[item.type] = item.sysDictItem
+          })
+        })
+        .catch()
+    },
+    getDictItems(type) {
+      return this.items[type]
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'SYS_DICT',
+        storage: localStorage,
+        paths: ['items'],
+      },
+    ],
+  },
+})

package/src/stores/menu.js

@@ -0,0 +1,57 @@
+import { defineStore } from 'pinia'
+
+export const menuStore = defineStore({
+  id: 'MENU_RESULT',
+  state: () => {
+    return {
+      openmenuKey: [],
+      selectmenuKey: [],
+      tagmenus: [
+        {
+          key: 0,
+          parentId: '0',
+          title: `控制台`,
+          closable: false,
+          path: '/console',
+        },
+      ],
+      menus: [],
+      permissions: []
+    }
+  },
+  actions: {
+    setSelectmenuKey(keys) {
+      this.selectmenuKey = keys
+    },
+    setOpenmenuKey(keys) {
+      this.openmenuKey = keys
+    },
+    setMenus(menus) { this.menus = menus },
+    setPermissions(permissions) { this.permissions = permissions },
+    // 检查是否有指定权限
+    hasPermission(permission) {
+      if (!permission) return true
+      return this.permissions.includes(permission)
+    },
+    // 检查是否有多个权限中的任意一个
+    hasAnyPermission(permissions) {
+      if (!permissions || !Array.isArray(permissions) || permissions.length === 0) return true
+      return permissions.some(permission => this.permissions.includes(permission))
+    },
+    // 检查是否拥有所有权限
+    hasAllPermissions(permissions) {
+      if (!permissions || !Array.isArray(permissions) || permissions.length === 0) return true
+      return permissions.every(permission => this.permissions.includes(permission))
+    },
+  },
+  persist: {
+    enabled: true,
+    strategies: [
+      {
+        key: 'MENU_RESULT',
+        storage: localStorage,
+        paths: ['menus', 'openmenuKey', 'selectmenuKey', 'tagmenus', 'permissions'],
+      },
+    ],
+  },
+})

package/src/stores/user.js

@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia'
+export const useUserStore = defineStore({
+    id: 'TOKEN_USER_INFO',
+    state: () => {
+      return {
+        token: '',
+        userInfo: {},
+      }
+    },
+    actions: {
+
+    },
+    persist: {
+      enabled: true,
+      strategies: [{
+        key: 'TOKEN_USER_INFO',
+        storage: localStorage,
+        paths: ['token', 'userInfo' ],
+      }]
+    }
+  })