Wance/frontend_hmi_station
14
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化主页显示

Browse Source
This commit is contained in:
tao
2025-12-23 13:31:04 +08:00
parent 652ebfb5ef
commit 200e57931a
1 changed files with 15 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/index.vue
View File

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