From 0ca297f9622764653a7262b51bdff73b553dee79 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期四, 01 四月 2021 10:55:54 +0800
Subject: [PATCH] 弹框接收信息展示修改
---
src/components/LayerController/logic/SolidWaste.js | 57 ++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 34 insertions(+), 23 deletions(-)
diff --git a/src/components/LayerController/logic/SolidWaste.js b/src/components/LayerController/logic/SolidWaste.js
index e12ae43..3eee0e3 100644
--- a/src/components/LayerController/logic/SolidWaste.js
+++ b/src/components/LayerController/logic/SolidWaste.js
@@ -1,6 +1,7 @@
/**
* 鍥哄簾
*/
+
// 鍖哄垎涓嶅悓绫诲瀷 浣跨敤涓嶅悓img
const defaultImg = '/assets/images/map/solidwaste/voc.png'
const setting = '/assets/images/map/solidwaste/gf_green.png'
@@ -35,7 +36,7 @@
var iconUrl = this.differentTypes(judgeValue)
const marker = L.marker([positionX, positionY], {
- test: getSolidWasteData[i],
+ totransferData: getSolidWasteData[i],
icon: L.icon({
iconUrl: iconUrl,
iconSize: [50, 50],
@@ -47,33 +48,17 @@
}
this.bindTooltip = (layer) => {
- return layer.options.test.Name
+ return layer.options.totransferData.Name
}
- this.clickListener = async (e) => {
+ this.clickListener = (e) => {
+ // 鐐瑰嚮marker鐨刾ulse()鍏夋尝
this.animalService.pulseEffect(e.latlng)
+ /* flyTo()寮瑰嚭妗嗗钩绉讳簨浠� */
// this.setPanTo(e.latlng, 200)
- console.log(e)
- const dataValue = {
- StoragePlaceId: e.layer.options.test.StoragePlaceId
- }
- const result = await mapApi.getSolidWasteBaseInfo(dataValue)
- // console.log(result)
- const PublicBounced = window.Vue.extend(publicBounced)
- const instance = new PublicBounced()
- instance.$mount()
- document.body.appendChild(instance.$el)
- instance.setData(result, 'gufei')
+ /* 鐐瑰嚮鏁版嵁鐨勬帴鍙ｈ姹� */
+ this.requestSolidWasteData(e).then(e)
}
-
- // panTo
- // this.setPanTo = (pos, value) => {
- // var position = pos
- // position = this.map.latLngToLayerPoint(position)
- // position.y += value
- // position = this.map.layerPointToLatLng(position)
- // this.map.flyTo(position)
- // }
// 涓嶅悓绫诲瀷鍥剧墖灏佽
this.differentTypes = (judgeValue) => {
@@ -85,4 +70,30 @@
}
return effectOfChange
}
+
+ // 鏍规嵁鐐瑰嚮涓嶅悓鏁版嵁 杩涜鎺ュ彛鐨勬暟鎹姹�
+ this.requestSolidWasteData = async (e) => {
+ // 鍩烘湰淇℃伅灞曠ず
+ const dataValue = {
+ StoragePlaceId: e.layer.options.totransferData.StoragePlaceId
+ }
+ const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue)
+ // 璇︾粏淇℃伅灞曠ず
+ const resultDetailed = await mapApi.getSolidWasteDetail(dataValue)
+
+ const PublicBounced = window.Vue.extend(publicBounced)
+ const instance = new PublicBounced()
+ instance.$mount()
+ document.body.appendChild(instance.$el)
+ instance.setData(resultBasic.Result.DataInfo, resultDetailed, 'gufei')
+ }
+
+ // flayTo()
+ // this.setPanTo = (pos, value) => {
+ // var position = pos
+ // position = this.map.latLngToLayerPoint(position)
+ // position.y += value
+ // position = this.map.layerPointToLatLng(position)
+ // this.map.flyTo(position)
+ // }
}
--
Gitblit v1.8.0