From cb0e263d36be16efbfbbb27f02139749f7ef5c2c Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期四, 01 四月 2021 09:54:39 +0800
Subject: [PATCH] 点击废水显示弹窗效果
---
src/components/BaseNav/WasteWater/WasteWater.js | 47 +++++++++++++++++++++++++----------------------
1 files changed, 25 insertions(+), 22 deletions(-)
diff --git a/src/components/BaseNav/WasteWater/WasteWater.js b/src/components/BaseNav/WasteWater/WasteWater.js
index af1d4fb..336d2eb 100644
--- a/src/components/BaseNav/WasteWater/WasteWater.js
+++ b/src/components/BaseNav/WasteWater/WasteWater.js
@@ -1,7 +1,8 @@
+// 璇锋眰鏁版嵁
import { requestWasteWater } from '@/api/request'
// 灞曠ず鍥剧墖
-import defaultImg from '@assets/images/map-pages/basenav/Waste-water/fs_green.png'
-import Setting from '@assets/images/map-pages/basenav/Waste-water/fs_yellow.png'
+// import defaultImg from '@assets/images/map-pages/basenav/Waste-water/fs_green.png'
+// import Setting from '@assets/images/map-pages/basenav/Waste-water/fs_yellow.png'
// 搴曞浘涓氬姟灞曠ず鐐�
class AddWasteWaterHelper {
@@ -16,9 +17,10 @@
}
// 璇锋眰鏁版嵁 data 涓哄弬鏁帮紝 璇锋眰鍚庡彴鏁版嵁鏃� 鎼哄甫data鍙傛暟
- requestData () {
- requestWasteWater().then(res => {
- this.DrawTheWasteWaterContent(res.Result.DataInfo)
+ requestData (data) {
+ requestWasteWater(data).then(res => {
+ console.log(res)
+ this.DrawWasteWaterContent(res.Result.DataInfo)
// console.log(res)
}).catch(err => {
console.log(err)
@@ -26,18 +28,17 @@
}
// 鏍规嵁鑾峰彇鏁版嵁 鐢诲嚭 鍐呭
- DrawTheWasteWaterContent (data) {
+ DrawWasteWaterContent (data) {
// 鍥炬爣鏍峰紡鎵╁睍
const WasteWaterIcon = this.WasteWaterIcon()
-
// //鍔犺浇鏁版嵁鍓嶅鏋滃瓨鍦ㄥ浘灞傜粍 閭ｄ箞娓呴櫎鎺�
if (this.WasteWaterLayerGroup) {
this.WasteWaterLayerGroup.clearLayers()
}
for (let i = 0; i < data.length; i++) {
// 缁忕含搴� 浣嶇疆
- const positionX = data[i].positionX
- const positionY = data[i].positionY
+ const positionX = data[i].Latitude
+ const positionY = data[i].Longitude
// 鍒ゆ柇 缁忕含搴︿綅缃俊鎭槸鍚﹀瓨鍦�
// if (positionX != null && positionY != null) {
@@ -51,18 +52,19 @@
const Icon = new WasteWaterIcon({ iconUrl: iconUrl })
// let url = Icon.options.iconUrl
- const marker = this.L.marker.magic([positionX, positionY], { icon: Icon, magic: 'vanishIn' })
+ // const marker = this.L.marker.magic([positionX, positionY], { icon: Icon, magic: 'vanishIn' }) // 甯︽樉绀哄姩鐢�
+ const marker = this.L.marker([positionX, positionY], { icon: Icon })
- marker.bindPopup(() => {
- return this.WasteWaterPopup.$el
- }, {
- className: 's-map-popup',
- minWidth: 1000,
- closeButton: true,
- autoClose: false
- })
+ // marker.bindPopup(() => {
+ // return this.WasteWaterPopup.$el
+ // }, {
+ // className: 's-map-popup',
+ // minWidth: 1000,
+ // closeButton: true,
+ // autoClose: false
+ // })
// 鍒掕繃鍑虹幇 灞曠ず鏁版嵁
- marker.bindTooltip(data[i].StoragePlaceName, {
+ marker.bindTooltip(data[i].Name, {
permanent: true,
offset: [0, -16],
direction: 'top',
@@ -73,7 +75,8 @@
try {
// console.log(e)
this.EffectOfPulse(e.target.getLatLng())
- this.WasteWaterPopup.setDate(data[i])
+ this.WasteWaterPopup.setData(data[i])
+ return this.WasteWaterPopup.$el
} catch (error) {
console.log(error)
}
@@ -103,10 +106,10 @@
WasteWaterIconUrl (determineValueOne, determineValueTwo, position) {
let EffectOfChange
if (determineValueOne === 1 || determineValueTwo === 1) {
- EffectOfChange = defaultImg
+ // EffectOfChange = defaultImg
this.EffectOfPulse(position, this.WasteWaterMarkersLabels, this.WasteWaterLayerGroup)
} else {
- EffectOfChange = Setting
+ // EffectOfChange = Setting
}
return EffectOfChange
}
--
Gitblit v1.8.0