From a315f8bc5864848b2f408cbad42414ef09871464 Mon Sep 17 00:00:00 2001
From: guoshipeng <3194674006@qq.com>
Date: Sun, 20 Aug 2023 12:03:37 +0800
Subject: [PATCH] fix:修改图标偏移,打开websocket

---
 src/views/main/index.vue    |   50 +++++++++++++++++++++++++-------------------------
 src/components/Wind/Map.vue |   10 ++++++++--
 2 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue
index 6e7ac77..d6f260c 100644
--- a/src/components/Wind/Map.vue
+++ b/src/components/Wind/Map.vue
@@ -1334,7 +1334,7 @@
           iconUrl: require('@/assets/icon/ico' + colorNum + '.png'),
           // iconUrl: require('@/assets/icon/ico2.png'),
           iconSize: [60, 60],
-          iconAnchor: [13, 21],
+          iconAnchor: [30, 48],
           className: 'my-device',
         })
         // ���������������������
@@ -1345,7 +1345,8 @@
         var myIcon = L.divIcon({
           html: this.keys[i],
           className: 'my-div-icon',
-          iconSize: 30,
+          iconSize: [60, 60],
+          iconAnchor: [40, 40],
         })
         var marker = L.marker([lat, lng], { icon: myIcon }).addTo(group)
         // ������������������������������������mouseover���������������
@@ -2117,4 +2118,9 @@
   background-color: #ff0000 !important;
   color: #790000 !important;
 }
+.leaflet-marker-icon.leaflet-interactive {
+  pointer-events: auto;
+  margin-left: -45px;
+  margin-top: -40px;
+}
 </style>
diff --git a/src/views/main/index.vue b/src/views/main/index.vue
index 2d54e4c..890efd8 100644
--- a/src/views/main/index.vue
+++ b/src/views/main/index.vue
@@ -303,39 +303,39 @@
     },
     // ���������������������
     deviceDetail(mac, item, items, indexs) {
-      this.$message.warning('���������������������������������������')
+      // this.$message.warning('���������������������������������������')
       // console.log('������������������������')
       // console.log(mac)
       // console.log(item)
       // console.log(items)
       // console.log(indexs)
-      // this.monitorPointInfo = item
-      // // console.log(this.monitorPointInfo)
-      // // this.$router.push({
-      // //   path: '/deviceDetail/index',
-      // //   query: {
-      // //     macName: mac
-      // //   }
-      // // })
-      // // console.log('items')
-      // // console.log(items)
+      this.monitorPointInfo = item
+      // console.log(this.monitorPointInfo)
       // this.$router.push({
-      //   name: 'deviceDetail',
-      //   params: {
-      //     monitorPointInfo: item,
-      //     device: items,
-      //     macName: mac,
-      //     indexs: indexs,
-      //     items: [items.latitude, items.longitude],
-      //   },
+      //   path: '/deviceDetail/index',
       //   query: {
-      //     monitorPointInfo: JSON.stringify(item),
-      //     device: JSON.stringify(items),
-      //     macName: mac,
-      //     indexs: indexs,
-      //     items: [items.latitude, items.longitude],
-      //   },
+      //     macName: mac
+      //   }
       // })
+      // console.log('items')
+      // console.log(items)
+      this.$router.push({
+        name: 'deviceDetail',
+        params: {
+          monitorPointInfo: item,
+          device: items,
+          macName: mac,
+          indexs: indexs,
+          items: [items.latitude, items.longitude],
+        },
+        query: {
+          monitorPointInfo: JSON.stringify(item),
+          device: JSON.stringify(items),
+          macName: mac,
+          indexs: indexs,
+          items: [items.latitude, items.longitude],
+        },
+      })
     },
     // ������regionCode������������������������������������������������
     getRegionApi() {

--
Gitblit v1.8.0