20260817225227

code/fms/fms-vue/src/views/dashboard/index.vue

@@ -1,5 +1,16 @@
 <script setup>
 import { LayoutDashboard } from '@lucide/vue'
+import { useRouter } from 'vue-router'
+import Button from '@/components/ui/button/button.vue'
+
+defineOptions({ name: 'Dashboard' })
+
+const router = useRouter()
+
+// 跳转到详情页（不同 id = 不同路由缓存），用于验证「多参数独立缓存」
+function goDetail(id) {
+  router.push(`/detail/${id}`)
+}
 </script>
 
 <template>
@@ -8,7 +19,13 @@ import { LayoutDashboard } from '@lucide/vue'
       <LayoutDashboard />
     </div>
     <h1 class="dashboard-title">工作台</h1>
-    <p class="dashboard-desc">布局壳与业务页面正在搭建中，敬请期待。</p>
+    <p class="dashboard-desc">布局壳与业务页面已就绪，点击下方按钮进入详情页验证多参数缓存。</p>
+
+    <div class="dashboard-actions">
+      <Button type="primary" @click="goDetail(1)">打开详情 #1</Button>
+      <Button type="primary" @click="goDetail(2)">打开详情 #2</Button>
+      <Button type="primary" @click="goDetail(3)">打开详情 #3</Button>
+    </div>
   </div>
 </template>
 
@@ -53,4 +70,11 @@ import { LayoutDashboard } from '@lucide/vue'
   font-size: 14px;
   color: var(--fms-text-secondary);
 }
+
+.dashboard-actions {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-top: 8px;
+}
 </style>