优化主页显示

src/views/index.vue

@@ -1,13 +1,9 @@
 <template>
   <div class="ipc-dashboard">
-    <Header title="过站工控机">
-      <template #right>
-        <a-button @click="handleLogout">退出登录</a-button>
-      </template>
-    </Header>
+    <Header title="过站工控机" showLogout />
 
     <div class="menu-grid">
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/pwoManage')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('PwoManage')">
         <div class="icon-wrap">
           <i-lucide-building />
         </div>
@@ -16,8 +12,8 @@
           <div class="desc">管理生产工单和进度</div>
         </div>
       </a-card>
-
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/stationControl')">
+<!-- 
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('stationControl')">
         <div class="icon-wrap">
           <i-lucide-monitor />
         </div>
@@ -27,7 +23,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/dispatch')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('dispatch')">
         <div class="icon-wrap">
           <i-lucide-package />
         </div>
@@ -37,7 +33,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/hold')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('hold')">
         <div class="icon-wrap">
           <i-lucide-server />
         </div>
@@ -47,7 +43,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/dataAnalysis')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('dataAnalysis')">
         <div class="icon-wrap">
           <i-lucide-bar-chart-3 />
         </div>
@@ -57,7 +53,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/maintenance')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('maintenance')">
         <div class="icon-wrap">
           <i-lucide-wrench />
         </div>
@@ -67,7 +63,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/personnel')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('personnel')">
         <div class="icon-wrap">
           <i-lucide-users />
         </div>
@@ -77,7 +73,7 @@
         </div>
       </a-card>
 
-      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('/settings')">
+      <a-card class="menu-card" shadow="hover" @click="handleJumpTo('settings')">
         <div class="icon-wrap">
           <i-lucide-settings />
         </div>
@@ -85,7 +81,7 @@
           <div class="title">系统设置</div>
           <div class="desc">系统参数配置</div>
         </div>
-      </a-card>
+      </a-card> -->
     </div>
   </div>
 </template>
@@ -113,20 +109,17 @@ const handleLogout = () => {
     okText: '确定',
     cancelText: '取消',
     onOk: () => {
-      message.success('已退出');
+      authStore.logout();
     },
-    onCancel: () => {
-      message.error('操作失败');
-    }
   });
 };
 
-const handleJumpTo = (path) => {
+const handleJumpTo = (name) => {
   if (!loggedIn.value) {
     message.warning("尚未登录，请先登录");
     return;
   }
-  router.push({ path });
+  router.push({ name });
 };
 </script>
 
@@ -136,6 +129,7 @@ const handleJumpTo = (path) => {
   height: 100vh;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .menu-grid {