From cb25acc46bf41863e068b6f968f1592b7a14d1c9 Mon Sep 17 00:00:00 2001
From: helongyang <647556386@qq.com>
Date: 星期六, 13 九月 2025 08:12:14 +0800
Subject: [PATCH] 功能更新优化
---
代码管理/WCS/WIDESEAWCS_Client/src/views/Home.vue | 143 ++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 132 insertions(+), 11 deletions(-)
diff --git "a/\344\273\243\347\240\201\347\256\241\347\220\206/WCS/WIDESEAWCS_Client/src/views/Home.vue" "b/\344\273\243\347\240\201\347\256\241\347\220\206/WCS/WIDESEAWCS_Client/src/views/Home.vue"
index 820437a..41ecf97 100644
--- "a/\344\273\243\347\240\201\347\256\241\347\220\206/WCS/WIDESEAWCS_Client/src/views/Home.vue"
+++ "b/\344\273\243\347\240\201\347\256\241\347\220\206/WCS/WIDESEAWCS_Client/src/views/Home.vue"
@@ -1,24 +1,145 @@
<template>
- <div class="title"></div>
+ <div class="warehouse-dashboard">
+ <!-- 瀵艰埅鏍� -->
+ <nav class="navbar">
+ <div class="nav-container">
+ <h1 class="logo">浠撳簱璋冨害绯荤粺</h1>
+ <ul class="nav-links">
+ <li
+ v-for="(warehouse, index) in warehouses"
+ :key="index"
+ :class="{ active: activeWarehouse === index }"
+ @click="switchWarehouse(index)"
+ >
+ {{ warehouse.name }}
+ </li>
+ </ul>
+ </div>
+ </nav>
+
+ <!-- 涓诲唴瀹瑰尯 - 鍔ㄦ�佹覆鏌撻�変腑鐨勪粨搴撻〉闈� -->
+ <main class="content-area">
+ <component :is="currentComponent" class="warehouse-content"></component>
+ </main>
+ </div>
</template>
<script>
-import { ref, reactive } from 'vue'
+import { ref, computed } from 'vue';
+// 瀵煎叆鍚勪釜浠撳簱鐨勭粍浠�
+import BoardWarehouse from './deviceMonitoring/BoardWarehouse.vue';
+import TestFrameWarehouse from './deviceMonitoring/TestFrameWarehouse.vue';
+import SolderMaskWarehouse from './deviceMonitoring/SolderMaskWarehouse.vue';
+import PpWarehouse from './deviceMonitoring/PpWarehouse.vue';
+import InkWarehouse from './deviceMonitoring/InkWarehouse.vue';
+import AuxiliaryWarehouse from './deviceMonitoring/AuxiliaryWarehouse.vue';
+import DryFilmWarehouse from './deviceMonitoring/DryFilmWarehouse.vue';
export default {
setup() {
- return {
+ // 瀹氫箟浠撳簱鍒楄〃
+ const warehouses = [
+ { name: '鏉挎潗浠�', component: BoardWarehouse },
+ { name: '娴嬭瘯鏋朵粨', component: TestFrameWarehouse },
+ { name: '闃荤剨浠�', component: SolderMaskWarehouse },
+ { name: 'PP浠�', component: PpWarehouse },
+ { name: '娌瑰ⅷ浠�', component: InkWarehouse },
+ { name: '杈呮枡浠�', component: AuxiliaryWarehouse },
+ { name: '鎴愬搧浠�', component: BoardWarehouse },
+ { name: '骞茶啘浠�', component: DryFilmWarehouse},
+ ];
- }
+ // 褰撳墠閫変腑鐨勪粨搴撶储寮�
+ const activeWarehouse = ref(0);
+
+ // 鍒囨崲浠撳簱
+ const switchWarehouse = (index) => {
+ activeWarehouse.value = index;
+ };
+
+ // 鏍规嵁閫変腑鐨勪粨搴撹幏鍙栧綋鍓嶈娓叉煋鐨勭粍浠�
+ const currentComponent = computed(() => {
+ return warehouses[activeWarehouse.value].component;
+ });
+
+ return {
+ warehouses,
+ activeWarehouse,
+ switchWarehouse,
+ currentComponent
+ };
}
-}
+};
</script>
<style scoped>
-.title {
- line-height: 70vh;
- text-align: center;
- font-size: 28px;
- color: orange;
+.warehouse-dashboard {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
}
-</style>
\ No newline at end of file
+
+.navbar {
+ background-color: #2c3e50;
+ color: white;
+ padding: 0 20px;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.nav-container {
+ max-width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ height: 60px;
+}
+
+.logo {
+ margin: 0;
+ font-size: 1.5rem;
+ font-weight: 600;
+}
+
+.nav-links {
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ gap: 1px;
+}
+
+.nav-links li {
+ padding: 0 15px;
+ height: 60px;
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ background-color: #34495e;
+}
+
+.nav-links li:hover {
+ background-color: #3d5a7c;
+}
+
+.nav-links li.active {
+ background-color: #3498db;
+ font-weight: 500;
+ box-shadow: inset 0 -3px 0 #2980b9;
+}
+
+.content-area {
+ flex: 1;
+ padding: 20px;
+ background-color: #f5f7fa;
+}
+
+.warehouse-content {
+ background-color: white;
+ border-radius: 8px;
+ padding: 20px;
+ min-height: calc(100vh - 100px);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+}
+</style>
--
Gitblit v1.9.3