迭代八小屏领导端：打点

src/views/disasterRiskMonitor/forestFireWarn.vue

@@ -2,10 +2,10 @@
   <div class="container">
     <div class="map">
       <Map
-          ref="mapRef"
-          active-map="satellite"
-          :event-details="eventDetails"
-          @onLoadCompleted="initData"
+        ref="mapRef"
+        active-map="satellite"
+        :event-details="eventDetails"
+        @onLoadCompleted="initData"
       />
       <div class="legend-box">
         <div class="legend-item">
@@ -93,7 +93,7 @@
           <div class="card-cell">
             <div class="card-item">
               <div class="item-label">
-                热点定位({{ item.lng + "," + item.lat }})
+                热点定位({{ item.longitude + "," + item.latitude }})
               </div>
               <div class="item-value">{{ item.address }}</div>
             </div>
@@ -267,7 +267,7 @@ const initData = () => {
       }
     ]
   };
-  data.dataList.forEach((item) => {
+  data.dataList.forEach(item => {
     const icon =
       item.dataType && !!iconList[item.dataType].image
         ? iconList[item.dataType].image
@@ -337,7 +337,8 @@ onMounted(() => {
         display: inline-block;
         width: 16px;
         height: 17px;
-        background: url("@/assets/images/disasterRiskMonitor/galeDisaster/chart.png") no-repeat;
+        background: url("@/assets/images/disasterRiskMonitor/galeDisaster/chart.png")
+          no-repeat;
         background-size: 100% 100%;
         margin-right: 7px;
         flex-shrink: 0;
@@ -351,7 +352,7 @@ onMounted(() => {
         }
         .text2 {
           font-size: 18px;
-          color: #2C81FF;
+          color: #2c81ff;
           font-weight: bold;
           text-align: center;
           min-width: 30px;
@@ -418,7 +419,7 @@ onMounted(() => {
   left: 10px;
   padding: 9px 11px;
   background: rgba(255, 255, 255, 0.9);
-  box-shadow: 0 4px 12px 0 rgba(65, 79,100, 0.1);
+  box-shadow: 0 4px 12px 0 rgba(65, 79, 100, 0.1);
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -427,20 +428,27 @@ onMounted(() => {
     display: flex;
     align-items: center;
     font-size: 12px;
-    color: #414F64;
+    color: #414f64;
     .icon1 {
-      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon1.png") no-repeat;
+      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon1.png")
+        no-repeat;
     }
     .icon2 {
-      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon2.png") no-repeat;
+      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon2.png")
+        no-repeat;
     }
     .icon3 {
-      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon3.png") no-repeat;
+      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon3.png")
+        no-repeat;
     }
     .icon4 {
-      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon4.png") no-repeat;
+      background: url("@/assets/images/disasterRiskMonitor/forestFireWarn/icon4.png")
+        no-repeat;
     }
-    .icon1, .icon2, .icon3, .icon4 {
+    .icon1,
+    .icon2,
+    .icon3,
+    .icon4 {
       width: 12px;
       height: 12px;
       background-size: 100% 100%;