From dac4ce9c559a5ddd3d4666c9ac93d25dde97cacc Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期四, 01 四月 2021 14:07:23 +0800 Subject: [PATCH] 修改函数名大小写 --- src/components/LayerController/logic/WasteGas.js | 86 +++++++++++++++++++++++++++++------------- 1 files changed, 59 insertions(+), 27 deletions(-) diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js index 2744f36..7a9d673 100644 --- a/src/components/LayerController/logic/WasteGas.js +++ b/src/components/LayerController/logic/WasteGas.js @@ -2,45 +2,77 @@ * 搴熸皵 */ const AnimalService = require('../service/AnimalService').default -const AjaxUtils = require('../../../utils/AjaxUtils').default +// const AjaxUtils = require('../../../utils/AjaxUtils').default +// 鍖哄垎涓嶅悓绫诲瀷 浣跨敤涓嶅悓img +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瀵硅薄鏁扮粍 * @param L leaflet瀵硅薄 */ - this.init = (layer, L) => { + this.init = async (layer, L) => { this.animalService = new AnimalService({ L: L, layer: layer }) - AjaxUtils.get4JsonDataByUrl('http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', { - companyId: 3900100145, - id: '', - monType: 1, - userCode: 'wenchun.deng', - monDuration: '', - epName: '', - secdDeptId: '', - contrLevel: '', - dataStatus: '', - dataFlag: '', - runStatus: '', - emissTypeId: '' - }, function (res) { - const data = res.data.Result.DataInfo - for (let i = 0; i < data.length; i++) { - // 缁忕含搴� 浣嶇疆 - const positionX = data[i].Latitude - const positionY = data[i].Longitude - layer.addLayer(L.marker([positionX, positionY], {})) - } - }) + const res = await mapApi.getWasteGas() + const data = res.Result.DataInfo || {} + console.log(data) + for (let i = 0; i < data.length; i++) { + // 缁忕含搴� 浣嶇疆 + const positionX = data[i].Latitude + const positionY = data[i].Longitude + // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁 + 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], + iconAnchor: [25, 25] + }) + }) + layer.addLayer(marker) + // layer.addLayer(L.marker([positionX, positionY], {})) + } } this.bindTooltip = (layer) => { - return '娴嬭瘯搴熸皵' + console.log(layer) + 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(e.layer.options.test) + instance.$mount() + document.body.appendChild(instance.$el) + } + // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇 + this.differentTypes = (ContrLevel) => { + var effectOfChange + if (ContrLevel === 1) { + effectOfChange = ImgBlue + } else if (ContrLevel === 2) { + effectOfChange = ImagGreen + } else if (ContrLevel === 3) { + effectOfChange = ImagBright + } else { + effectOfChange = ImgGray + } + return effectOfChange } } -- Gitblit v1.8.0