| | |
| | | <div class="public-bounced-content-left"> |
| | | <GasTab :displayContentTab="displayContentTab" ></GasTab> |
| | | <div class="public-bounced-content-left-bottom"> |
| | | <PublicTable v-if="value === 'gufei'"></PublicTable> |
| | | <PublicTable v-if="value === 'gufei'" :displayContentTable="displayContentTable"></PublicTable> |
| | | <!-- <GasECharts v-else></GasECharts>--> |
| | | <PublicTab v-else></PublicTab> |
| | | </div> |
| | |
| | | <script> |
| | | |
| | | import '@/components/BaseNav/SolidWaste/directive/dir' |
| | | import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab' |
| | | import GasTab from '@components/BaseNav/PublicBounced/GasComponents/PublicTabs' |
| | | import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' |
| | | // import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' |
| | | // import GasTabs from './GasComponents/GasTabs' |
| | | import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' |
| | | import PublicTab from './GasComponents/PublicTab' |
| | | |
| | |
| | | components: { |
| | | GasTab, |
| | | PublicTable, |
| | | // GasECharts, |
| | | GasVideo, |
| | | PublicTab |
| | | }, |
| | |
| | | return { |
| | | displayContentTitle: '', |
| | | displayContentTab: '', |
| | | displayContentTable: '', |
| | | flag: false |
| | | } |
| | | }, |
| | | methods: { |
| | | setData (data, value) { |
| | | // data.forEach((item, index) => { |
| | | // // console.log(item.StoragePlaceName) |
| | | // // this.displayContentTitle = item.StoragePlaceName |
| | | // }) |
| | | this.displayContentTab = data |
| | | setData (dataBasic, dataDetailed, value) { |
| | | dataBasic.forEach(item => { |
| | | this.displayContentTitle = item.StoragePlaceName |
| | | }) |
| | | this.displayContentTab = dataBasic |
| | | this.displayContentTable = dataDetailed |
| | | this.flag = true |
| | | this.value = value |
| | | }, |