| | |
| | | <div class="public-bounced-content"> |
| | | <div class="public-bounced-content-left"> |
| | | <GasTab :displayContent="displayContent"></GasTab> |
| | | <PublicTable v-if="value === 'gufei'"></PublicTable> |
| | | <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable> |
| | | <GasECharts v-else></GasECharts> |
| | | </div> |
| | | <div class="public-bounced-content-right"> |
| | |
| | | |
| | | <script> |
| | | |
| | | import '@/components/BaseNav/SolidWaste/directive' |
| | | import '@/components/BaseNav/SolidWaste/directive/dir' |
| | | import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab' |
| | | import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' |
| | | import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | .public-bounced { |
| | | width: 75%; |
| | | z-index: 999; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | width: 60%; |
| | | bottom: 5%; |
| | | left: 15%; |
| | | background-color: #002432; |
| | | border: 1px #9fc5c8 solid; |
| | | |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 5px 0; |
| | | background-color: #002433; |
| | | |
| | | span { |
| | | color: #f4f7ff; |
| | |
| | | } |
| | | |
| | | .public-bounced-content { |
| | | margin: 15px auto; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | padding: 12px; |
| | | //width: 100%; |
| | | //height: 100%; |
| | | |
| | | .public-bounced-content-left { |
| | | //float: left; |
| | | //display: flex; |
| | | flex: 1; |
| | | width: 100%; |
| | | flex-direction: column; |
| | | margin-right: 13px; |
| | | width: 48%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .public-bounced-content-right { |
| | | width: 100%; |
| | | width: 48%; |
| | | height: 100%; |
| | | //float: left; |
| | | flex: 1; |
| | | } |
| | | } |
| | | |