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

This commit is contained in:
zxr
2026-07-21 23:51:18 +08:00
parent b4dba77229
commit 4b9a87638c
5 changed files with 109 additions and 41 deletions

View File

@@ -12,6 +12,7 @@ export interface ServerMenuItem extends TreeNodeBase {
title?: string // 菜单标题
title_en?: string // 英文标题
code?: string // 菜单编码
type?: number // 1菜单2按钮
menu_path?: string // 菜单路径,如 '/overview'
component?: string // 组件路径,如 'ops/pages/overview'
icon?: string
@@ -31,7 +32,6 @@ export interface ServerMenuItem extends TreeNodeBase {
// 预定义的视图模块映射(用于 Vite 动态导入)
const viewModules = import.meta.glob('@/views/**/*.vue')
console.log('viewModules', viewModules)
/**
* 动态加载视图组件
* @param componentPath 组件路径,如 'ops/pages/overview' 或 'ops/pages/overview/index'
@@ -76,6 +76,8 @@ export function transformMenuToRoutes(menuItems: ServerMenuItem[]): AppRouteReco
const routes: AppRouteRecordRaw[] = []
for (const item of menuItems) {
if (item.type !== 1) continue
// 根据 is_full 决定如何设置 component
let routeComponent: AppRouteRecordRaw['component']
@@ -198,42 +200,44 @@ function transformChildRoutes(
parentPath?: string,
parentIsFull?: boolean
): AppRouteRecordRaw[] {
return children.map((child) => {
const childFullPath = String(child.menu_path ?? child.path ?? '').trim()
return children
.filter((child) => child.type === 1)
.map((child) => {
const childFullPath = String(child.menu_path ?? child.path ?? '').trim()
// 已配置 component 的菜单绝不覆盖;仅对许可页做路径/code 兜底,避免 includes 误匹配
let componentPath = child.component || parentComponent
if (!child.component && (isLicenseCenterMenuPath(childFullPath) || child.code === 'LicenseCenter')) {
componentPath = LICENSE_CENTER_VIEW
}
// 已配置 component 的菜单绝不覆盖;仅对许可页做路径/code 兜底,避免 includes 误匹配
let componentPath = child.component || parentComponent
if (!child.component && (isLicenseCenterMenuPath(childFullPath) || child.code === 'LicenseCenter')) {
componentPath = LICENSE_CENTER_VIEW
}
const relativePath = extractRelativePath(childFullPath, parentPath || '')
const relativePath = extractRelativePath(childFullPath, parentPath || '')
const route: AppRouteRecordRaw = {
path: relativePath,
name: child.title || child.name || `menu_${child.id}`,
meta: {
...child,
locale: child.locale || child.title,
requiresAuth: child.requiresAuth !== false,
roles: child.roles,
hideInMenu: child.hideInMenu || child.hide_menu,
},
component: componentPath ? loadViewComponent(componentPath) : () => import('@/views/redirect/index.vue'),
}
const route: AppRouteRecordRaw = {
path: relativePath,
name: child.title || child.name || `menu_${child.id}`,
meta: {
...child,
locale: child.locale || child.title,
requiresAuth: child.requiresAuth !== false,
roles: child.roles,
hideInMenu: child.hideInMenu || child.hide_menu,
},
component: componentPath ? loadViewComponent(componentPath) : () => import('@/views/redirect/index.vue'),
}
// 递归处理子菜单的子菜单
if (child.children && child.children.length > 0) {
route.children = transformChildRoutes(
child.children,
child.component || parentComponent,
childFullPath, // 传递当前子菜单的完整路径作为下一层的父路径
child.is_full || parentIsFull // 传递 is_full 标志
)
}
// 递归处理子菜单的子菜单
if (child.children && child.children.length > 0) {
route.children = transformChildRoutes(
child.children,
child.component || parentComponent,
childFullPath, // 传递当前子菜单的完整路径作为下一层的父路径
child.is_full || parentIsFull // 传递 is_full 标志
)
}
return route
})
return route
})
}
// 本地菜单数据 - 接口未准备好时使用