From e021bad79134d1df16bba2a304045cbb21e11af3 Mon Sep 17 00:00:00 2001
From: wx <645899409@qq.com>
Date: Thu, 22 Jan 2026 14:48:32 +0800
Subject: [PATCH] =?UTF-8?q?update=201.=E4=BF=AE=E6=94=B9=E6=96=B0=E7=96=86?=
 =?UTF-8?q?=E5=BA=94=E6=80=A5=E5=9B=BE=E4=BE=8B=E7=AD=89=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/mapUtils/map.ts       | 30 +++++++++++++++++++++++++-----
 src/views/indexSun.vue           |  8 +++++++-
 src/views/indexSun/centerMap.vue | 12 ++++++++++++
 src/views/indexSun/indexSun.ts   |  9 +++++++++
 4 files changed, 53 insertions(+), 6 deletions(-)

diff --git a/src/assets/mapUtils/map.ts b/src/assets/mapUtils/map.ts
index 5087991..b654ed5 100644
--- a/src/assets/mapUtils/map.ts
+++ b/src/assets/mapUtils/map.ts
@@ -304,6 +304,7 @@ export const Map = {
                 label: {
                     content: isFunction(extData?.content) && extData?.content(result[i]),
                 },
+                zIndex: 99,
                 ...extData?.extOption,
             });
             arr.push(startMarker);
@@ -460,6 +461,16 @@ export const Map = {
         });
         this.infoWindow.open(this.map);
     },
+    createEmerInfoModal({ option, content }, flag = true) {
+        let { latitude, longitude } = option;
+        this.infoWindow = new AMap.InfoWindow({
+            position: [longitude, latitude],
+            offset: new AMap.Pixel(0, -8),
+            content: content,
+            closeWhenClickMap: flag,
+        });
+        this.infoWindow.open(this.map);
+    },
     clearInfoModal() {
         if (this.infoWindow) {
             this.infoWindow?.setMap(null);
@@ -582,7 +593,7 @@ export const Map = {
     /**
      * @desc 创建应急人员Marker
      */
-    createEmergencyMarker(option) {
+    createEmergencyMarker(option: any, isLabel = true, callback?: Callback) {
         this.clearEmergencyMarker();
         const { sex, address, name, position } = option;
         const icon = sex == '1' ? female : male;
@@ -590,15 +601,24 @@ export const Map = {
             position: position,
             icon: createIcon({ icon: watchIconR, iconSize: [80, 80], imageSize: [80, 80] }),
             offset: new AMap.Pixel(-40, -40), //设置偏移量
-            label: {
-                content: `<div class="alarm-content" style="width: 180px;z-index: 99" > 
+            ...(isLabel
+                ? {
+                      label: {
+                          content: `<div class="alarm-content" style="width: 180px;z-index: 99" > 
                                 <div style="text-align: center;padding-bottom: 6px">${name}</div>
                                 <div style="text-wrap: wrap">${address}</div>
                           </div>`,
-                offset: new AMap.Pixel(-120, -70),
-            },
+                          offset: new AMap.Pixel(-120, -70),
+                      },
+                  }
+                : {}),
         });
         this.map.add(this.emergencyMarker);
+        this.emergencyMarker.on('click', () => {
+            if (callback && isFunction(callback)) {
+                callback(option);
+            }
+        });
         // this.setZoomCenter(position);
     },
     /**
diff --git a/src/views/indexSun.vue b/src/views/indexSun.vue
index 77d2954..00c06a5 100644
--- a/src/views/indexSun.vue
+++ b/src/views/indexSun.vue
@@ -121,6 +121,7 @@
         centerMapFromList,
         columns,
         contactListColumns,
+        createEmerInfo,
         fromLists,
         infoContentSpecial,
         monitorColumns,
@@ -476,7 +477,12 @@
                         address: res,
                         sex: data.sex,
                     };
-                    Map.createEmergencyMarker(option);
+                    option['latitude'] = option.lat;
+                    option['longitude'] = option.lon;
+                    Map.createEmerInfoModal({ option, content: createEmerInfo(option) }, false);
+                    Map.createEmergencyMarker(option, false, (val: any) => {
+                        Map.createEmerInfoModal({ option: val, content: createEmerInfo(val) }, false);
+                    });
                     Map.map.setFitView([...arr, Map.emergencyMarker], false, [180, 180, 180, 180]);
                 })
                 .catch((err: any) => {
diff --git a/src/views/indexSun/centerMap.vue b/src/views/indexSun/centerMap.vue
index 7f795c5..27507bf 100644
--- a/src/views/indexSun/centerMap.vue
+++ b/src/views/indexSun/centerMap.vue
@@ -1004,4 +1004,16 @@
     .no-top {
         top: 50px !important;
     }
+
+    :deep(.emer-content) {
+        width: 200px;
+        padding: 6px 10px 10px;
+
+        > div {
+            &:nth-child(1) {
+                text-align: center;
+                padding-bottom: 5px;
+            }
+        }
+    }
 </style>
diff --git a/src/views/indexSun/indexSun.ts b/src/views/indexSun/indexSun.ts
index e536f32..04a9455 100644
--- a/src/views/indexSun/indexSun.ts
+++ b/src/views/indexSun/indexSun.ts
@@ -278,6 +278,15 @@ export function infoContentSpecial(res: any) {
             </div>
         </div> `;
 }
+
+export function createEmerInfo(res: any) {
+    const { address, name } = res;
+    return `<div class="emer-content" > 
+                <div>${name}</div>
+                <div>${address}</div>
+            </div>`;
+}
+
 const columns1 = [
     {
         title: '姓名',