From cb59b61953181889c6b1479a75c23de9e061d788 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 07 四月 2021 15:39:09 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 70 ++++++++++++++++++++++++++++------- 1 files changed, 56 insertions(+), 14 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 41a96c1..c33fc9c 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -7,11 +7,12 @@ <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 :getWasteGasDetails="getWasteGasDetails" + :getWasteWaterMonitoring="getWasteWaterMonitoring"></public-chart> </div> </div> <div class="public-bounced-content-right"> @@ -19,6 +20,31 @@ </div> </div> </div> +<!-- <el-dialog--> +<!-- :visible.sync="flag"--> +<!-- width="70%"--> +<!-- class="public-bounced"--> +<!-- :modal="false">--> +<!-- <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"--> +<!-- :getWasteWaterMonitoring="getWasteWaterMonitoring"></public-chart>--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="public-bounced-content-right">--> +<!-- <public-video></public-video>--> +<!-- </div>--> +<!-- </div>--> +<!-- </el-dialog>--> </template> <script> @@ -40,14 +66,21 @@ data () { return { setWasteGasdata: '', + setWasteWaterdata: '', displayContentTitle: '', displayContentTab: '', displayContentTable: '', flag: false, - value: '' + value: '', + getWasteGasDetails: [], + getWasteWaterMonitoringDetails: [], + getWasteWaterMonitoring: [] } }, methods: { + closePopup () { + this.flag = false + }, setData (dataBasic, dataDetailed, value) { this.flag = true this.value = value @@ -56,15 +89,26 @@ }) this.displayContentTab = dataBasic this.displayContentTable = dataDetailed + this.flag = true + this.value = value }, - setGasData (data, value) { + setGasData (data, dataDetails, value) { this.setWasteGasdata = data + this.getWasteGasDetails = dataDetails + // console.log(dataDetails) this.displayContentTitle = data.Name this.flag = true this.value = value }, - closePopup () { - this.flag = false + setWaterData (dataWater, dataDetail, drawData, value) { + this.setWasteWaterdata = dataWater + // console.log(data) + this.getWasteWaterMonitoring = drawData + console.log(drawData) + this.getWasteWaterMonitoringDetails = dataDetail + this.displayContentTitle = dataWater.Name + this.flag = true + this.value = value } } } @@ -101,24 +145,22 @@ } .public-bounced-content { - margin: 15px auto; + margin: 15px 0; display: flex; - align-items: center; + //align-items: center; justify-content: space-around; padding: 10px; .public-bounced-content-left { flex: 3; - //width: 64%; - //height: 100%; - //margin-right: 10px; + height: 100%; + margin-right: 10px; } .public-bounced-content-right { flex: 2; - margin-left: 10px; - //width: 34%; - //height: 100%; + //width: 48%; + height: 100%; } } } -- Gitblit v1.8.0