update

1.添加急救路线

src/views/indexSun/centerMap.vue

@@ -2,17 +2,17 @@
     <div class="sun-center-map">
         <div class="map-box">
             <div class="tab-list">
-                <div v-for="(item, i) in list" :class="[currentIndex == i ? 'active' : '']" class="tab" @click="changeTab(item, i)">
+                <div v-for="(item, i) in list" :class="[currentIndex == i ? 'active' : '']" class="tab" @click="changeTab(item, i)" :key="`tab-${i}`">
                     {{ item.name }}
                 </div>
             </div>
             <div v-show="currentIndex == list.length - 1" class="route-navigation">
                 <a-form :model="formState" layout="inline">
                     <a-form-item class="form-item-self" label="起点">
-                        <a-input v-model:value="formState.start" placeholder="请输入起点"></a-input>
+                        <a-input v-model:value="formState.start" placeholder="请输入起点" id="startInput" />
                     </a-form-item>
                     <a-form-item class="form-item-self" label="终点">
-                        <a-input v-model:value="formState.end" placeholder="请输入终点"></a-input>
+                        <a-input v-model:value="formState.end" placeholder="请输入终点" id="endInput" />
                     </a-form-item>
                     <a-form-item>
                         <a-button class="reset-btn" @click="removeInput">清空</a-button>
@@ -20,7 +20,7 @@
                     </a-form-item>
                 </a-form>
             </div>
-            <div v-show="showHospitalList || showRestB" class="reset-map" :class="[themeType]" @click="resetMap">
+            <div class="reset-map" :class="[themeType]" @click="resetMap">
                 <RedoOutlined title="重置地图" />
             </div>
             <div v-show="showRoutePanel" v-click-outside="outClick" class="line-container">
@@ -65,9 +65,9 @@
 
         <div class="hospital-list" :class="[themeType]" v-if="showHospitalList">
             <div class="hospital-item" v-for="(item, index) in hospitalList" :key="index" @click.stop="showDrivingLine(item)">
-                <div>{{ item.name }}</div>
-                <div>相距{{ item.distance }}</div>
-                <div>驾车大约{{ item.driveTime }}</div>
+                <div>{{ item?.name }}</div>
+                <div>相距{{ item?.distance }}</div>
+                <div>驾车大约{{ item?.driveTime }}</div>
             </div>
         </div>
     </div>
@@ -123,7 +123,8 @@
     const level = ref(0);
     const routeList = ref([]);
     const emits = defineEmits(['clearHospitalList', 'showRestB', 'handleDetail']);
-
+    let placeSearch = null;
+    let driving = null;
     watch(
         () => props.showHospitalList,
         (v) => {
@@ -143,6 +144,17 @@
             getMapData(tabList[0].type);
             Map.map && Map.map.on('zoomend', setLevel);
             Map.map && Map.map.on('zoomend', setLevel);
+            placeSearch = new Map.aMap.PlaceSearch({
+                extensions: 'all',
+                pageIndex: 1,
+                pageSize: 10,
+                showMarker: false,
+            });
+            // 确保 AutoComplete 加载完成后再使用
+            const startAuto = new Map.aMap.AutoComplete({ input: 'startInput' });
+            const endAuto = new Map.aMap.AutoComplete({ input: 'endInput' });
+            startAuto.on('select', startSelect);
+            endAuto.on('select', endSelect);
         });
         $bus.on(earlyWarning, (params) => {
             drawMarker(params);
@@ -157,6 +169,27 @@
         });
     });
 
