update

src/components/body-d-left/oneL.vue

@@ -23,10 +23,10 @@
 </template>
 <script setup lang="ts">
     import { onMounted, ref } from 'vue';
-    import bus from '/@/utils/bus.ts';
     import PublicTitle from '../publicTitle.vue';
     import { list } from './left.api';
     import { timeTab, useSpin, useStatistics } from '/@/components/body-d-left/bodyLeftHooks.ts';
+    import { useDetailStore } from '/@/store/modules/detailData.ts';
 
     const typeTime = ref(timeTab);
     const { statistics, setStatistics } = useStatistics();
@@ -38,6 +38,8 @@
         getList();
     });
 
+    const useDetail = useDetailStore();
+
     async function getList() {
         setSpin(true);
         try {
@@ -48,7 +50,8 @@
             }
             setStatistics(result[0]);
             let { alerdyreceive = '', totalacceptance = '' } = result[0];
-            bus.emit('alerdyreceive', { alerdyreceive, totalacceptance });
+            useDetail.setAlerdyreceive(alerdyreceive);
+            useDetail.setTotalacceptance(totalacceptance);
         } catch {
             setSpin(!spinning.value);
         }
@@ -104,4 +107,4 @@
             }
         }
     }
-</style>
+</style>

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([]);

src/components/secondaryScreen/secondMap/components/watchListDialog.vue

@@ -128,7 +128,7 @@
 
     :deep(.ant-table-tbody > tr > td) {
         border-bottom: none;
-        padding: 0 4px;
+        padding: 10px 4px;
     }
 
     :deep(.ant-table-row:hover) {

src/components/secondaryScreen/secondMap/secondMapHooks.ts

@@ -115,7 +115,6 @@ export function useFooterTable() {
     function setFooterList(res: any) {
         const arrList = cloneDeep(footerList.value);
         if (res) {
-            console.log('resssss', res);
             arrList.forEach((item) => {
                 item.value = res[item.key];
                 item.extData = res;