From 610977c95dec18b78e3e50be5d172d2cb94de86a Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期一, 12 四月 2021 09:55:36 +0800 Subject: [PATCH] 修改废气图表 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 57 ++++++++++++++++++++++++++++++--------------------------- 1 files changed, 30 insertions(+), 27 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 6bc4c30..b221e49 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,27 +1,29 @@ <template> <div class="public-bounced" v-drag v-if="flag"> -<!-- <Echarts></Echarts>--> - <div class="public-bounced-title"> - <span>{{ displayContentTitle }}</span> - <i class="el-icon-circle-close" @click="closePopup"></i> + <!-- <Echarts></Echarts>--> + <div class="public-bounced-title"> + <span>{{ displayContentTitle }}</span> + <i class="el-icon-circle-close" @click="closePopup"></i> + </div> + <div class="public-bounced-content"> + <div class="public-bounced-content-left"> + <public-tabs :displayContentTab="displayContentTab" :value="value" + :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 :getWasteGasDetails="getWasteGasDetails" + :value="value" + :getQueryOnlineMonData="getQueryOnlineMonData" + :getWasteWaterMonitoringDetails='getWasteWaterMonitoringDetails' +> + </public-chart> </div> - <div class="public-bounced-content"> - <div class="public-bounced-content-left"> - <public-tabs :displayContentTab="displayContentTab" :value="value" - :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 :getWasteGasDetails="getWasteGasDetails" - :value="value" - :getWasteWaterMonitoring="getWasteWaterMonitoring" - :getWasteWaterMonitoringDetails="getWasteWaterMonitoringDetails"></public-chart> - </div> - </div> - <div class="public-bounced-content-right"> - <public-video></public-video> - </div> - </div> + </div> + <div class="public-bounced-content-right"> + <public-video></public-video> + </div> + </div> </div> </template> @@ -55,7 +57,8 @@ value: '', getWasteGasDetails: [], getWasteWaterMonitoringDetails: [], - getWasteWaterMonitoring: [] + getQueryOnlineMonData: [] + // getGasQueryOnlineMonData: [] } }, methods: { @@ -73,18 +76,19 @@ this.flag = true this.value = value }, - setGasData (data, dataDetails, value) { + setGasData (data, dataDetails, GasHourData, value) { this.setWasteGasdata = data this.getWasteGasDetails = dataDetails - // console.log(dataDetails) + this.getQueryOnlineMonData = GasHourData + console.log(this.getQueryOnlineMonData) this.displayContentTitle = data.Name this.flag = true this.value = value }, - setWaterData (dataWater, dataDetail, drawData, value) { + setWaterData (dataWater, dataDetail, hourData, dateData, value) { this.setWasteWaterdata = dataWater // console.log(data) - this.getWasteWaterMonitoring = drawData + this.getQueryOnlineMonData = hourData // console.log(drawData) this.getWasteWaterMonitoringDetails = dataDetail this.displayContentTitle = dataWater.Name @@ -99,7 +103,6 @@ .public-bounced { z-index: 999; position: absolute; - //width: 6rem; top: 15%; left: 20%; background-color: #002432; -- Gitblit v1.8.0