| | |
| | | <template> |
| | | <div class="public-bounced" v-draw v-show="flag"> |
| | | <div class="public-bounced" v-if="flag"> |
| | | <div class="public-bounced-title"> |
| | | <span>{{ displayContent.Name }}</span> |
| | | <i class="el-icon-circle-close" @click="closePopup"></i> |
| | |
| | | <GasTab :displayContent="displayContent"></GasTab> |
| | | <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable> |
| | | <GasECharts v-else></GasECharts> |
| | | <!-- <PublicTable></PublicTable>--> |
| | | <!-- <GasECharts></GasECharts>--> |
| | | </div> |
| | | <div class="public-bounced-content-right"> |
| | | <GasVideo></GasVideo> |
| | |
| | | }, |
| | | methods: { |
| | | setData (data, value) { |
| | | console.log(data) |
| | | console.log(value) |
| | | this.displayContent = data |
| | | this.flag = true |
| | | this.value = value |
| | | console.log(this.flag) |
| | | }, |
| | | // setData (data) { |
| | | // this.displayContent = data |
| | | // this.flag = true |
| | | // // this.value = value |
| | | // }, |
| | | closePopup () { |
| | | this.flag = false |
| | | } |
| | |
| | | .public-bounced-content { |
| | | margin: 15px auto; |
| | | display: flex; |
| | | align-items: center; |
| | | //align-items: center; |
| | | justify-content: space-around; |
| | | padding: 10px; |
| | | |
| | | .public-bounced-content-left { |
| | | width: 48%; |
| | | flex: 3; |
| | | height: 100%; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .public-bounced-content-right { |
| | | width: 48%; |
| | | flex: 2; |
| | | //width: 48%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |