| | |
| | | /** |
| | | * 废水 |
| | | */ |
| | | // import WasteWater from "../../table/components/WasteWater"; |
| | | |
| | | // 公共方法 panTo() 引用 |
| | | const { setPanTo } = require('../../../utils/utils') |
| | | |
| | | const AnimalService = require('../service/AnimalService').default |
| | | const mapApi = require('../../../api/mapApi').default |
| | | // 弹窗数据引进 |
| | | const WasteWaterIndex = require('@components/BaseNav/WasteWater/WasteWaterIndex').default |
| | | // const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default |
| | | const WasteWaterIndex = require('@components/base-page/WasteWater/WasteWaterIndex').default |
| | | |
| | | const NormalImg = '/assets/images/map/wastewater/fs_bright_green.png' // 正常 |
| | | const OffImg = '/assets/images/map/wastewater/fs_gray.png' // 停运 |
| | |
| | | } |
| | | } |
| | | |
| | | // 分割线------------------------------------------------------------------------------- |
| | | this.bindTooltip = (layer) => { |
| | | return layer.options.totransferData.Name |
| | | return '<div class="company-bindTooltip-hover"><h3>天津石化</h3></div>' + layer.options.totransferData.Name |
| | | } |
| | | |
| | | this.clickListener = (e) => { |
| | | // 点击marker的pulse()光波 |
| | | this.animalService.pulseEffect(e.latlng) |
| | | setPanTo(e.latlng, 200) |
| | | // 弹框标题 |
| | | const title = e.layer.options.totransferData.Name |
| | | const res = e.layer.options.totransferData |
| | | window.$layer.open({ |
| | | content: { |
| | | content: WasteWaterIndex, // 组件 |
| | | comp: WasteWaterIndex, // 组件 |
| | | parent: this, // 父组件 |
| | | data: { // 传递的参数 |
| | | // info: this.info |
| | | storagePlaceId: res |
| | | } |
| | | }, |
| | | title: title // 标题 |
| | | title: '天津石化' + title // 标题 |
| | | }) |
| | | this.animalService.setPanTo(e.latlng, 150) |
| | | } |
| | | this.requestWasteWaterData = async (e) => { |
| | | // 基本信息 和 详细信息 展示数据所需参数 |
| | | // const dataValue = { |
| | | // StoragePlaceId: e.layer.options.test.StoragePlaceId |
| | | // } |
| | | // 弹框标题 |
| | | // const title = e.layer.options.totransferData.Name |
| | | // console.log(e.layer.options) |
| | | // 基本信息 tabs |
| | | // const resultBasic = await mapApi.getWasteWater(dataValue) |
| | | // 图表信息展示 echarts |
| | | // 实时数据 |
| | | // const resultReal = await mapApi.getDataItems(Value) |
| | | // 小时数据 及 明细表数据 |
| | | // const result = await mapApi.getQueryOnlineMonData(dataValue) |
| | | // 日数据 及 明细表数据 |
| | | // const result = await mapApi.getQueryOnlineMonData(dataValue) |
| | | // 人工数据 |
| | | // const resultEchart = await mapApi.getQueryLabMonData(dataValue) |
| | | |
| | | // // 绑定弹框实例 |
| | | // const PublicBounced = window.Vue.extend(publicBounced) |
| | | // const instance = new PublicBounced().$mount() |
| | | // document.body.appendChild(instance.$el) |
| | | // // document.body.removeChild(instance.$el) |
| | | // // 通过方法 向绑定弹框传递数据 |
| | | // instance.setData(title, resultBasic.Result.DataInfo, resultDetailed.Result.DataInfo, 'gufei') |
| | | /* flyTo()弹出框平移事件 */ |
| | | } |
| | | |
| | | // 根据返回值的不同标记不同图片 |