| | |
| | | </div> |
| | | <div class="public-bounced-content"> |
| | | <div class="public-bounced-content-left"> |
| | | <GasTab :displayContentTab="displayContentTab"></GasTab> |
| | | <public-tabs :displayContentTab="displayContentTab" :value="value" |
| | | :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs> |
| | | <div class="public-bounced-content-left-bottom"> |
| | | <PublicTable v-if="value === 'gufei'" :displayContentTable="displayContentTable"></PublicTable> |
| | | <GasECharts v-else></GasECharts> |
| | | <public-table v-if="value === 'gufei'" |
| | | :displayContentTable="displayContentTable"></public-table> |
| | | <public-chart v-else :getWasteWaterMonitoring="getWasteWaterMonitoring"></public-chart> |
| | | </div> |
| | | </div> |
| | | <div class="public-bounced-content-right"> |
| | | <GasVideo></GasVideo> |
| | | <public-video></public-video> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script> |
| | | |
| | | import '@/components/BaseNav/SolidWaste/directive/dir' |
| | | import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab' |
| | | import PublicTabs from '@components/BaseNav/PublicBounced/GasComponents/PublicTabs' |
| | | import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' |
| | | import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' |
| | | import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' |
| | | // import GasTabs from './GasComponents/GasTabs' |
| | | import PublicVideo from '@components/BaseNav/PublicBounced/GasComponents/PublicVideo' |
| | | import PublicChart from './GasComponents/PublicChart' |
| | | |
| | | export default { |
| | | name: 'PublicBounced', |
| | | components: { |
| | | GasTab, |
| | | PublicTabs, |
| | | PublicTable, |
| | | GasECharts, |
| | | GasVideo |
| | | PublicChart, |
| | | PublicVideo |
| | | }, |
| | | data () { |
| | | return { |
| | | setWasteGasdata: '', |
| | | setWasteWaterdata: '', |
| | | displayContentTitle: '', |
| | | displayContentTab: '', |
| | | displayContentTable: '', |
| | | flag: false |
| | | flag: false, |
| | | value: '', |
| | | getWasteGasDetails: [], |
| | | getWasteWaterMonitoringDetails: [], |
| | | getWasteWaterMonitoring: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | setData (dataBasic, dataDetailed, value) { |
| | | console.log(dataDetailed) |
| | | this.flag = true |
| | | this.value = value |
| | | dataBasic.forEach(item => { |
| | | this.displayContentTitle = item.StoragePlaceName |
| | | }) |
| | |
| | | this.flag = true |
| | | this.value = value |
| | | }, |
| | | setGasData (data, dataDetails, value) { |
| | | this.setWasteGasdata = data |
| | | this.getWasteGasDetails = dataDetails |
| | | // console.log(dataDetails) |
| | | this.displayContentTitle = data.Name |
| | | this.flag = true |
| | | this.value = value |
| | | }, |
| | | setWaterData (data, dataDetail, drawData, value) { |
| | | this.setWasteWaterdata = data |
| | | // console.log(data) |
| | | this.getWasteWaterMonitoring = drawData |
| | | console.log(drawData) |
| | | this.getWasteWaterMonitoringDetails = dataDetail |
| | | this.displayContentTitle = data.Name |
| | | this.flag = true |
| | | this.value = value |
| | | }, |
| | | closePopup () { |
| | | this.flag = false |
| | | } |