From c349dcdbe345c8f908528b66a39a34ce5a1c69f6 Mon Sep 17 00:00:00 2001
From: yyy <2605810609@qq.com>
Date: Tue, 17 Jun 2025 09:45:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E8=B5=B7=E4=BB=BB=E5=8A=A1=E5=9C=A8?=
 =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E9=80=89=E6=8B=A9=E5=BA=93=E4=BD=8D=E6=97=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=BC=B9=E7=AA=97=E7=9A=84=E5=9C=B0=E5=9B=BE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E5=8F=AF=E4=BB=A5=E4=BD=BF=E7=94=A8=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E6=BB=9A=E8=BD=AE=E6=94=BE=E5=A4=A7=E7=BC=A9=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/locationSelectionDialog.vue    | 44 +++++++++++++++++--
 .../realTimeMap/components/indexPage.vue      |  1 -
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/src/views/mapPage/components/locationSelectionDialog.vue b/src/views/mapPage/components/locationSelectionDialog.vue
index 838c5c14..f637191c 100644
--- a/src/views/mapPage/components/locationSelectionDialog.vue
+++ b/src/views/mapPage/components/locationSelectionDialog.vue
@@ -22,10 +22,12 @@
         <el-icon @click="close" class="mr-4"><Close /></el-icon>
       </div>
     </template>
-    <div class="location-selection-dialog-map">
+    <div class="location-selection-dialog-map" @wheel="handleWheel">
       <div
         class="location-selection-map"
         :style="{
+          transform: `scale(${imageChangeMultiple})`,
+          transformOrigin: '0 0',
           width: imgBgObj.showWidth + 'px',
           height: imgBgObj.showHeight + 'px',
           backgroundImage: `url(${imgBgObj.imgUrl})`
@@ -191,7 +193,9 @@ const getMapList = async () => {
   //如果传了地图id
   if (props.positionMapId) {
     let item = findDataById(res, props.positionMapId)
-    cascaderValue.value = [item.floor, item.id]
+    if (item) {
+      cascaderValue.value = [item.floor, item.id]
+    }
   } else {
     cascaderValue.value = [cascaderList.value[0].value, cascaderList.value[0].children[0].value]
   }
@@ -227,7 +231,7 @@ const findDataById = (obj, id) => {
     // 遍历当前楼层的每个区域
     for (const item of obj[floor]) {
       // 如果找到匹配的 id，返回该数据
-      if (item.id === id) {
+      if (String(item.id) === String(id)) {
         return item
       }
     }
@@ -371,6 +375,36 @@ const submitAddForm = () => {
   }
 }
 
+const imageChangeMultiple = ref(1)
+//鼠标滚轮
+const handleWheel = (event) => {
+  // 判断 Ctrl 键是否被按下
+  if (event.ctrlKey) {
+    // 阻止默认的滚动行为
+    event.preventDefault()
+
+    // 根据滚轮滚动方向调整缩放比例
+    if (event.deltaY < 0) {
+      // 向上滚动，放大
+      //放大
+      if (imageChangeMultiple.value < 4) {
+        imageChangeMultiple.value += 0.2
+      } else {
+        imageChangeMultiple.value = 3.8
+        message.warning('不能在放大了')
+      }
+    } else {
+      //缩小
+      if (imageChangeMultiple.value > 0.2) {
+        imageChangeMultiple.value -= 0.1
+      } else {
+        imageChangeMultiple.value = 0.1
+        message.warning('不能在缩小了')
+      }
+    }
+  }
+}
+
 const emit = defineEmits(['locationSelectionDialogSuccess'])
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 </script>
@@ -412,6 +446,10 @@ defineExpose({ open }) // 提供 open 方法，用于打开弹窗
       background-repeat: no-repeat;
       background-size: contain;
 
+      position: absolute;
+      top: 0;
+      left: 0;
+
       .location-selection-map-item {
         position: absolute;
         top: 0;
diff --git a/src/views/mapPage/realTimeMap/components/indexPage.vue b/src/views/mapPage/realTimeMap/components/indexPage.vue
index 56e154b9..2c110ff5 100644
--- a/src/views/mapPage/realTimeMap/components/indexPage.vue
+++ b/src/views/mapPage/realTimeMap/components/indexPage.vue
@@ -592,7 +592,6 @@ const initWebsocket = () => {
     socketClient.value = wsConnection.value
     // 监听消息
     socketClient.value.onMessage((message) => {
-      console.log(message)
       if (message == 'ping' || message == 'pong') return
       let jsonMsg = JSON.parse(message)