From b5acea8ed42d534cefa34d90f9eb1cd637dfe6d7 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 31 三月 2021 09:11:49 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 42 +++++++++++++++++++++--------------------- 1 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index b5f3750..0085f00 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,13 +1,14 @@ <template> - <div class="public-bounced" style="width: auto" v-draw 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"> <div class="public-bounced-content-left"> - <GasTable :displayContent="displayContent"></GasTable> - <GasECharts></GasECharts> + <GasTab :displayContent="displayContent"></GasTab> + <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable> + <GasECharts v-else></GasECharts> </div> <div class="public-bounced-content-right"> <GasVideo></GasVideo> @@ -18,17 +19,17 @@ <script> -import '@/components/BaseNav/SolidWaste/directive' -import GasTable from '@components/BaseNav/PublicBounced/GasComponents/GasTable' +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' import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' -// import GasTabs from '@components/BaseNav/PublicBounced/GasComponents/GasTabs' export default { name: 'PublicBounced', components: { - // GasTabs, - GasTable, + GasTab, + PublicTable, GasECharts, GasVideo }, @@ -39,9 +40,10 @@ } }, methods: { - setData (data) { + setData (data, value) { this.displayContent = data this.flag = true + this.value = value }, closePopup () { this.flag = false @@ -52,12 +54,12 @@ <style lang="less" scoped> .public-bounced { + width: 75%; z-index: 999; - position: fixed; - top: 50%; - left: 50%; - //transform: translate(-50%, -50%); - background-color: #0f1432; + position: absolute; + bottom: 5%; + left: 15%; + background-color: #002432; border: 1px #9fc5c8 solid; .public-bounced-title { @@ -66,7 +68,6 @@ align-items: center; justify-content: space-between; padding: 5px 0; - background-color: #002433; span { color: #f4f7ff; @@ -82,21 +83,20 @@ } .public-bounced-content { + margin: 15px auto; display: flex; align-items: center; justify-content: space-around; - padding: 12px; .public-bounced-content-left { - //flex: 1; - flex-direction: column; - margin-right: 13px; + width: 48%; + height: 100%; } .public-bounced-content-right { - //flex: 1; + width: 48%; + height: 100%; } } - } </style> -- Gitblit v1.8.0