From ae3da7e6c7e6916052e3de4f3fab0cfb73bf80c3 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期三, 07 四月 2021 10:08:04 +0800 Subject: [PATCH] 天地图修改为一排 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 27 ++++++++++++++++++--------- 1 files changed, 18 insertions(+), 9 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index e5831da..7726783 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -6,14 +6,16 @@ </div> <div class="public-bounced-content"> <div class="public-bounced-content-left"> - <PublicTabs :displayContentTab="displayContentTab" :value="value"></PublicTabs> + <public-tabs :displayContentTab="displayContentTab" :value="value" + :setWasteGasdata="setWasteGasdata"></public-tabs> <div class="public-bounced-content-left-bottom"> - <PublicTable v-if="value === 'gufei'"></PublicTable> - <GasTabs v-else></GasTabs> + <public-table v-if="value === 'gufei'" + :displayContentTable="displayContentTable"></public-table> + <public-chart v-else :getWasteGasDetails="getWasteGasDetails"></public-chart> </div> </div> <div class="public-bounced-content-right"> - <PublicVideo></PublicVideo> + <public-video></public-video> </div> </div> </div> @@ -25,26 +27,31 @@ import PublicTabs from '@components/BaseNav/PublicBounced/GasComponents/PublicTabs' import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' import PublicVideo from '@components/BaseNav/PublicBounced/GasComponents/PublicVideo' -import GasTabs from '@components/BaseNav/PublicBounced/GasComponents/GasTabs' +import PublicChart from './GasComponents/PublicChart' export default { name: 'PublicBounced', components: { - GasTabs, PublicTabs, PublicTable, + PublicChart, PublicVideo }, data () { return { + setWasteGasdata: '', displayContentTitle: '', displayContentTab: '', displayContentTable: '', - flag: false + flag: false, + value: '', + getWasteGasDetails: [] } }, methods: { setData (dataBasic, dataDetailed, value) { + this.flag = true + this.value = value dataBasic.forEach(item => { this.displayContentTitle = item.StoragePlaceName }) @@ -53,9 +60,11 @@ 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.displayContentTab = data this.flag = true this.value = value }, -- Gitblit v1.8.0