zant-admin 1.0.1 → 2.0.0

package/src/router/index.js

@@ -31,14 +31,13 @@ const routes = [
         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 },
@@ -46,6 +45,7 @@ const routes = [
       },
       {
         path: 'notFound',
+        meta: { title: '404 Not Found', cache: true },
         component: () => import('../views/baiscstatis/notFound.vue'),
       },
     ],
@@ -64,7 +64,7 @@ let hasAddRoutes = false
 let routeLoadFailed = false
 
 // 组件加载器，带有错误处理
-const loadComponent = (path) => {
+const loadComponent = path => {
   const possiblePaths = [
     `/src/views${path}.vue`,
     `./views${path}.vue`,
@@ -90,26 +90,25 @@ async function loadDynamicRoutes() {
     const dynamicBtns = resbtn.data || []
     menu.setMenus(dynamicRoutes)
     menu.setPermissions(dynamicBtns)
-    dynamicRoutes.forEach((route) => {
+    dynamicRoutes.forEach(route => {
       if (route.type === 1) {
         // 目录类型
         const parentRoute = {
           path: route.path,
           component: home,
-          //  meta: { title: route.title },
+          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, },
+                path: child.path,
+                name: child.path.replace(/\//g, '-').substring(1),
+                meta: { title: child.title, cache: child.cache, fullPath: child.path },
               }
-              if(child.type!=1){
-               childRoute.component =  loadComponent(child.path)
+              if (child.type != 1) {
+                childRoute.component = loadComponent(child.path)
               }
               // 递归处理多级子路由
               if (child.children) {
@@ -126,7 +125,7 @@ async function loadDynamicRoutes() {
         const pageRoute = {
           path: route.path,
           name: route.path.replace(/\//g, '-').substring(1),
-         component: loadComponent(route.path),
+          component: loadComponent(route.path),
           meta: {
             title: route.title,
             cache: route.cache,
@@ -140,7 +139,7 @@ async function loadDynamicRoutes() {
   } catch (error) {
     console.error('❌ 动态路由加载失败:', error)
     routeLoadFailed = true
-       // 如果是401错误（令牌过期），清除用户信息并跳转到登录页
+    // 如果是401错误（令牌过期），清除用户信息并跳转到登录页
     if (error.code === 401 || (error.errors && error.errors.includes('登录'))) {
       const user = useUserStore()
       user.clearUserInfo()
@@ -152,13 +151,11 @@ async function loadDynamicRoutes() {
 
 // 全局前置守卫
 router.beforeEach(async (to, from, next) => {
-  // document.title = to.meta.title || 'ZCloudVue'
-  // document.title = 'ZCloudVue'
   const config = configStore()
-  document.title = config.projectName
+  document.title = to.meta.title ? to.meta.title + ' - ' + config.projectName : config.projectName
   const user = useUserStore()
 
-    // 如果目标路由在白名单中，直接放行
+  // 如果目标路由在白名单中，直接放行
   if (publicRoutes.includes(to.path)) {
     next()
     return
@@ -173,26 +170,41 @@ router.beforeEach(async (to, from, next) => {
   if (user.token && !hasAddRoutes && !routeLoadFailed) {
     try {
       await loadDynamicRoutes()
-      
+
       // 检查是否有持久化的路由状态需要恢复
       const menu = menuStore()
-      if (menu.selectmenuKey && menu.selectmenuKey.length > 0 && to.path === '/console') {
+      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 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)
+          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('登录'))) {
+      if (
+        error.code === 401 ||
+        (error.errors && error.errors.includes('登录'))
+      ) {
         return
       }
       // 其他错误跳转到404页面
@@ -216,7 +228,7 @@ router.beforeEach(async (to, from, next) => {
   }
 
   // 路由存在性检查
-  const routeExists = router.getRoutes().some((r) => r.path === to.path)
+  const routeExists = router.getRoutes().some(r => r.path === to.path)
   if (!routeExists && !publicRoutes.includes(to.path)) {
     // 如果路由不存在且不在白名单中，检查是否是动态路由还未加载
     if (user.token && !hasAddRoutes && !routeLoadFailed) {
@@ -227,7 +239,10 @@ router.beforeEach(async (to, from, next) => {
         return
       } catch (error) {
         // 如果是401错误，已经在loadDynamicRoutes中处理了跳转
-        if (error.code === 401 || (error.errors && error.errors.includes('登录'))) {
+        if (
+          error.code === 401 ||
+          (error.errors && error.errors.includes('登录'))
+        ) {
           return
         }
         // 其他错误跳转到404页面
@@ -243,7 +258,7 @@ router.beforeEach(async (to, from, next) => {
   next()
 })
 
-router.onError((error) => {
+router.onError(error => {
   console.error('🚨 路由错误:', error)
 })
 
@@ -253,12 +268,15 @@ export async function refreshRoutes() {
   // 清空旧的菜单，避免重复
   const menu = menuStore()
   menu.setMenus([])
-   menu.setPermissions([])
-   // 移除之前添加的动态路由
+  menu.setPermissions([])
+  // 移除之前添加的动态路由
   const routes = router.getRoutes()
   routes.forEach(route => {
     // 只移除动态添加的路由，保留静态路由
-    if (route.path && !['/login', '/', '/console', '/notFound', '/center'].includes(route.path)) {
+    if (
+      route.path &&
+      !['/login', '/', '/console', '/notFound', '/center'].includes(route.path)
+    ) {
       router.removeRoute(route.name)
     }
   })

package/src/stores/config.js

@@ -30,7 +30,13 @@ export const configStore = defineStore({
       {
         key: 'CONFIG',
         storage: localStorage,
-        paths: ['themeClass','navigationMode', 'tableSize', 'tableBordered', 'locale'],
+        paths: [
+          'themeClass',
+          'navigationMode',
+          'tableSize',
+          'tableBordered',
+          'locale',
+        ],
       },
     ],
   },

package/src/stores/menu.js

@@ -16,7 +16,7 @@ export const menuStore = defineStore({
         },
       ],
       menus: [],
-      permissions: []
+      permissions: [],
     }
   },
   actions: {
@@ -26,8 +26,12 @@ export const menuStore = defineStore({
     setOpenmenuKey(keys) {
       this.openmenuKey = keys
     },
-    setMenus(menus) { this.menus = menus },
-    setPermissions(permissions) { this.permissions = permissions },
+    setMenus(menus) {
+      this.menus = menus
+    },
+    setPermissions(permissions) {
+      this.permissions = permissions
+    },
     // 检查是否有指定权限
     hasPermission(permission) {
       if (!permission) return true
@@ -35,13 +39,27 @@ export const menuStore = defineStore({
     },
     // 检查是否有多个权限中的任意一个
     hasAnyPermission(permissions) {
-      if (!permissions || !Array.isArray(permissions) || permissions.length === 0) return true
-      return permissions.some(permission => this.permissions.includes(permission))
+      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))
+      if (
+        !permissions ||
+        !Array.isArray(permissions) ||
+        permissions.length === 0
+      )
+        return true
+      return permissions.every(permission =>
+        this.permissions.includes(permission),
+      )
     },
   },
   persist: {
@@ -50,7 +68,13 @@ export const menuStore = defineStore({
       {
         key: 'MENU_RESULT',
         storage: localStorage,
-        paths: ['menus', 'openmenuKey', 'selectmenuKey', 'tagmenus', 'permissions'],
+        paths: [
+          'menus',
+          'openmenuKey',
+          'selectmenuKey',
+          'tagmenus',
+          'permissions',
+        ],
       },
     ],
   },

package/src/stores/user.js

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

package/src/utils/regionUtils.js

@@ -18,7 +18,7 @@ const fetchAllAddressData = async () => {
     const [provinceRes, cityRes, areaRes] = await Promise.all([
       region.getAllProvince(),
       region.getAllCity(),
-      region.getAllAreas()
+      region.getAllAreas(),
     ])
 
     // 存储原始数据
@@ -44,7 +44,7 @@ const fetchAllAddressData = async () => {
         value: item.adcode,
       })),
       cities: allCity.value,
-      areas: allAreas.value
+      areas: allAreas.value,
     }
   } catch (error) {
     console.error('获取省市区数据失败:', error)
@@ -57,12 +57,14 @@ const fetchAllAddressData = async () => {
  * @param {string} provinceCode - 省份代码(adcode)
  * @returns {Array} 城市数据数组
  */
-const getCitiesByProvinceCode = (provinceCode) => {
+const getCitiesByProvinceCode = provinceCode => {
   if (!provinceCode || !cityData.value.length) return []
-  return cityData.value.filter(city => city.parentAdcode === provinceCode).map(city => ({
-    label: city.name,
-    value: city.adcode,
-  }))
+  return cityData.value
+    .filter(city => city.parentAdcode === provinceCode)
+    .map(city => ({
+      label: city.name,
+      value: city.adcode,
+    }))
 }
 
 /**
@@ -70,12 +72,14 @@ const getCitiesByProvinceCode = (provinceCode) => {
  * @param {string} cityCode - 城市代码(adcode)
  * @returns {Array} 区域数据数组
  */
-const getAreasByCityCode = (cityCode) => {
+const getAreasByCityCode = cityCode => {
   if (!cityCode || !areaData.value.length) return []
-  return areaData.value.filter(area => area.parentAdcode === cityCode).map(area => ({
-    label: area.name,
-    value: area.adcode,
-  }))
+  return areaData.value
+    .filter(area => area.parentAdcode === cityCode)
+    .map(area => ({
+      label: area.name,
+      value: area.adcode,
+    }))
 }
 
 /**
@@ -110,7 +114,7 @@ const getAllAreas = () => {
  * @param {string} adcode - 省份adcode
  * @returns {Object} 省份信息对象
  */
-const getProvinceByAdcode = (adcode) => {
+const getProvinceByAdcode = adcode => {
   if (!adcode || !provinceData.value.length) return null
   return provinceData.value.find(province => province.adcode === adcode)
 }
@@ -120,7 +124,7 @@ const getProvinceByAdcode = (adcode) => {
  * @param {string} adcode - 城市adcode
  * @returns {Object} 城市信息对象
  */
-const getCityByAdcode = (adcode) => {
+const getCityByAdcode = adcode => {
   if (!adcode || !cityData.value.length) return null
   return cityData.value.find(city => city.adcode === adcode)
 }
@@ -130,7 +134,7 @@ const getCityByAdcode = (adcode) => {
  * @param {string} adcode - 区域adcode
  * @returns {Object} 区域信息对象
  */
-const getAreaByAdcode = (adcode) => {
+const getAreaByAdcode = adcode => {
   if (!adcode || !areaData.value.length) return null
   return areaData.value.find(area => area.adcode === adcode)
 }
@@ -165,5 +169,5 @@ export default {
   getProvinceByAdcode,
   getCityByAdcode,
   getAreaByAdcode,
-  getFullAddressName
+  getFullAddressName,
 }

package/src/utils/useFormCRUD.js

@@ -1,60 +1,59 @@
-import { ref } from 'vue'
-import { message } from 'ant-design-vue'
-
-/**
- * 通用表单 CRUD Hook
- * @param {Object} api - API对象，例如 sysRole
- * @param {Object} [options] - 配置
- * @param {string} [options.addMethod='add'] - 新增方法名
- * @param {string} [options.updateMethod='update'] - 修改方法名
- * @param {boolean} [options.autoMessage=true] - 是否自动提示
- */
-export default function useFormCRUD(api, {
-  addMethod = 'add',
-  updateMethod = 'update',
-  autoMessage = true
-} = {}) {
-  const loading = ref(false)
-
-  /**
-   * 保存表单
-   * @param {Object} formRef - 表单 ref
-   * @param {Object} formData - 表单数据
-   * @param {Function} [onSuccess] - 成功回调
-   * @param {Function} [onError] - 错误回调
-   */
-  const save = async (formRef, formData, { onSuccess, onError } = {}) => {
-    try {
-      // 校验表单
-      await formRef?.validate()
-      loading.value = true
-
-      const method = (formData.id) ? updateMethod : addMethod
-      const result = await api[method](formData)
-    // 先显示提示，再执行回调
-    if (autoMessage) {
-      message.success(formData.id ? '修改成功' : '新增成功', 1, () => {
-        onSuccess?.(result)
-      })
-    } else {
-      onSuccess?.(result)
-    }
-
-      return result
-    } catch (err) {
-      if (err?.errorFields) {
-        message.warning('请完善表单信息')
-      } else {
-        onError?.(err)
-        if (autoMessage && onError) {
-          message.error('操作失败，请重试')
-        }
-      }
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return { loading, save }
-}
+import { ref } from 'vue'
+import { message } from 'ant-design-vue'
+
+/**
+ * 通用表单 CRUD Hook
+ * @param {Object} api - API对象，例如 sysRole
+ * @param {Object} [options] - 配置
+ * @param {string} [options.addMethod='add'] - 新增方法名
+ * @param {string} [options.updateMethod='update'] - 修改方法名
+ * @param {boolean} [options.autoMessage=true] - 是否自动提示
+ */
+export default function useFormCRUD(
+  api,
+  { addMethod = 'add', updateMethod = 'update', autoMessage = true } = {},
+) {
+  const loading = ref(false)
+
+  /**
+   * 保存表单
+   * @param {Object} formRef - 表单 ref
+   * @param {Object} formData - 表单数据
+   * @param {Function} [onSuccess] - 成功回调
+   * @param {Function} [onError] - 错误回调
+   */
+  const save = async (formRef, formData, { onSuccess, onError } = {}) => {
+    try {
+      // 校验表单
+      await formRef?.validate()
+      loading.value = true
+
+      const method = formData.id ? updateMethod : addMethod
+      const result = await api[method](formData)
+      // 先显示提示，再执行回调
+      if (autoMessage) {
+        message.success(formData.id ? '修改成功' : '新增成功', 1, () => {
+          onSuccess?.(result)
+        })
+      } else {
+        onSuccess?.(result)
+      }
+
+      return result
+    } catch (err) {
+      if (err?.errorFields) {
+        message.warning('请完善表单信息')
+      } else {
+        onError?.(err)
+        if (autoMessage && onError) {
+          message.error('操作失败，请重试')
+        }
+      }
+      throw err
+    } finally {
+      loading.value = false
+    }
+  }
+
+  return { loading, save }
+}