From 6ab6b11a0ba0bc20c099b9f7b73e9d03fe7d5b8e Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期一, 29 三月 2021 18:13:02 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 49 +++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 41 insertions(+), 8 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 8326dfa..93afb60 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,28 +1,43 @@ <template> - <div class="public-bounced" v-show="flag"> + <div class="public-bounced" v-draw v-show="flag"> <div class="public-bounced-title"> <span>{{ displayContent.Name }}</span> <i class="el-icon-circle-close" @click="closePopup"></i> </div> <div class="public-bounced-content"> -<!-- <span>鍐呭</span>--> - <popup-gas></popup-gas> + <div class="public-bounced-content-left"> + <GasTable></GasTable> + <GasECharts></GasECharts> +<!-- <GasTabs></GasTabs>--> + </div> + <div class="public-bounced-content-right"> + <GasVideo></GasVideo> + </div> </div> </div> </template> <script> -import PopupGas from '@components/flueGas/popup-gas' + +import '@/components/BaseNav/SolidWaste/directive' +import GasTable from '@components/BaseNav/PublicBounced/GasComponents/GasTable' +import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' +import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' +// import GasTabs from '@components/BaseNav/PublicBounced/GasComponents/GasTabs' + export default { name: 'PublicBounced', + components: { + // GasTabs, + GasTable, + GasECharts, + GasVideo + }, data () { return { displayContent: [], flag: false } - }, - components: { - PopupGas }, methods: { setData (data) { @@ -46,7 +61,7 @@ left: 10%; background-color: #002432; margin: 1% auto; - border: 1px #a5bfd8 solid; + border: 1px #9fc5c8 solid; .public-bounced-title { width: 100%; @@ -69,5 +84,23 @@ } } + .public-bounced-content { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: space-around; + + .public-bounced-content-left { + width: 48%; + height: 400px; + } + + .public-bounced-content-right { + width: 48%; + height: 400px; + } + } + } </style> -- Gitblit v1.8.0