From 5e3dad0ae62f237e515d0619cef479e05d836bc8 Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期三, 07 四月 2021 11:01:20 +0800
Subject: [PATCH] 修改废水点信息
---
src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue | 3 +
src/api/mapApi.js | 9 ++++
src/components/LayerController/logic/WasteWater.js | 21 +++++++---
src/api/mapUrl.js | 2 +
src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue | 14 +++---
src/components/BaseNav/PublicBounced/PublicBounced.vue | 19 ++++++++-
6 files changed, 52 insertions(+), 16 deletions(-)
diff --git a/src/api/mapApi.js b/src/api/mapApi.js
index 4542721..a621754 100644
--- a/src/api/mapApi.js
+++ b/src/api/mapApi.js
@@ -36,9 +36,18 @@
getWasteGasDetails (data) {
return axios.get(mapUrl.getWasteGasDetails, data)
},
+ // 搴熸按鐐�
getWasteWater (data) {
return axios.get(mapUrl.getWasteWater, data)
},
+ // 搴熸按鐩戞祴鏁版嵁
+ getWasteWaterMonitoring (data) {
+ return axios.get(mapUrl.getWasteWaterMonitoring, data)
+ },
+ // 搴熸按鐐规槑缁嗚〃
+ getWasteWaterMonitoringDetails (data) {
+ return axios.get(mapUrl.getWasteWaterMonitoringDetails, data)
+ },
getCompany (data) {
return axios.get(mapUrl.getCompany, data)
}
diff --git a/src/api/mapUrl.js b/src/api/mapUrl.js
index 33bf39f..c2493a8 100644
--- a/src/api/mapUrl.js
+++ b/src/api/mapUrl.js
@@ -14,5 +14,7 @@
export const getWasteGasDetails = $HOST + '/wasteGas/getWasteGasMonitoringDetails'
export const getWasteWater = $HOST + '/wasteWater/getWasteWater'
+export const getWasteWaterMonitoring = $HOST + '/wasteWater/getWasteWaterMonitoring'
+export const getWasteWaterMonitoringDetails = $HOST + '/wasteWater/getWasteWaterMonitoringDetails'
export const getCompany = $HOST + '/company/getCompany'
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue b/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
index c3338d4..d3f6465 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
@@ -34,6 +34,7 @@
},
data () {
return {
+ watchData: [],
dialogVisible: false
}
},
@@ -201,6 +202,8 @@
},
mounted () {
this.drawChart()
+ const dataWatch = JSON.parse(JSON.stringify(this.$attrs))
+ console.log(dataWatch)
}
}
</script>
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
index 6c039cd..8e5f267 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
@@ -32,14 +32,14 @@
</div>
<div v-else-if="value === 'feishui'">
<el-row type="flex" class="row-bg row-item-one" justify="space-around">
- <el-col :span="8">鐩戞祴鐐瑰悕绉�:{{ setWasteGasdata.Name }}</el-col>
- <el-col :span="8">鐢熶骇鍗曚綅:{{ setWasteGasdata.porltName }}</el-col>
- <el-col :span="8">鎺掓斁绫诲瀷鍚嶇О:{{ setWasteGasdata.MonTypeName }}</el-col>
+ <el-col :span="8">鐩戞祴鐐瑰悕绉�:{{ setWasteWaterdata.Name }}</el-col>
+ <el-col :span="8">鐢熶骇鍗曚綅:{{ setWasteWaterdata.porltName }}</el-col>
+ <el-col :span="8">鎺掓斁绫诲瀷鍚嶇О:{{ setWasteWaterdata.MonTypeName }}</el-col>
</el-row>
<el-row type="flex" class="row-bg" justify="space-around">
- <el-col :span="8">鎺掓斁鍘诲悜:{{ setWasteGasdata.EmissDirecti }}</el-col>
- <el-col :span="8">鎺у埗绾у埆鍚嶇О:{{ setWasteGasdata.ContrLevelShowName }}</el-col>
- <el-col :span="8">鍐�/澶栨帓鍙�:{{ setWasteGasdata.OrOutPortName }}</el-col>
+ <el-col :span="8">鎺掓斁鍘诲悜:{{ setWasteWaterdata.EmissDirecti }}</el-col>
+ <el-col :span="8">鎺у埗绾у埆鍚嶇О:{{ setWasteWaterdata.ContrLevelShowName }}</el-col>
+ <el-col :span="8">鍐�/澶栨帓鍙�:{{ setWasteWaterdata.OrOutPortName }}</el-col>
</el-row>
</div>
</div>
@@ -50,7 +50,7 @@
<script>
export default {
name: 'GasTable',
- props: ['displayContentTab', 'value', 'setWasteGasdata'],
+ props: ['displayContentTab', 'value', 'setWasteGasdata', 'setWasteWaterdata'],
data () {
return {
tabData: []
diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue
index d908a07..7e79e8c 100644
--- a/src/components/BaseNav/PublicBounced/PublicBounced.vue
+++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue
@@ -7,11 +7,11 @@
<div class="public-bounced-content">
<div class="public-bounced-content-left">
<public-tabs :displayContentTab="displayContentTab" :value="value"
- :setWasteGasdata="setWasteGasdata"></public-tabs>
+ :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs>
<div class="public-bounced-content-left-bottom">
<public-table v-if="value === 'gufei'"
:displayContentTable="displayContentTable"></public-table>
- <public-chart v-else></public-chart>
+ <public-chart v-else :getWasteWaterMonitoring="getWasteWaterMonitoring"></public-chart>
</div>
</div>
<div class="public-bounced-content-right">
@@ -40,12 +40,15 @@
data () {
return {
setWasteGasdata: '',
+ setWasteWaterdata: '',
displayContentTitle: '',
displayContentTab: '',
displayContentTable: '',
flag: false,
value: '',
- getWasteGasDetails: []
+ getWasteGasDetails: [],
+ getWasteWaterMonitoringDetails: [],
+ getWasteWaterMonitoring: []
}
},
methods: {
@@ -68,6 +71,16 @@
this.flag = true
this.value = value
},
+ setWaterData (data, dataDetail, drawData, value) {
+ this.setWasteWaterdata = data
+ // console.log(data)
+ this.getWasteWaterMonitoring = drawData
+ console.log(drawData)
+ this.getWasteWaterMonitoringDetails = dataDetail
+ this.displayContentTitle = data.Name
+ this.flag = true
+ this.value = value
+ },
closePopup () {
this.flag = false
}
diff --git a/src/components/LayerController/logic/WasteWater.js b/src/components/LayerController/logic/WasteWater.js
index 210afcd..31e0d53 100644
--- a/src/components/LayerController/logic/WasteWater.js
+++ b/src/components/LayerController/logic/WasteWater.js
@@ -52,17 +52,19 @@
this.clickListener = async (e) => {
// console.log(e)
this.animalService.pulseEffect(e.latlng)
- // const dataValue = {
- // StoragePlaceId: e.layer.options.test.StoragePlaceId
- // }
- // const result = await mapApi.getWasteWater(dataValue)
- // console.log(result)
+ const dataValue = {
+ StoragePlaceId: e.layer.options.test.StoragePlaceId
+ }
+ 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.setGasData(e.layer.options.test, 'feishui')
+ instance.setWaterData(e.layer.options.test, result.Result.DataInfo, drawback.Result.DataInfo, 'feishui')
console.log(e.layer.options.test)
instance.$mount()
document.body.appendChild(instance.$el)
+ this.setPanTo(e.latlng, 240)
}
// 鏍规嵁杩斿洖鍊肩殑涓嶅悓鏍囪涓嶅悓鍥剧墖
@@ -96,4 +98,11 @@
}
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)
+ }
}
--
Gitblit v1.8.0