Kaynağa Gözat

refactor(blockingDataScreen): 简化头部导航并更新标题

移除头部导航栏并更新标题为"盛世鹰眸质控系统【查堵】(安检站)",使界面更加简洁
huoyi 3 gün önce
ebeveyn
işleme
b77e57e69f

+ 2 - 29
src/views/blockingData/blockingDataScreen/index.vue

@@ -1,13 +1,7 @@
1 1
 <template>
2 2
   <div class="blocking-data-screen">
3 3
     <div class="screen-header">
4
-      <div class="header-title">查堵数据统计大屏(实时)</div>
5
-      <div class="header-nav">
6
-        <div class="nav-item active">运行数据分析</div>
7
-        <div class="nav-item">查堵人员分析</div>
8
-        <div class="nav-item">培训质控分析</div>
9
-        <div class="nav-item">放行速率分析</div>
10
-      </div>
4
+      <div class="header-title">盛世鹰眸质控系统【查堵】(安检站)</div>
11 5
     </div>
12 6
     
13 7
     <div class="screen-content">
@@ -63,31 +57,10 @@ import ModuleFour from './components/ModuleFour.vue'
63 57
   text-shadow: 0 0 10px rgba(112, 207, 231, 0.5);
64 58
 }
65 59
 
66
-.header-nav {
67
-  display: flex;
68
-  gap: 15px;
69
-}
70 60
 
71
-.nav-item {
72
-  padding: 8px 20px;
73
-  background: rgba(112, 207, 231, 0.1);
74
-  border: 1px solid rgba(112, 207, 231, 0.3);
75
-  border-radius: 4px;
76
-  color: #B4E9FF;
77
-  font-size: 14px;
78
-  cursor: pointer;
79
-  transition: all 0.3s;
80
-}
81 61
 
82
-.nav-item:hover {
83
-  background: rgba(112, 207, 231, 0.2);
84
-}
85 62
 
86
-.nav-item.active {
87
-  background: linear-gradient(90deg, #3398BE, #0B5883);
88
-  border-color: #70CFE7;
89
-  color: #fff;
90
-}
63
+
91 64
 
92 65
 .screen-content {
93 66
   flex: 1;