From c803e406172652e17ca874ad6dc077ba1cd7cf4a Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 31 三月 2021 18:35:30 +0800
Subject: [PATCH] 弹窗显示
---
src/components/LayerController/logic/WasteGas.js | 41 +++++++++++++++++++++++++++++------------
1 files changed, 29 insertions(+), 12 deletions(-)
diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js
index b2ead2d..944cfb7 100644
--- a/src/components/LayerController/logic/WasteGas.js
+++ b/src/components/LayerController/logic/WasteGas.js
@@ -5,10 +5,13 @@
// const AjaxUtils = require('../../../utils/AjaxUtils').default
// 鍖哄垎涓嶅悓绫诲瀷 浣跨敤涓嶅悓img
-const defaultImg = '/assets/images/map/exhaust/fq_blue.png'
-const setting = '/assets/images/map/exhaust/fq_gray.png'
+const ImgBlue = '/assets/images/map/exhaust/fq_blue.png'
+const ImgGray = '/assets/images/map/exhaust/fq_gray.png'
+const ImagGreen = '/assets/images/map/exhaust/fq_green.png'
+const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png'
const mapApi = require('../../../api/mapApi').default
+const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default
module.exports = function () {
/**
* 杩斿洖marker瀵硅薄鏁扮粍
@@ -24,10 +27,11 @@
const positionX = data[i].Latitude
const positionY = data[i].Longitude
// 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁
- const judgeValue = data[i].StorageQty
- var iconUrl = this.differentTypes(judgeValue)
+ const ContrLevel = data[i].ContrLevel
+ var iconUrl = this.differentTypes(ContrLevel)
const marker = L.marker.magic([positionX, positionY], {
+ test: data[i],
icon: L.icon({
iconUrl: iconUrl,
iconSize: [50, 50],
@@ -41,20 +45,33 @@
this.bindTooltip = (layer) => {
console.log(layer)
- return '娴嬭瘯搴熸皵'
+ return layer.options.test.Name
}
- this.clickListener = (e) => {
- console.log(e)
+ this.clickListener = async (e) => {
+ // console.log(e)
this.animalService.pulseEffect(e.latlng)
+ const dataValue = {
+ StoragePlaceId: e.layer.options.test.StoragePlaceId
+ }
+ const result = await mapApi.GetWasteGas(dataValue)
+ const PublicBounced = window.Vue.extend(publicBounced)
+ const instance = new PublicBounced()
+ instance.setData(result)
+ instance.$mount()
+ document.body.appendChild(instance.$el)
}
- // 涓嶅悓绫诲瀷鍥剧墖灏佽
- this.differentTypes = (judgeValue) => {
+ // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇
+ this.differentTypes = (ContrLevel) => {
var effectOfChange
- if (judgeValue === 1) {
- effectOfChange = defaultImg
+ if (ContrLevel === 1) {
+ effectOfChange = ImgBlue
+ } else if (ContrLevel === 2) {
+ effectOfChange = ImagGreen
+ } else if (ContrLevel === 3) {
+ effectOfChange = ImagBright
} else {
- effectOfChange = setting
+ effectOfChange = ImgGray
}
return effectOfChange
}
--
Gitblit v1.8.0