+    function startSelect(e: any) {
+        placeSearch.search(e.poi.name, function (status, result) {
+            if (status === 'complete' && result.poiList.pois.length > 0) {
+                const poi = result.poiList.pois[0]; // 取第一个结果
+                const { lat, lng } = poi.location;
+                formState.value.start = poi.name;
+                Map.createSMarker([lng, lat]);
+            }
+        });
+    }
+    function endSelect(e: any) {
+        placeSearch.search(e.poi.name, function (status, result) {
+            if (status === 'complete' && result.poiList.pois.length > 0) {
+                const poi = result.poiList.pois[0]; // 取第一个结果
+                const { lat, lng } = poi.location;
+                formState.value.end = poi.name;
+                Map.createEMarker([lng, lat]);
+            }
+        });
+    }
+
     function showDrivingLine(item) {
         nextTick(() => {
             panelTitle.value = '全程' + item.driveTime + item.distance;
@@ -183,29 +216,13 @@
     function changeTab(item: any, i: number) {
         closeDrivingElement();
         currentIndex.value = i;
-        if (item.type) {
-            tab(item);
-        }
+        tab(item);
     }
 
     function tab(item: any) {
         Map.clearActiveHospital();
         Map.map.off('moveend', logMapinfo);
-        if (TabType.diFangYiYuan == item.type) {
-            let { lng, lat } = Map.getMapCenter();
-            Map.getAddressByPoint([lng, lat]).then((text, data) => {
-                // console.log('data', data, data.citycode);
-            });
-            Map.removeOverlayGroup();
-            Map.map.on('moveend', logMapinfo);
-            return;
-        }
-        // if (TabType.zhiShengJi == item.type) {
-        //     Map.createAircraft(aircraft);
-        //     return;
-        // } else {
-        //     getMapData(item.type, { type: item.type });
-        // }
+        getMapData(item.type, { type: item.type });
     }
 
     function watchInfoChangeTab(item: any) {
@@ -223,13 +240,13 @@
             return message.warn('请输入终点');
         }
         searchFlag.value = true;
-        let map = new AMap.Map('container', {
-            resizeEnable: true,
-            center: [116.397428, 39.90923], //地图中心点
-            zoom: 13, //地图显示的缩放级别
-        });
-        let driving = new AMap.Driving({
-            map: map,
+        // let map = new Map.aMap.Map('container', {
+        //     resizeEnable: true,
+        //     center: [116.397428, 39.90923], //地图中心点
+        //     zoom: 13, //地图显示的缩放级别
+        // });
+        driving = new Map.aMap.Driving({
+            map: Map.map,
             panel: 'panel',
         });
         driving.search([{ keyword: formState.value.start }, { keyword: formState.value.end }], function (status, result) {
@@ -241,7 +258,7 @@
                 searchFlag.value = false;
             }
         });
-        AMap.Event.addListener(driving, 'complete', (res) => {
+        Map.aMap.Event.addListener(driving, 'complete', (res) => {
             const data = JSON.parse(JSON.stringify(res));
             searchFlag.value = false;
             if (data.info == 'OK') {
@@ -301,6 +318,7 @@
     }
 
     function closeDrivingElement() {
+        if (driving) driving.clear();
         Map.clearNavigationElements();
         formState.value.start = '';
         formState.value.end = '';
@@ -345,6 +363,7 @@
     }
 
     function resetMap() {
+        Map.clearSOrE();
         closeDrivingElement();
         changeTab(list.value[currentIndex.value], currentIndex.value);
         emits('showRestB');
@@ -404,7 +423,7 @@
                 border-radius: 6px;
                 position: absolute;
                 top: 36px;
-                z-index: 999;
+                z-index: 100;
                 transition: all 0.3s;
 
                 :deep(.form-item-self) {
@@ -679,7 +698,7 @@
         position: absolute;
         left: 0;
         top: 50px;
-        z-index: 99;
+        z-index: 101;
         font-size: 20px;
         cursor: pointer;
         padding: 0px 6px;

src/views/indexSun/indexSun.ts

@@ -7,10 +7,9 @@ export const legend1 = new URL('/@/assets/img/legend1.png', import.meta.url).hre
 export const legend2 = new URL('/@/assets/img/legend5.png', import.meta.url).href;
 export const legend3 = new URL('/@/assets/img/legend3.png', import.meta.url).href;
 
-async function getDict(code) {
-    return await getDictByCode2({ dictCode: code });
-}
-export const checkData = await getDict('xj_check_type');
+export const checkData = await (async () => {
+    return await getDictByCode2({ dictCode: 'xj_check_type' });
+})();
 
 export function getClassCharts(dx, dy, m) {
     return {
@@ -159,7 +158,7 @@ export function infoContent1(res) {
             </div>
             <div class="modal-item">
                 <span class="item-one">地点：</span>
-                <span class="item-two">${res.name ? res.name : '--'}</span>
+                <span class="item-two">${res.orgName ? res.orgName : '--'}</span>
             </div>
     </div> `;
 }