From 82732610befafe88ae9512c9ac37e6a4bcf291c7 Mon Sep 17 00:00:00 2001 From: XingChuan <m17600301067@163.com> Date: 星期日, 30 五月 2021 22:59:44 +0800 Subject: [PATCH] 废气小时数据、日数据、人工数据接口替换;增加点位id、检测项id查询;无数据提示;UI优化。 --- src/components/LayerController/logic/WasteGas.js | 89 ++++++++++++++++++++++---------------------- 1 files changed, 44 insertions(+), 45 deletions(-) diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js index 7db2156..77fba5d 100644 --- a/src/components/LayerController/logic/WasteGas.js +++ b/src/components/LayerController/logic/WasteGas.js @@ -3,26 +3,45 @@ */ 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' -const ImagGreen = '/assets/images/map/exhaust/fq_green_new.png' +const ImagGreen = '/assets/images/map/exhaust/fq_green2.png' // 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('../../base-page/PublicBounced/PublicBounced').default +const WasteGasIndex = require('../../base-page/WasteGas/WasteGasIndex').default +// const WasteGasChats = require('./WasteGasChats').default module.exports = function () { /** * 杩斿洖marker瀵硅薄鏁扮粍 * @param L leaflet瀵硅薄 */ this.init = async (layer, L) => { - this.animalService = new AnimalService({ L: L, layer: layer }) - const res = await mapApi.getWasteGas() - // console.log(res) + // console.log(WasteGasChats) + this.animalService = new AnimalService({ + L: L, + layer: layer + }) + const param = { + companyId: 3900100145, // 浼佷笟缂栫爜 + id: '', + monType: 2, // 搴熸皵 + userCode: 'wenchun.deng', // 鐢ㄦ埛鍚嶇О + monDuration: '', + epName: '', + secdDeptId: '', + contrLevel: '', + dataStatus: '', + dataFlag: '', + runStatus: '', + emissTypeId: '' + } + const res = await mapApi.getWasteGas(param) const data = res.Result.DataInfo || {} - // console.log(data) for (let i = 0; i < data.length; i++) { // 缁忕含搴� 浣嶇疆 const positionX = data[i].Latitude @@ -30,18 +49,12 @@ // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁 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({ iconUrl: iconUrl, - iconSize: [30, 38], - iconAnchor: [15, 19] + iconSize: [30, 30], + iconAnchor: [15, 15] }) }) layer.addLayer(marker) @@ -50,34 +63,27 @@ } 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, - // emissTypeld: 2, - // beginTime: 2020/0o4/0o6 15:13:20, - // endTime=2020/0o4/0o7;15:13:20, - // dataType:1 - // } - // 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, '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, + OnlineMonEmissPointId: e.layer.options.test.OnlineMonEmissPointId, + LabMonPointId: e.layer.options.test.LabMonPointId + } + }, + title: '澶╂触鐭冲寲' + title // 鏍囬 + }) } // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇 this.differentTypes = (ContrLevel) => { @@ -94,12 +100,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