From 95fdec54d006ddd9bedd632486b708ba03a78cb3 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 06 四月 2021 18:08:58 +0800 Subject: [PATCH] 明细表动态渲染 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 22 ++++++++++++++-------- 1 files changed, 14 insertions(+), 8 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index e5831da..501d120 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -6,10 +6,11 @@ </div> <div class="public-bounced-content"> <div class="public-bounced-content-left"> - <PublicTabs :displayContentTab="displayContentTab" :value="value"></PublicTabs> + <PublicTabs :displayContentTab="displayContentTab" :value="value" + :setWasteGasdata="setWasteGasdata"></PublicTabs> <div class="public-bounced-content-left-bottom"> - <PublicTable v-if="value === 'gufei'"></PublicTable> - <GasTabs v-else></GasTabs> + <PublicTable v-if="value === 'gufei'" :displayContentTable="displayContentTable"></PublicTable> + <PublicChart :getWasteGasDetails="getWasteGasDetails" v-else></PublicChart> </div> </div> <div class="public-bounced-content-right"> @@ -25,22 +26,25 @@ 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: { @@ -53,9 +57,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