| | |
| | | /** |
| | | * 废水 |
| | | */ |
| | | |
| | | // 公共方法 panTo() 引用 |
| | | const { setPanTo } = require('../../../utils/utils') |
| | | |
| | | const AnimalService = require('../service/AnimalService').default |
| | | const mapApi = require('../../../api/mapApi').default |
| | | // 弹窗数据引进 |
| | | const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default |
| | | const WasteWaterIndex = require('@components/base-page/WasteWater/WasteWaterIndex').default |
| | | |
| | | const NormalImg = '/assets/images/map/wastewater/fs_green.png' // 正常 |
| | | const NormalImg = '/assets/images/map/wastewater/fs_bright_green.png' // 正常 |
| | | const OffImg = '/assets/images/map/wastewater/fs_gray.png' // 停运 |
| | | const AbnormalImg = '/assets/images/map/wastewater/fs_blue.png' // 异常 |
| | | const MissImg = '/assets/images/map/wastewater/fs_yellow.png' // 缺失 |
| | | const MissImg = '/assets/images/map/wastewater/fs_bright_green.png' // 缺失 |
| | | const AlarmImg = '/assets/images/map/wastewater/fs_red.png' // 报警闪烁 |
| | | const WarnImg = '/assets/images/map/wastewater/fs_orange.png' // 预警闪烁 |
| | | |
| | |
| | | const testValue = data[i].ContrLevel |
| | | const iconUrl = this.differentTypes(testValue) |
| | | const marker = L.marker([positionX, positionY], { |
| | | test: data[i], |
| | | totransferData: data[i], |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [35, 35], |
| | | iconAnchor: [18, 18] |
| | | iconAnchor: [15, 15] |
| | | }) |
| | | }) |
| | | layer.addLayer(marker) |
| | | } |
| | | } |
| | | |
| | | // 分割线------------------------------------------------------------------------------- |
| | | // this. |
| | | this.bindTooltip = (layer) => { |
| | | return layer.options.test.Name |
| | | return '<div class="company-bindTooltip-hover"><h3>天津石化</h3></div>' + layer.options.totransferData.Name |
| | | } |
| | | |
| | | this.clickListener = async (e) => { |
| | | // console.log(e) |
| | | this.clickListener = (e) => { |
| | | this.animalService.pulseEffect(e.latlng) |
| | | const dataValue = { |
| | | StoragePlaceId: e.layer.options.test.StoragePlaceId |
| | | } |
| | | const hourValue = { |
| | | onLineMonEmissPointId: '23', |
| | | monItemId: '28,31', |
| | | beginTime: '2020-04-06 15:13:20', |
| | | endTime: '2020-04-07 15:13:20', |
| | | dataType: '2' |
| | | } |
| | | const dateValue = { |
| | | onLineMonEmissPointId: '23', |
| | | monItemId: '28,31', |
| | | beginTime: '2020-04-06', |
| | | endTime: '2020-04-07', |
| | | dataType: '1' |
| | | } |
| | | const hourData = await mapApi.getQueryOnlineMonData(hourValue) |
| | | const dateData = await mapApi.getQueryOnlineMonData(dateValue) |
| | | console.log(dateData) |
| | | // const drawback = await mapApi.getWasteWaterMonitoring() |
| | | // console.log(drawback) |
| | | const result = await mapApi.getWasteWaterMonitoringDetails(dataValue) |
| | | const PublicBounced = window.Vue.extend(publicBounced) |
| | | const instance = new PublicBounced() |
| | | instance.setWaterData(e.layer.options.test, result.Result.DataInfo, hourData.Result.DataInfo, dateData.Result.DataInfo, 'feishui') |
| | | // 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.totransferData.Name |
| | | const res = e.layer.options.totransferData |
| | | window.$layer.open({ |
| | | content: { |
| | | comp: WasteWaterIndex, // 组件 |
| | | parent: this, // 父组件 |
| | | data: { // 传递的参数 |
| | | // info: this.info |
| | | storagePlaceId: res |
| | | } |
| | | }, |
| | | title: '天津石化' + title // 标题 |
| | | }) |
| | | } |
| | | |
| | | // 根据返回值的不同标记不同图片 |
| | |
| | | break |
| | | } |
| | | return testChange |
| | | } |
| | | this.setPanTo = (pos, value) => { |
| | | var position = pos |
| | | position = window.map.latLngToLayerPoint(position) |
| | | position.y += value |
| | | position = window.map.layerPointToLatLng(position) |
| | | window.map.flyTo(position) |
| | | } |
| | | } |