From e75b53d78c6df58d3d6a484e82fae445dc5d9152 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期三, 07 四月 2021 15:55:12 +0800 Subject: [PATCH] 弹框窗口大小改变 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 53 ++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 46 insertions(+), 7 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 7726783..649d2e6 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,5 +1,5 @@ <template> - <div class="public-bounced" v-draw v-if="flag"> + <div class="public-bounced" v-drag v-if="flag"> <div class="public-bounced-title"> <span>{{ displayContentTitle }}</span> <i class="el-icon-circle-close" @click="closePopup"></i> @@ -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 :getWasteGasDetails="getWasteGasDetails"></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,15 +66,21 @@ data () { return { setWasteGasdata: '', + setWasteWaterdata: '', displayContentTitle: '', displayContentTab: '', displayContentTable: '', flag: false, value: '', - getWasteGasDetails: [] + getWasteGasDetails: [], + getWasteWaterMonitoringDetails: [], + getWasteWaterMonitoring: [] } }, methods: { + closePopup () { + this.flag = false + }, setData (dataBasic, dataDetailed, value) { this.flag = true this.value = value @@ -68,8 +100,15 @@ 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 } } } @@ -106,7 +145,7 @@ } .public-bounced-content { - margin: 15px auto; + margin: 15px 0; display: flex; //align-items: center; justify-content: space-around; -- Gitblit v1.8.0