From d0391dba3708d3f32bcd94e1881d1b598a0d9ef0 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期四, 15 四月 2021 17:21:10 +0800 Subject: [PATCH] 修改图表问题 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 37 ++++++++++++++++++------------------- 1 files changed, 18 insertions(+), 19 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index add834b..eb88010 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -6,7 +6,7 @@ </div> <div class="public-bounced-content"> <div class="public-bounced-content-left"> - <public-tabs :displayContentTab="displayContentTab" :value="value" + <public-tabs :setSolidWaste="displayContentTab" :value="value" :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs> <div class="public-bounced-content-left-bottom"> <public-table v-if="value === 'gufei'" @@ -21,7 +21,7 @@ </public-chart> </div> </div> - <div class="public-bounced-content-right"> + <div class="public-bounced-content-right" > <public-video></public-video> </div> </div> @@ -46,51 +46,50 @@ }, data () { return { - setWasteGasdata: '', - setWasteWaterdata: '', displayContentTitle: '', displayContentTab: '', displayContentTable: '', flag: false, value: '', + setWasteGasdata: '', + setWasteWaterdata: '', getWasteGasDetails: [], getWasteWaterMonitoringDetails: [], getQueryOnlineMonData: [], ManualData: [] } }, + destoryed () { + this.$refs.PublicChart.$refs.Echats.DrawEXHRealTimeDateChart() + this.$refs.PublicChart.$refs.Echats.DrawRealTimeDateChart() + }, methods: { closePopup () { this.flag = false }, - setData (dataBasic, dataDetailed, value) { + // 鍥哄簾鐩稿叧淇℃伅璁剧疆 + setData (title, dataBasic, dataDetailed, value) { this.flag = true this.value = value - dataBasic.forEach(item => { - this.displayContentTitle = item.StoragePlaceName - }) - this.displayContentTab = dataBasic - this.displayContentTable = dataDetailed - this.flag = true - this.value = value + this.displayContentTitle = title + this.displayContentTab = dataBasic[0] + this.displayContentTable = dataDetailed[0] }, setGasData (data, dataDetails, GasHourData, ManualData, value) { - // console.log(this.$refs) + // console.log(data, dataDetails, GasHourData, ManualData, value) this.setWasteGasdata = data + this.displayContentTitle = data.Name this.getWasteGasDetails = dataDetails this.getQueryOnlineMonData = GasHourData this.ManualData = ManualData // console.log(this.getQueryOnlineMonData) - this.displayContentTitle = data.Name this.flag = true this.value = value }, - setWaterData (dataWater, dataDetail, hourData, dateData, value) { + setWaterData (dataWater, detailData, hourData, dateData, value) { this.setWasteWaterdata = dataWater - // console.log(data) this.getQueryOnlineMonData = hourData - // console.log(drawData) - this.getWasteWaterMonitoringDetails = dataDetail + this.getWasteWaterMonitoringDetails = detailData this.displayContentTitle = dataWater.Name this.flag = true this.value = value @@ -103,7 +102,7 @@ .public-bounced { z-index: 2000; position: absolute; - top: 15%; + top: 35%; left: 20%; .public-bounced-title { -- Gitblit v1.8.0