update

src/components/chinaMap/chinaMap.vue

@@ -49,12 +49,12 @@
             <!--            <div class="level">地图层级：{{ level }}</div>-->
         </div>
         <div class="center-footer">
-            <div class="count-item" @click="test">
-                <div class="num">{{ footerData?.alerdyreceive || '/' }}</div>
+            <div class="count-item">
+                <div class="num">{{ useDetail?.alerdyreceive || '/' }}</div>
                 <div class="text">累计受理</div>
             </div>
             <div class="count-item">
-                <div class="num">{{ footerData?.totalacceptance || '/' }}</div>
+                <div class="num">{{ useDetail?.totalacceptance || '/' }}</div>
                 <div class="text">累计处置</div>
             </div>
         </div>
@@ -62,11 +62,12 @@
 </template>
 <script lang="ts" setup>
     import { onMounted, ref } from 'vue';
-    import $bus from '/@/utils/bus.ts';
-
     import { message } from 'ant-design-vue';
     import { Map } from '/@/assets/mapUtils/map';
     import { aircraft, getKmStr, getTimeStr, legendList, mapApiSwitch, tabList, TabType } from '/@/components/chinaMap/chinaHooks';
+    import { useDetailStore } from '/@/store/modules/detailData.ts';
+
+    const useDetail = useDetailStore();
 
     function test() {
         Map.clearActiveHospital();
@@ -97,11 +98,15 @@
         }
     }
 
+    const currentCityCode = ref('');
+
     function logMapinfo() {
-        // let zoom = Map.map.getZoom();
         Map.map.getCity(function (info) {
             const { citycode } = info;
-            Map.createActiveHospital(citycode);
+            if (currentCityCode.value != citycode) {
+                Map.createActiveHospital(citycode);
+                currentCityCode.value = citycode;
+            }
         });
     }
 
@@ -137,19 +142,12 @@
         }
     }
 
-    const footerData = ref({
-        alerdyreceive: '',
-        totalacceptance: '',
-    });
     onMounted(() => {
         console.log('reload');
         Map.initMap({ el: 'mapContainer' }).then(() => {
             getMapData(tabList[0].type);
-            Map.map && Map.map.on('moveend', setLevel);
             Map.map && Map.map.on('zoomend', setLevel);
-            $bus.on('alerdyreceive', (val) => {
-                footerData.value = val;
-            });
+            Map.map && Map.map.on('zoomend', setLevel);
         });
     });
     const routeList = ref([]);