feat: 兼容前端按钮权限数据

src/store/modules/app/index.ts

@@ -1,17 +1,15 @@
 import { defineStore } from 'pinia'
-import { Notification } from '@arco-design/web-vue'
-import type { NotificationReturn } from '@arco-design/web-vue/es/notification/interface'
 import type { RouteRecordNormalized } from 'vue-router'
 import defaultSettings from '@/config/settings.json'
 import { userPmn } from '@/api/module/user'
-import { localMenuData, transformMenuToRoutes, type ServerMenuItem } from '@/router/menu-data'
+import { transformMenuToRoutes, type ServerMenuItem } from '@/router/menu-data'
 import { buildTree } from '@/utils/tree'
 import SafeStorage, { AppStorageKey } from '@/utils/safeStorage'
 import router from '@/router'
 import { AppState } from './types'
 
 const useAppStore = defineStore('app', {
-  state: (): AppState => ({ ...defaultSettings }),
+  state: (): AppState => ({ ...defaultSettings, permissionCodes: [] }),
 
   getters: {
     appCurrentSetting(state: AppState): AppState {
@@ -50,22 +48,28 @@ const useAppStore = defineStore('app', {
     },
     async fetchServerMenuConfig() {
       const userInfo = SafeStorage.get(AppStorageKey.USER_INFO) as any
-      let notifyInstance: NotificationReturn | null = null
       try {
         // 使用本地菜单数据（接口未准备好）
         // TODO: 接口准备好后，取消下面的注释，使用真实接口数据
         const res = await userPmn({ id: userInfo.user_id, workspace: import.meta.env.VITE_APP_WORKSPACE })
-        console.log('res', res)
         if (res.code === 0 && res?.details?.length) {
+          const permissions = (res.details[0].permissions ?? []) as ServerMenuItem[]
+
+          this.permissionCodes = [
+            ...new Set(
+              permissions.map((permission) => permission.code).filter((code): code is string => typeof code === 'string' && code.length > 0)
+            ),
+          ]
+
+          const menuPermissions = permissions.filter((permission) => permission.type === 1)
+
           // 使用 buildTree 将扁平数据构建为树结构
-          const treeResult = buildTree(res.details[0].permissions as ServerMenuItem[], {
+          const treeResult = buildTree(menuPermissions, {
             orderKey: 'order',
           })
-          console.log('buildTree', treeResult)
 
           // 使用 transformMenuToRoutes 将树结构转换为路由配置
           const routes = transformMenuToRoutes(treeResult.rootItems as ServerMenuItem[])
-          console.log('transformMenuToRoutes', routes)
 
           // 动态注册路由
           routes.forEach((route) => {
@@ -105,6 +109,7 @@ const useAppStore = defineStore('app', {
         })
       }
       this.serverMenu = []
+      this.permissionCodes = []
     },
   },
 })