From 4df0471b7dff0494625ff09969b1a13b5359a26e Mon Sep 17 00:00:00 2001
From: XingChuan <m17600301067@163.com>
Date: 星期一, 31 五月 2021 22:41:47 +0800
Subject: [PATCH] 统计表弹框UI优化；增加点击企业名称缩放至企业；二级表展示功能优化。
---
src/components/LayerController/logic/WasteGas.js | 87 +++++++++++++++----------------------------
1 files changed, 30 insertions(+), 57 deletions(-)
diff --git a/src/components/LayerController/logic/WasteGas.js b/src/components/LayerController/logic/WasteGas.js
index 549d885..77fba5d 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,8 +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 WasteGasIndex = require('../../BaseNav/WasteGas/WasteGasIndex').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 () {
/**
@@ -21,11 +22,26 @@
*/
this.init = async (layer, L) => {
// console.log(WasteGasChats)
- this.animalService = new AnimalService({ L: L, layer: layer })
- const res = await mapApi.getWasteGas()
- // console.log(res)
+ 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
@@ -33,12 +49,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({
@@ -53,57 +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
- // }
- // console.log(e.layer.options.test.EpsGisMonPointId)
+ setPanTo(e.latlng, 200)
const title = e.layer.options.test.Name
const res = e.layer.options.test
- console.log(res)
- // 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()
- // // console.log(e.layer.options.test)
- // instance.$mount()
- // document.body.appendChild(instance.$el)
- // instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi')
window.$layer.open({
content: {
- content: WasteGasIndex, // 缁勪欢
+ comp: WasteGasIndex, // 缁勪欢
parent: this, // 鐖剁粍浠�
data: { // 浼犻�掔殑鍙傛暟
- storagePlaceId: res
+ storagePlaceId: res,
+ OnlineMonEmissPointId: e.layer.options.test.OnlineMonEmissPointId,
+ LabMonPointId: e.layer.options.test.LabMonPointId
}
},
- title: title // 鏍囬
+ title: '澶╂触鐭冲寲' + title // 鏍囬
})
- // console.log(e.layer.options.totransferData.EpsGisMonPointId)
- this.setPanTo(e.latlng, 150)
- // console.log(e.latlng)
}
// 涓嶅悓绫诲瀷鍥剧墖鍔犺浇
this.differentTypes = (ContrLevel) => {
@@ -120,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