From be771111fb2a9770a9fbf13c5d7e976bf8688b6d Mon Sep 17 00:00:00 2001 From: 陈泽平 <chenzeping> Date: 星期二, 18 五月 2021 11:08:38 +0800 Subject: [PATCH] 问题修改 --- src/components/LayerController/logic/WasteGas.js | 68 +++++++++++----------------------- 1 files changed, 22 insertions(+), 46 deletions(-) diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js index 9b85faf..935c9ff 100644 --- a/src/components/LayerController/logic/WasteGas.js +++ b/src/components/LayerController/logic/WasteGas.js @@ -3,7 +3,8 @@ */ const AnimalService = require('../service/AnimalService').default // const AjaxUtils = require('../../../utils/AjaxUtils').default - +// 鍏叡鏂规硶 panTo() 寮曠敤 +const { setPanTo } = require('../../../utils/utils') // 鍖哄垎涓嶅悓绫诲瀷 浣跨敤涓嶅悓img // const ImgBlue = '/assets/images/map/exhaust/fq_blue.png' // const ImgGray = '/assets/images/map/exhaust/fq_gray.png' @@ -11,7 +12,8 @@ // const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' const mapApi = require('../../../api/mapApi').default -const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default +// const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default +const WasteGasIndex = require('../../BaseNav/WasteGas/WasteGasIndex').default // const WasteGasChats = require('./WasteGasChats').default module.exports = function () { /** @@ -20,7 +22,10 @@ */ this.init = async (layer, L) => { // console.log(WasteGasChats) - this.animalService = new AnimalService({ L: L, layer: layer }) + this.animalService = new AnimalService({ + L: L, + layer: layer + }) const res = await mapApi.getWasteGas() // console.log(res) const data = res.Result.DataInfo || {} @@ -32,12 +37,6 @@ // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁 const ContrLevel = data[i].ContrLevel var iconUrl = this.differentTypes(ContrLevel) - // const marker = L.canvasMarker([positionX, positionY], { - // img: { - // // url: 'assets/images/map/marker-icon.png', - // url: iconUrl, - // size: STYLES.ICON_SIZE - // } const marker = L.marker([positionX, positionY], { test: data[i], icon: L.icon({ @@ -52,41 +51,25 @@ } this.bindTooltip = (layer) => { - return layer.options.test.Name + return '<div class="company-bindTooltip-hover"><h3>澶╂触鐭冲寲</h3></div>' + layer.options.test.Name } this.clickListener = async (e) => { // console.log(e) this.animalService.pulseEffect(e.latlng) - const dataValue = { - StoragePlaceId: e.layer.options.test.StoragePlaceId - } - const GasOnlinedata = { - onLineMonEmissPointId: '23', - monItemId: '28,31', - beginTime: '2020-04-06 15:13:20', - endTime: '2020-04-07 15:13:20', - dataType: '1' - } - const GasManualData = { - companyId: '3900100145', - labMonPointId: '219', - beginTime: '2020-04-06 15:13:20', - endTime: ' 2020-04-07 15:13:20' - } - const ManualData = await mapApi.getWasteGasManualData(GasManualData) - console.log(ManualData) - const Mondata = await mapApi.getWasteGasMonData(GasOnlinedata) - // console.log(Mondata) - const result = await mapApi.getWasteGasDetails(dataValue) - // console.log(result.Result.DataInfo) - const PublicBounced = window.Vue.extend(publicBounced) - const instance = new PublicBounced() - instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi') - // console.log(e.layer.options.test) - instance.$mount() - document.body.appendChild(instance.$el) - this.setPanTo(e.latlng, 80) + setPanTo(e.latlng, 200) + const title = e.layer.options.test.Name + const res = e.layer.options.test + window.$layer.open({ + content: { + comp: WasteGasIndex, // 缁勪欢 + parent: this, // 鐖剁粍浠� + data: { // 浼犻�掔殑鍙傛暟 + storagePlaceId: res + } + }, + title: '澶╂触鐭冲寲' + title // 鏍囬 + }) } // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇 this.differentTypes = (ContrLevel) => { @@ -103,12 +86,5 @@ // effectOfChange = ImgGray // } return effectOfChange - } - this.setPanTo = (pos, value) => { - var position = pos - position = window.map.latLngToLayerPoint(position) - position.y += value - position = window.map.layerPointToLatLng(position) - window.map.flyTo(position) } } -- Gitblit v1.8.0