From f68ac3812c8e51ed589c14e1915ae51a7e60ecf7 Mon Sep 17 00:00:00 2001
From: "851673013@qq.com" <851673013@qq.com>
Date: Tue, 5 Jul 2022 20:03:41 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=88=86=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../waterPoints/components/VideoList.vue      |   1 +
 src/views/pages/waterPoints/index.vue         | 106 ++++++++++--------
 2 files changed, 61 insertions(+), 46 deletions(-)

diff --git a/src/views/pages/waterPoints/components/VideoList.vue b/src/views/pages/waterPoints/components/VideoList.vue
index 5465568..f56c271 100644
--- a/src/views/pages/waterPoints/components/VideoList.vue
+++ b/src/views/pages/waterPoints/components/VideoList.vue
@@ -336,6 +336,7 @@ export default {
   }
   .water-point-analysis-eachars {
     display: flex;
+    // height: 165px;
     & > div:first-child {
       width: 60%;
       height: 165px;
diff --git a/src/views/pages/waterPoints/index.vue b/src/views/pages/waterPoints/index.vue
index 3f975db..4c59a00 100644
--- a/src/views/pages/waterPoints/index.vue
+++ b/src/views/pages/waterPoints/index.vue
@@ -26,10 +26,10 @@
         >
           <template slot-scope="{ item }">
             <div style="margin-bottom: -10px" class="name">
-              {{ item.text || "" }}
+              {{ item.text || '' }}
             </div>
             <span style="font-size: 10px; color: #afbcc5">{{
-              item.detail.address || ""
+              item.detail.address || ''
             }}</span>
           </template>
           <!-- <template slot="append">搜索</template> -->
@@ -72,7 +72,13 @@
         <div class="title">地图图层</div>
         <div class="change-btn-box">
           <el-checkbox-group v-model="changeLayerBtnGroup">
-            <el-checkbox-button v-for="item in changeLayerBtnList" :key="item.index" :label="item" @change="layerHandleChange(item)" border></el-checkbox-button>
+            <el-checkbox-button
+              v-for="item in changeLayerBtnList"
+              :key="item.index"
+              :label="item"
+              @change="layerHandleChange(item)"
+              border
+            ></el-checkbox-button>
           </el-checkbox-group>
         </div>
       </div>
@@ -89,7 +95,10 @@ import complaintEvent from './components/ComplaintEvent'
 import VideoList from './components/VideoList'
 import SiteList from './components/SiteList'
 import { selectByJdWd } from '@/api/construction/index'
-import { createSiteListPop, createCameraDetailsPop } from '@/supermap/createMarkerPopup'
+import {
+  createSiteListPop,
+  createCameraDetailsPop
+} from '@/supermap/createMarkerPopup'
 
 export default {
   data () {
@@ -102,7 +111,6 @@ export default {
       changeLayerBtnList: ['视频监控', '积水点'],
       changeLayerBtnGroup: [],
       eventCheckList: []
-
     }
   },
   components: {
@@ -129,11 +137,13 @@ export default {
       // this.circle(latLng);
       this.hiMap.mapObj.map.flyTo({ lat: row.wd, lng: row.jd })
       // this.WithinRadiusSite(latLng);
-      const dataEvent = [{
-        latLng: { lat: row.wd, lng: row.jd },
-        data: row,
-        type: 'site'
-      }]
+      const dataEvent = [
+        {
+          latLng: { lat: row.wd, lng: row.jd },
+          data: row,
+          type: 'site'
+        }
+      ]
       this.hiMapFun.addPointsToMap(
         dataEvent,
         'construction.png',
@@ -293,7 +303,12 @@ export default {
           })
         }
       })
-      this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(dataEvent, 'videoSurveillance.png', type, createCameraDetailsPop)
+      this.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
+        dataEvent,
+        'videoSurveillance.png',
+        type,
+        createCameraDetailsPop
+      )
     }
   },
   beforeDestroy () {}
