whao 2 lat temu
rodzic
commit
a3b98989c1
5 zmienionych plików z 1626 dodań i 1472 usunięć
  1. 11 8
      src/assets/styles/base.scss
  2. 854 780
      src/views/datacenter.vue
  3. 739 680
      src/views/disaster.vue
  4. 9 3
      src/views/event.vue
  5. 13 1
      src/views/monitor.vue

+ 11 - 8
src/assets/styles/base.scss

@@ -46,10 +46,10 @@ $fListTitle:#2bacf7;
 $barBgc: rgba($color: #051520, $alpha: .9);
 $barShadow: rgba($color: #078ad1, $alpha: .8) 0px 0px 18px inset;
 $barBorder: solid rgba($color: #33467f, $alpha: .7);
-$tableBorder: solid rgba($color: #288686, $alpha: .7);
+$tableBorder: solid rgba($color: #33467f, $alpha: .7);
 $countBorder: solid rgba($color: #00aeff, $alpha: .9);
 $searchBorder: solid rgba($color: #33467f, $alpha: 1);
-$searchBG:#191e2d;
+$searchBG:#101527;
 
 //icon
 $iconBg:#f5ad1b,#58b35d,#0FA2FF,#da8ec5,#78bfc2,#a28e52,#ff6063,#96bd5b,#f5ad1b,#da8ec5,#5f89ce,#78bfc2,#bec278,#f07779;
@@ -300,6 +300,9 @@ div::-webkit-scrollbar {
 .h-51{
 	height: 51vh;
 }
+.h-55{
+	height: 55vh;
+}
 .h-60{
 	height: 59vh;
 }
@@ -1164,7 +1167,7 @@ div::-webkit-scrollbar {
 				}
 				.el-table--border, .el-table--border::after{
 					border: 1px $tableBorder;
-					background-color:#071927
+					background-color:$searchBG
 				}
 				.el-table--border{
 					.el-table--group{
@@ -1176,15 +1179,15 @@ div::-webkit-scrollbar {
 					
 				}
 				.el-table::before {
-					background:  #071927;
+					background:  $searchBG;
 				}
 				.el-table {
-					background:  #071927;
+					background:  $searchBG;
 					color:$inBlue;
 					thead{
 					}
 					tr{
-						background:#071927 ;
+						background:$searchBG ;
 					}
 					td{
 						text-align: center;
@@ -1198,7 +1201,7 @@ div::-webkit-scrollbar {
 					thead.is-group{
 						.el-table__cell{
 							text-align: center;
-							background: #071927;
+							background: $searchBG;
 							border-bottom: 1px $tableBorder;
 							border-right:1px $tableBorder;
 							padding: 0;
@@ -1867,7 +1870,7 @@ div::-webkit-scrollbar {
 			padding-left: 1rem;
 		}		
 		.el-input__inner{
-							background: #071927;
+							background: $searchBG;
 							border: 1px solid #2a3a60;
 							color: #1fb0b0;
 		}

Plik diff jest za duży
+ 854 - 780
src/views/datacenter.vue


Plik diff jest za duży
+ 739 - 680
src/views/disaster.vue


+ 9 - 3
src/views/event.vue

@@ -8,9 +8,11 @@
 			<!-- 左侧 -->
 			<div class="leftbar" :class="indentleft" ref="left">
 				<div class="forthis">
+					<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+					<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 					<div class="this-title">
 						<span>今日事件</span>
-						<!-- <span>23</span> -->
+						<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 					</div>
 					<div class="i-list-con h-73">
 						<div class="d-l-con-icon">
@@ -61,6 +63,7 @@
 							<div class="d-l-l-count"> {{item.count}}</div>
 						</div>
 					</div>
+					</dv-border-box-13>
 				</div>
 			</div>
 			<!-- 地图 -->
@@ -71,9 +74,11 @@
 			<!-- 右侧 -->
 			<div class="rightbar" :class="indentright" ref="right">
 				<div class="forthis">
+					<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+					<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 					<div class="this-title">
-						<span>事件列表</span>
-						<!-- <span>23</span> -->
+						<span>今日列表</span>
+						<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 					</div>
 					<div class="i-list-con h-73">
 						<div class="d-l-con d-evnet-list-con"  :class="{on:listCurrentIndex == index}" :key="index" v-for="(item,index) in eventList"
@@ -90,6 +95,7 @@
 							</div>
 						</div>
 					</div>
+					</dv-border-box-13>
 				</div>
 			</div>
 			<vBottomMenu ref="bottomMenu"></vBottomMenu>

+ 13 - 1
src/views/monitor.vue

@@ -8,8 +8,11 @@
 			<!-- 左侧 -->
 			<div class="leftbar" :class="indentleft" ref="left">
 				<div class="forthis">
+					<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+					<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 					<div class="this-title">
-						<span>态势感知</span>
+						<span>事态感知</span>
+						<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 					</div>
 					<div class="i-list-con h-73">
 						<div class="d-l-con-icon">
@@ -46,6 +49,7 @@
 							<div id="camera-chart" style="width: 100%;height:33vh;"></div>
 						</div>
 					</div>
+					</dv-border-box-13>
 				</div>
 			</div>
 			<!-- 地图 -->
@@ -56,8 +60,11 @@
 			<!-- 右侧 -->
 			<div class="rightbar" :class="indentright" ref="right">
 				<div class="forthis">
+					<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+					<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 					<div class="this-title">
 						<span>列表</span>
+						<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 					</div>
 					<div class="i-list-con h-43">
 						<div class="d-l-con" v-for="(item,index) in visuForestCloudCameraBOList"
@@ -69,10 +76,14 @@
 							</div>
 						</div>
 					</div>
+					</dv-border-box-13>
 				</div>
 				<div class="forthis">
+					<dv-border-box-13 backgroundColor="#040b1f" style="padding-bottom: 1rem;">
+					<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;" />
 					<div class="this-title">
 						<span>重点区域</span>
+						<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;" />
 					</div>
 					<div class="i-list-con h-25">
 						<div class="d-l-con" v-for="(item,index) in keyAreaList" @click="">
@@ -82,6 +93,7 @@
 							</div>
 						</div>
 					</div>
+					</dv-border-box-13>
 				</div>
 			</div>
 			<vBottomMenu ref="bottomMenu"></vBottomMenu>