/* * @Author: RenXiaoDong * @Date: 2025-06-23 22:13:30 */ import { defineStore } from 'pinia'; import { MENU_GROUP_IDS } from '@/router/constants'; import { appRoutes } from '@/router/routes'; import type { RouteLocationNormalized } from 'vue-router'; const { DATA_ENGINE_ID, MANAGEMENT_ID } = MENU_GROUP_IDS; interface sidebarState { activeMenuId: number | null; } export const useSidebarStore = defineStore('sidebar', { state: (): sidebarState => ({ activeMenuId: null, }), actions: { clearActiveMenuId() { this.activeMenuId = null; }, setActiveMenuId(id: number) { this.activeMenuId = id; }, // 根据当前路由自动设置 activeMenuId setActiveMenuIdByRoute(route: RouteLocationNormalized) { // console.log('setActiveMenuIdByRoute '); // 查找当前路由所属的菜单组 const findMenuGroup = (routes: any[]): number | null => { for (const routeItem of routes) { // 检查子路由 if (routeItem.children && routeItem.children.length > 0) { // 检查当前路由是否是这个父路由的子路由 const isChildRoute = routeItem.children.some((child: any) => child.name === route.name); if (isChildRoute) { return routeItem.meta?.id || null; } // 递归检查更深层的子路由 const childResult = findMenuGroup(routeItem.children); if (childResult !== null) { return routeItem.meta?.id || childResult; } } } return null; }; const menuId = findMenuGroup(appRoutes); if (menuId !== null) { this.activeMenuId = menuId; } }, }, });