@@ -304,7 +319,7 @@ export default {
 
 @font-face {
   font-family: 'Tensentype-ZhiHeiJ-W5';
-  src: url("../../../assets/construction/TTZhiHeiJ-W5.ttf");
+  src: url('../../../assets/construction/TTZhiHeiJ-W5.ttf');
 }
 .map-box {
   width: 100%;
@@ -323,7 +338,7 @@ export default {
     z-index: 1000;
     width: 100%;
     height: 166px;
-    background: url("~@/assets/construction/title.png") no-repeat;
+    background: url('~@/assets/construction/title.png') no-repeat;
     text-align: center;
     .title {
       font-size: 46px;
@@ -336,7 +351,7 @@ export default {
     }
     .title::before {
       content: '青岛市积水点地图';
-      text-shadow: 0px 3px 10px rgba(0,0,0,.9);
+      text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.9);
       position: absolute;
       z-index: -1;
     }
@@ -347,20 +362,20 @@ export default {
     z-index: 1000;
     left: 496px;
     top: 90px;
-    border: 1px solid rgba(31,254,253,.9);
+    border: 1px solid rgba(31, 254, 253, 0.9);
     ::v-deep .el-input__inner {
       color: #fff;
-      background: rgba($color: #203b5d, $alpha: .8);
+      background: rgba($color: #203b5d, $alpha: 0.8);
       width: 226px;
       height: 36px;
-      border:none;
+      border: none;
       &::placeholder {
         color: rgba($color: #fff, $alpha: 0.6);
       }
     }
     ::v-deep .el-input__prefix {
       top: -1px;
-      color: rgba(31,254,253,.9);
+      color: rgba(31, 254, 253, 0.9);
     }
     ::v-deep .el-input-group__append {
       width: 54px;
@@ -379,7 +394,7 @@ export default {
       z-index: -1 !important;
       width: 226px !important;
       left: 0px !important;
-      background: rgba(32,59,93,.8);
+      background: rgba(32, 59, 93, 0.8);
       border: 1px solid #1ffefd;
       li {
         color: #fff;
@@ -395,9 +410,9 @@ export default {
     z-index: 1000;
     left: 10px;
     top: 90px;
-    height:908px;
+    height: 908px;
     width: 478px;
-    background: rgba($color: #05213b, $alpha: .85)
+    background: rgba($color: #05213b, $alpha: 0.85);
   }
 
   .eventNum {
@@ -418,7 +433,7 @@ export default {
       span {
         font-size: 46px;
         font-weight: bold;
-        background: linear-gradient(0deg, #91f4f8 0%, #ffffff 100% );
+        background: linear-gradient(0deg, #91f4f8 0%, #ffffff 100%);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
@@ -433,8 +448,8 @@ export default {
     right: 8px;
     top: 92px;
     width: 398px;
-    height:460px;
-    background: rgba($color: #05213b, $alpha: .85);
+    // height:460px;
+    background: rgba($color: #05213b, $alpha: 0.85);
   }
 
   .siteList {
@@ -444,13 +459,13 @@ export default {
     top: 660px;
     width: 398px;
     // height:500px;
-    background: rgba($color: #05213b, $alpha: .85);
+    background: rgba($color: #05213b, $alpha: 0.85);
   }
 
   .changeLayer {
     width: 332px;
     height: 67px;
-    background: rgba(7,26,44,.8);
+    background: rgba(7, 26, 44, 0.8);
     position: absolute;
     bottom: 10px;
     left: 50%;
@@ -461,7 +476,7 @@ export default {
       width: 96px;
       height: 100%;
       font-size: 16px;
-      color: rgba(255,255,255,.6);
+      color: rgba(255, 255, 255, 0.6);
       text-align: center;
       line-height: 67px;
     }
@@ -472,17 +487,16 @@ export default {
       padding-left: 20px;
 
       ::v-deep .el-checkbox-group {
-        .el-checkbox-button__inner{
-         padding: 6px 14px;
-         border: 0;
-         border-radius: 10px;
-
+        .el-checkbox-button__inner {
+          padding: 6px 14px;
+          border: 0;
+          border-radius: 10px;
         }
-        .el-checkbox-button:first-child .el-checkbox-button__inner{
+        .el-checkbox-button:first-child .el-checkbox-button__inner {
           margin-right: 10px;
         }
-        .el-checkbox-button.is-checked .el-checkbox-button__inner{
-          background: #027DB4;
+        .el-checkbox-button.is-checked .el-checkbox-button__inner {
+          background: #027db4;
           color: #ffffff;
           box-shadow: unset;
         }
@@ -490,7 +504,7 @@ export default {
     }
   }
 
-  .eventSelection{
+  .eventSelection {
     width: 170px;
     height: 100px;
     background: rgba(7, 26, 44, 0.8);
@@ -501,16 +515,16 @@ export default {
     display: flex;
     align-items: center;
     z-index: 1000;
-    ::v-deep .el-checkbox__label{
+    ::v-deep .el-checkbox__label {
       color: #ffffff;
     }
-    ::v-deep .el-checkbox{
-      margin:0 15px;
-      .el-checkbox__inner{
-          margin-right: 15px;
+    ::v-deep .el-checkbox {
+      margin: 0 15px;
+      .el-checkbox__inner {
+        margin-right: 15px;
       }
     }
-    .eventSelectionIcon{
+    .eventSelectionIcon {
       display: block;
       width: 14px;
       height: 14px;
@@ -520,13 +534,13 @@ export default {
       left: 34.5px;
       top: 21px;
     }
-    .eventSelectionIcon:nth-child(2){
+    .eventSelectionIcon:nth-child(2) {
       background: #ffae2b;
-       position: absolute;
+      position: absolute;
       left: 34.5px;
       top: 42px;
     }
-    .eventSelectionIcon:nth-child(3){
+    .eventSelectionIcon:nth-child(3) {
       background: #31d779;
       position: absolute;
       left: 34.5px;
@@ -535,7 +549,7 @@ export default {
   }
 }
 </style>
-<style lang='scss'>
+<style lang="scss">
 // ::-webkit-scrollbar {
 //   width: 8px;
 //   background: rgba(255, 255, 255, 0.1);