fix:修复车船位置更新问题

src/views/scenic/components/box-2.vue

@@ -101,19 +101,16 @@
             <div class="pt-10">
               <Title3 title="车辆归属地占比" />
             </div>
-			<div v-if="dataLists.length">
-				<PieRow
-				  label="停车总数"
-				  :dataList="dataLists"
-				  :total="carTotal"
-				  :width="360"
-				  :height="300"
-				/>
-			</div>
-			<div class="null-box" v-else>
-				暂无数据
-			</div>
-
+            <div v-if="dataLists.length">
+              <PieRow
+                label="停车总数"
+                :dataList="dataLists"
+                :total="carTotal"
+                :width="360"
+                :height="300"
+              />
+            </div>
+            <div class="null-box" v-else> 暂无数据 </div>
           </div>
         </div>
       </div>
@@ -145,10 +142,10 @@
     </div>
     <div class="flex mt-8">
       <div class="box-3 mr-8">
-		  <div class="look-box">
-			  <Title1 title="交通信息" />
-			  <div @click="hanldeLookMap" class="look-btn">查看详情</div>
-		  </div>
+        <div class="look-box">
+          <Title1 title="交通信息" />
+          <div @click="hanldeLookMap" class="look-btn">查看详情</div>
+        </div>
         <div class="count-box flex">
           <count-item
             v-for="(item, index) in scenicStore.trafficData.infoList"
@@ -344,12 +341,12 @@
   //查看交通信息
   let latitude = ref('')
   let longitude = ref('')
-  const hanldeLookMap = ()=>{
-	  router.push('/traffic')
-	  // traMapShow.value = true
+  const hanldeLookMap = () => {
+    router.push('/traffic')
+    // traMapShow.value = true
   }
-  const handleToWorkOrder = ()=>{
-	  router.push('/workOrder')
+  const handleToWorkOrder = () => {
+    router.push('/workOrder')
   }
   const garageList = computed(() => {
     return scenicStore.stopCarData.headList
@@ -360,8 +357,8 @@
       return pre + cur.count
     }, 0)
   })
-  const stopCarDataLists = computed(()=>{
-	  return scenicStore.stopCarData.dataLists
+  const stopCarDataLists = computed(() => {
+    return scenicStore.stopCarData.dataLists
   })
   const carTotal = computed(() => {
     return dataLists.value.reduce((pre, cur) => {
@@ -391,44 +388,41 @@
   })
   let dataLists = ref([])
   watch(
-	()=>scenicStore.stopCarData.dataLists,
-	(val) =>{
-		console.log(val.length,'watch 监听')
-		if(val.length){
-			dataLists.value = val
-		}else{
-			dataLists.value = []
-		}
-	},
-	{ immediate: true }
+    () => scenicStore.stopCarData.dataLists,
+    (val) => {
+      console.log(val.length, 'watch 监听')
+      if (val.length) {
+        dataLists.value = val
+      } else {
+        dataLists.value = []
+      }
+    },
+    { immediate: true }
   )
   let headList = ref([])
   watch(
-  	()=>scenicStore.secureData.headList,
-  	(val) =>{
-  		if(val.length){
-  			headList.value = scenicStore.secureData.headList
-  		}else{
-  			headList.value = []
-  		}
-  	},
-  	{ immediate: true }
+    () => scenicStore.secureData.headList,
+    (val) => {
+      if (val.length) {
+        headList.value = scenicStore.secureData.headList
+      } else {
+        headList.value = []
+      }
+    },
+    { immediate: true }
   )
   watch(
     () => scenicStore.carShipData,
     (val) => {
       setTimeout(() => {
         if (carOverlays.value.length > 0) {
-          let flag = false
           for (let i = 0; i < carOverlays.value.length; i++) {
-            if (flag) break
             for (let j = 0; j < val.car.list.length; j++) {
               if (carOverlays.value[i].sim == val.car.list[j].sim) {
                 carOverlays.value[i].setPosition({
                   lng: val.car.list[j].lng,
                   lat: val.car.list[j].lat
                 })
-                flag = true
                 continue
               }
             }
@@ -449,16 +443,13 @@
         }
 
         if (shipOverlays.value.length > 0) {
-          let flag = false
           for (let i = 0; i < shipOverlays.value.length; i++) {
-            if (flag) break
             for (let j = 0; j < val.ship.list.length; j++) {
               if (carOverlays.value[i].sim == val.ship.list[j].sim) {
                 carOverlays.value[i].setPosition({
                   lng: val.ship.list[j].lng,
                   lat: val.ship.list[j].lat
                 })
-                flag = true
                 continue
               }
             }
@@ -484,8 +475,8 @@
 
   onMounted(() => {
     scenicChange = PubSub.subscribe('scenicChange', (msg, data) => {
-		latitude.value = data.lat
-		longitude.value = data.lng
+      latitude.value = data.lat
+      longitude.value = data.lng
       carOverlays.value = []
       shipOverlays.value = []
       initMap('car-ship', data.lng, data.lat, 15)
@@ -497,32 +488,32 @@
 </script>
 
 <style scoped lang="scss">
-	.null-box{
-		width:vw(360);
-		height:vh(300);
-		display:flex;
-		align-items:center;
-		color:#fff;
-		text-align:center;
-		font-size:vw(20);
-		justify-content: center;
-	}
-	.look-box{
-		position:relative;
-		.look-btn{
-			position:absolute;
-			right:vw(20);
-			top:50%;
-			transform: translateY(-50%);
-			padding: vw(12);
-			display: flex;
-			align-items: center;
-			background: #0a4190;
-			border-radius: vw(4);
-			font-size:vw(14);
-			color:#fff;
-		}
-	}
+  .null-box {
+    width: vw(360);
+    height: vh(300);
+    display: flex;
+    align-items: center;
+    color: #fff;
+    text-align: center;
+    font-size: vw(20);
+    justify-content: center;
+  }
+  .look-box {
+    position: relative;
+    .look-btn {
+      position: absolute;
+      right: vw(20);
+      top: 50%;
+      transform: translateY(-50%);
+      padding: vw(12);
+      display: flex;
+      align-items: center;
+      background: #0a4190;
+      border-radius: vw(4);
+      font-size: vw(14);
+      color: #fff;
+    }
+  }
   :deep(.BMap_cpyCtrl) {
     display: none;
   }