fix: 优化页面标签组件与相关路由配置

src/config/fallbackRoutes.ts

@@ -54,30 +54,35 @@ export const FALLBACK_MENU_NODES: MenuNode[] = [
         name: '赛事列表',
         path: 'events/list',
         component: 'events/list',
+        componentName: 'EventList',
       },
       {
         id: 'events_orders',
         name: '订单管理',
         path: 'events/orders',
         component: 'events/orders',
+        componentName: 'EventOrders',
       },
       {
         id: 'events_users',
         name: '用户列表',
         path: 'events/users',
         component: 'events/users',
+        componentName: 'EventUsers',
       },
       {
         id: 'events_banner',
         name: 'Banner配置',
         path: 'events/banner',
         component: 'events/banner',
+        componentName: 'EventBanner',
       },
       {
         id: 'events_logs',
         name: '赛事操作日志',
         path: 'events/logs',
         component: 'events/logs',
+        componentName: 'EventLogs',
       },
     ],
   },
@@ -92,24 +97,28 @@ export const FALLBACK_MENU_NODES: MenuNode[] = [
         name: '提现申请',
         path: 'finance/withdraw',
         component: 'finance/withdraw',
+        componentName: 'FinanceWithdraw',
       },
       {
         id: 'finance_wallet',
         name: '用户钱包',
         path: 'finance/wallet',
         component: 'finance/wallet',
+        componentName: 'FinanceWallet',
       },
       {
         id: 'finance_payments',
         name: '支付流水',
         path: 'finance/payments',
         component: 'finance/payments',
+        componentName: 'FinancePayments',
       },
       {
         id: 'finance_reports',
         name: '账务报表',
         path: 'finance/reports',
         component: 'finance/reports',
+        componentName: 'FinanceReports',
       },
     ],
   },
@@ -124,18 +133,21 @@ export const FALLBACK_MENU_NODES: MenuNode[] = [
         name: '用户管理',
         path: 'system/users',
         component: 'system/users',
+        componentName: 'SystemUsers',
       },
       {
         id: 'system_roles',
         name: '角色权限',
         path: 'system/roles',
         component: 'system/roles',
+        componentName: 'SystemRoles',
       },
       {
         id: 'system_logs',
         name: '操作日志',
         path: 'system/logs',
         component: 'system/logs',
+        componentName: 'SystemLogs',
       },
     ],
   },

src/router/guard.ts

@@ -63,12 +63,15 @@ router.afterEach((to) => {
   // 隐藏的路由（如详情页、编辑页）不进 tab，避免标签栏被噪声污染
   // /login 也不进 tab
   if (to.meta?.hideInMenu || to.path === '/login') return;
-  if (typeof to.name !== 'string' || typeof to.meta?.title !== 'string') return;
+  if (typeof to.meta?.title !== 'string') return;
+
+  const componentName = (to.meta.componentName as string) || (to.name as string);
+  if (!componentName) return;
 
   const { addTab } = useTabsStore();
   addTab({
     path: to.path,
-    name: to.name,
+    name: componentName,
     title: to.meta.title,
   });
 });

src/stores/menuStore.ts

@@ -152,6 +152,7 @@ function transformMenuToRoutes(nodes: MenuNode[], parentPath = ''): RouteRecordR
         hideInMenu: node.hideInMenu,
         activeMenu: node.activeMenu,
         externalLink: node.externalLink,
+        componentName: node.componentName,
       },
     } as RouteRecordRaw;
 

src/types/index.ts

@@ -57,6 +57,12 @@ export interface MenuNode {
   activeMenu?: string;
   /** 是否禁用（禁用后路由不注册、菜单不显示） */
   disabled?: boolean;
+  /**
+   * 组件 name（PascalCase，用于 KeepAlive 缓存匹配）
+   * 例如: 'EventList'、'SystemUsers'
+   * 后端下发此字段后路由守卫会自动写入 cachedViews
+   */
+  componentName?: string;
   /** 子菜单/子路由 */
   children?: MenuNode[];
 }
@@ -101,5 +107,7 @@ declare module 'vue-router' {
     affix?: boolean;
     /** 不参与标签缓存，即使访问过也不进 keep-alive */
     noCache?: boolean;
+    /** 组件 name，用于 KeepAlive 缓存匹配（如 'EventList'） */
+    componentName?: string;
   }
 }