feat: 重构sidebar菜单块逻辑

This commit is contained in:
rd
2025-07-07 18:17:31 +08:00
parent 0fe45bb2b3
commit bd4c338f35
11 changed files with 163 additions and 122 deletions

View File

@ -3,19 +3,20 @@
* @Date: 2025-06-23 22:13:30
*/
import { defineStore } from 'pinia';
import { MENU_GROUP_IDS } from '@/router/constants';
import { appRoutes } from '@/router/routes';
import router from '@/router';
import type { RouteLocationNormalized } from 'vue-router';
const { DATA_ENGINE_ID, MANAGEMENT_ID } = MENU_GROUP_IDS;
import { MENU_LIST } from './constants';
import { useEnterpriseStore } from '@/stores/modules/enterprise';
interface sidebarState {
activeMenuId: number | null;
menuList: any[];
}
export const useSidebarStore = defineStore('sidebar', {
state: (): sidebarState => ({
activeMenuId: null,
menuList: [],
}),
actions: {
clearActiveMenuId() {
@ -24,14 +25,23 @@ export const useSidebarStore = defineStore('sidebar', {
setActiveMenuId(id: number) {
this.activeMenuId = id;
},
// navbar菜单列表由企业对应权限决定
getNavbarMenuList() {
const enterpriseStore = useEnterpriseStore();
const enterpriseInfo = enterpriseStore.getEnterpriseInfo();
this.menuList = MENU_LIST.filter(
(item) => !item.permissionKey || enterpriseInfo?.permissions?.includes(item.permissionKey),
);
},
// 根据当前路由自动设置 activeMenuId
setActiveMenuIdByRoute(route: RouteLocationNormalized) {
// console.log('setActiveMenuIdByRoute ');
const appRoutes = router.options?.routes ?? [];
// 查找当前路由所属的菜单组
const findMenuGroup = (routes: any[]): number | null => {
for (const routeItem of routes) {
// 检查子路由
if (routeItem.children && routeItem.children.length > 0) {
if (routeItem.children?.length > 0) {
// 检查当前路由是否是这个父路由的子路由
const isChildRoute = routeItem.children.some((child: any) => child.name === route.name);
if (isChildRoute) {
@ -42,6 +52,10 @@ export const useSidebarStore = defineStore('sidebar', {
if (childResult !== null) {
return routeItem.meta?.id || childResult;
}
} else {
if (routeItem.name === route.name) {
return routeItem.meta?.id || null;
}
}
}
return null;