feat:修改地图数据

src/views/Dashboard/src/DashboardView.vue

@@ -41,6 +41,7 @@ const handleTabClick = (tab: any) => {
   } else {
     isShowtitle1.value = false
   }
+  GetTop10ODEcharts(dashboardObj.Top10faultData)
 }
 const KPIDefaulteData = ref()
 const PendingDefaulteData = ref()
@@ -285,6 +286,7 @@ const Top1OInterval_dest = reactive({
 })
 const TopOriginLoading = ref(true)
 const Top10Originref = ref()
+const Top10Destinationref = ref()
 const GetTop10ODEcharts = (val: any) => {
   dashboardObj.Top10faultData = val
   $api
@@ -293,7 +295,12 @@ const GetTop10ODEcharts = (val: any) => {
     })
     .then((res: any) => {
       if (res.code === 200) {
-        Top10Originref.value[0].updataMapObj(dashboardObj.Top10faultData)
+        // Top10Originref.value[0].updataMapObj(dashboardObj.Top10faultData)
+        if (isShowtitle1.value) {
+          Top10Originref.value[0].updataMapObj(res.data.toporiginMap)
+        } else {
+          Top10Destinationref.value[0].updataMapObj(res.data.topdestinationinMap)
+        }
         Top10Obj.DestinationData = res.data.seller_data_list_destination
         Top10Obj.OriginData = res.data.seller_data_list_origin
         Top1OInterval.Max = res.data.Max
@@ -1039,7 +1046,8 @@ const ClickParams = (val: any) => {
                     ></SellerChart>
                   </div>
                   <div class="map">
-                    <TopMap :obj="dashboardObj.Top10faultData" ref="Top10Originref"></TopMap>
+                    <!-- <TopMap :obj="dashboardObj.Top10faultData" ref="Top10Originref"></TopMap> -->
+                    <TopMap ref="Top10Originref"></TopMap>
                   </div>
                 </div>
               </template>
@@ -1056,7 +1064,8 @@ const ClickParams = (val: any) => {
                     ></SellerChart>
                   </div>
                   <div class="map" style="height: 272px">
-                    <TopMap :obj="dashboardObj.Top10faultData" ref="Top10Originref"></TopMap>
+                    <!-- <TopMap :obj="dashboardObj.Top10faultData" ref="Top10Destinationref"></TopMap> -->
+                    <TopMap ref="Top10Destinationref"></TopMap>
                   </div>
                 </div>
               </template>

src/views/Dashboard/src/components/TopMap.vue

@@ -3,18 +3,19 @@ import { onMounted, ref, watch } from 'vue'
 import OriginIcon from '../image/hhh_2.png'
 import L from 'leaflet'
 const MapDataList = ref([])
-const props = defineProps({
-  obj: {
-    type: Object
-  }
-})
-const mapobj = ref(props.obj)
-watch(
-  () => props.obj,
-  (current) => {
-    mapobj.value = current
-  }
-)
+// const props = defineProps({
+//   obj: {
+//     type: Object
+//   }
+// })
+// const mapobj = ref(props.obj)
+const mapobj = ref()
+// watch(
+//   () => props.obj,
+//   (current) => {
+//     mapobj.value = current
+//   }
+// )
 
 const originIcon = L.icon({
   iconUrl: OriginIcon,
@@ -110,34 +111,49 @@ const init = () => {
       }, 0)
     }
   }
-  $api
-    .GetTop10ODEcharts({
-      ...mapobj.value
-    })
-    .then((res: any) => {
-      if (res.code === 200) {
-        res.data.toporiginMap &&
-          res.data.toporiginMap.forEach((item: any) => {
-            MapDataList.value.push({
-              color: item.color,
-              name: item.name,
-              qandl: item.qandl,
-              textcolor: item.textcolor,
-              value: item.value
-            })
-          })
-
-        // 请求成功后添加标记，并动态添加重置按钮
-        addMarkersToMap()
-      }
+  if (mapobj.value) {
+    mapobj.value.forEach((item: any) => {
+      MapDataList.value.push({
+        color: item.color,
+        name: item.name,
+        qandl: item.qandl,
+        textcolor: item.textcolor,
+        value: item.value
+      })
     })
+
+    // 请求成功后添加标记，并动态添加重置按钮
+    addMarkersToMap()
+  }
+  // $api
+  //   .GetTop10ODEcharts({
+  //     ...mapobj.value
+  //   })
+  //   .then((res: any) => {
+  //     if (res.code === 200) {
+  //       res.data.toporiginMap &&
+  //         res.data.toporiginMap.forEach((item: any) => {
+  //           MapDataList.value.push({
+  //             color: item.color,
+  //             name: item.name,
+  //             qandl: item.qandl,
+  //             textcolor: item.textcolor,
+  //             value: item.value
+  //           })
+  //         })
+
+  //       // 请求成功后添加标记，并动态添加重置按钮
+  //       addMarkersToMap()
+  //     }
+  //   })
 }
-onMounted(() => {
-  init()
-})
+// onMounted(() => {
+//   init()
+// })
 
 const updataMapObj = (val: any) => {
   mapobj.value = val
+  console.log(mapobj.value)
   init()
 }