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