2级sidebar

This commit is contained in:
2025-12-13 15:56:12 +08:00
parent 3442f96214
commit b57a002de8
46 changed files with 1529 additions and 203 deletions

View File

@@ -73,19 +73,153 @@ router.beforeEach((to, from, next) => {
console.log('[Workcase Router] 所有路由:', router.getRoutes().map(r => r.path))
if (loaded) {
// 动态路由加载成功,重新导航以匹配新添加的路由
console.log('[Workcase Router] 动态路由加载成功,重新导航到:', to.path)
next({ ...to, replace: true })
return
if (to.path === '/') {
// 访问根路径,重定向到第一个可用路由
const firstRoute = getFirstAvailableRoute()
if (firstRoute && firstRoute !== '/') {
// 只有当第一个路由不是 / 时才重定向,避免无限循环
console.log('[Workcase Router] 根路径重定向到:', firstRoute)
next({ path: firstRoute, replace: true })
return
} else {
// 第一个路由就是 /,直接放行
console.log('[Workcase Router] 第一个路由就是根路径,直接放行')
}
} else if (to.path === '/admin') {
// 访问 /admin 路径,重定向到第一个 admin 路由
const firstAdminRoute = getFirstAdminRoute()
if (firstAdminRoute) {
console.log('[Workcase Router] /admin 重定向到:', firstAdminRoute)
next({ path: firstAdminRoute, replace: true })
return
}
} else {
// 动态路由加载成功,重新导航以匹配新添加的路由
console.log('[Workcase Router] 动态路由加载成功,重新导航到:', to.path)
next({ ...to, replace: true })
return
}
} else {
console.warn('[Workcase Router] 动态路由加载失败')
}
}
// 如果已登录且访问根路径,但动态路由已加载,重定向到第一个可用路由
if (hasToken && to.path === '/' && dynamicRoutesLoaded) {
const firstRoute = getFirstAvailableRoute()
if (firstRoute && firstRoute !== '/') {
// 只有当第一个路由不是 / 时才重定向,避免无限循环
console.log('[Workcase Router] 已登录访问根路径,重定向到:', firstRoute)
next({ path: firstRoute, replace: true })
return
}
}
// 如果访问 /admin重定向到第一个 admin 路由
if (hasToken && to.path === '/admin' && dynamicRoutesLoaded) {
const firstAdminRoute = getFirstAdminRoute()
if (firstAdminRoute) {
console.log('[Workcase Router] 访问 /admin重定向到:', firstAdminRoute)
next({ path: firstAdminRoute, replace: true })
return
}
}
console.log('[Workcase Router] 继续正常导航')
next()
})
/**
* 获取第一个可用的路由路径
*/
function getFirstAvailableRoute(): string | null {
try {
console.log('[Workcase Router] 开始获取第一个可用路由...')
const loginDomainStr = localStorage.getItem('loginDomain')
if (!loginDomainStr) {
console.warn('[Workcase Router] localStorage 中没有 loginDomain')
return null
}
const loginDomain = JSON.parse(loginDomainStr)
const userViews = loginDomain.userViews || []
console.log('[Workcase Router] 所有用户视图:', userViews.length)
// 过滤出 workcase 服务的非 admin 视图
// 注意:不限制 type因为首页路由可能是 type=3路由类型而不是 type=1菜单类型
const workcaseViews = userViews.filter((view: any) =>
view.service === 'workcase' &&
!view.url?.startsWith('/admin') &&
view.url // 必须有 url 字段
)
console.log('[Workcase Router] Workcase 服务视图:', workcaseViews)
if (workcaseViews.length === 0) {
console.warn('[Workcase Router] 没有找到 workcase 服务的菜单视图')
return null
}
// 按 orderNum 排序
workcaseViews.sort((a: any, b: any) => (a.orderNum || 0) - (b.orderNum || 0))
const firstRoute = workcaseViews[0].url
console.log('[Workcase Router] 第一个路由:', firstRoute, '视图:', workcaseViews[0].name)
return firstRoute
} catch (error) {
console.error('[Workcase Router] 获取首页路由失败:', error)
return null
}
}
/**
* 获取第一个 admin 路由
*/
function getFirstAdminRoute(): string | null {
try {
console.log('[Workcase Router] 开始获取第一个 admin 路由...')
const loginDomainStr = localStorage.getItem('loginDomain')
if (!loginDomainStr) {
console.warn('[Workcase Router] localStorage 中没有 loginDomain')
return null
}
const loginDomain = JSON.parse(loginDomainStr)
const userViews = loginDomain.userViews || []
// 过滤出 workcase 服务的 admin 路由(排除目录类型)
const adminViews = userViews.filter((view: any) =>
view.service === 'workcase' &&
view.url?.startsWith('/admin') &&
view.layout === 'AdminSidebarLayout' &&
!view.parentId && // 顶级菜单
view.url // 必须有 url 字段
)
console.log('[Workcase Router] Admin 视图:', adminViews)
if (adminViews.length === 0) {
console.warn('[Workcase Router] 没有找到 workcase admin 路由')
return null
}
// 按 orderNum 排序
adminViews.sort((a: any, b: any) => (a.orderNum || 0) - (b.orderNum || 0))
const firstRoute = adminViews[0].url
console.log('[Workcase Router] 第一个 admin 路由:', firstRoute, '视图:', adminViews[0].name)
return firstRoute
} catch (error) {
console.error('[Workcase Router] 获取 admin 路由失败:', error)
return null
}
}
// 重置动态路由加载状态
export function resetDynamicRoutes() {
dynamicRoutesLoaded = false