feat:完善功能

src/views/monitor/components/alarmRate.vue

@@ -133,6 +133,6 @@
 <style scoped lang="scss">
   .alarmRate {
     width: vw(380);
-    height: vh(200);
+    height: vh(180);
   }
 </style>

src/views/monitor/components/box-1.vue

@@ -97,7 +97,7 @@
           alt=""
         />
         <img
-          v-if="scenicSpotId == '三峡之巅'"
+          v-if="scenicSpotId == 'root00000000'"
           class="map-img"
           src="@/assets/images/sxzd.png"
           alt=""
@@ -322,10 +322,13 @@
   }
   .detection-top {
     width: 100%;
-    height: vh(580);
+    height: vh(560);
     overflow-x: auto;
     overflow-y: hidden;
-    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
     /* 滚动条整体样式 */
     &::-webkit-scrollbar {
       height: vh(10); /* 滚动条的宽度 */
@@ -348,7 +351,7 @@
     width: vw(405);
     margin-right: vw(8);
     &-statistics {
-      height: vh(70);
+      height: vh(90);
       display: flex;
       align-items: center;
       justify-content: space-evenly;
@@ -381,7 +384,7 @@
   .traffic-alarm {
     width: vw(405);
     &-statistics {
-      height: vh(70);
+      height: vh(90);
       display: flex;
       align-items: center;
       justify-content: space-evenly;