|
|
@@ -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;
|