20260817225227

code/fms/fms-vue/src/router/index.js

@@ -26,51 +26,59 @@ const router = createRouter({
           path: '/dashboard',
           name: 'dashboard',
           component: () => import('@/views/dashboard/index.vue'),
-          meta: { title: '工作台' },
+          meta: { title: '工作台', componentName: 'Dashboard' },
         },
         // 测试页：用于演练 Tabs 导航（无需权限，纯布局验证）
         {
           path: '/test/list',
           name: 'test-list',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-列表' },
+          meta: { title: '测试-列表', componentName: 'TestPage' },
         },
         {
           path: '/test/form',
           name: 'test-form',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-表单' },
+          meta: { title: '测试-表单', componentName: 'TestPage' },
         },
         {
           path: '/test/detail',
           name: 'test-detail',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-详情' },
+          meta: { title: '测试-详情', componentName: 'TestPage' },
         },
         {
           path: '/test/chart',
           name: 'test-chart',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-图表' },
+          meta: { title: '测试-图表', componentName: 'TestPage' },
         },
         {
           path: '/test/table',
           name: 'test-table',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-表格' },
+          meta: { title: '测试-表格', componentName: 'TestPage' },
         },
         {
           path: '/test/settings',
           name: 'test-settings',
           component: () => import('@/views/test/TestPage.vue'),
-          meta: { title: '测试-设置' },
+          meta: { title: '测试-设置', componentName: 'TestPage' },
         },
         // 组件库演练场：纳入业务布局（带侧栏 / 顶栏 / Tabs）
         {
           path: '/demo',
           name: 'demo',
           component: () => import('@/views/demo/index.vue'),
-          meta: { title: '组件库' },
+          meta: { title: '组件库', componentName: 'Demo' },
+        },
+        // 详情页：同一组件按参数复用，但每个 fullPath 独立缓存、关闭即销毁
+        // （per-param 的命名组件由 DefaultLayout 的 getPageWrapper 按路由动态生成）
+        {
+          path: '/detail/:id',
+          name: 'detail',
+          component: () => import('@/views/detail/DetailPage.vue'),
+          meta: { title: '详情', cacheByKey: true },
         },
         // 业务页面后续在此追加，配置 meta.moduleId 后自动走权限校验
       ],