feat: layout调整

src/stores/modules/side-bar/index.ts

@@ -0,0 +1,56 @@
+/*
+ * @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 = DATA_ENGINE_ID;
+    },
+    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;
+      }
+    },
+  },
+});