From 7c3ff469d37be883d7634bb4261bc5d54c89d2a5 Mon Sep 17 00:00:00 2001 From: yangdelong <828900aaa> Date: 星期三, 07 四月 2021 15:11:50 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 131 ++++++++++++++++++++++--------------------- 1 files changed, 67 insertions(+), 64 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index 1aaf67c..b2caeb2 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,24 +1,27 @@ <template> - <div class="public-bounced" v-draw v-if="flag"> - <div class="public-bounced-title"> - <span>{{ displayContentTitle }}</span> - <i class="el-icon-circle-close" @click="closePopup"></i> - </div> - <div class="public-bounced-content"> - <div class="public-bounced-content-left"> - <public-tabs :displayContentTab="displayContentTab" :value="value" - :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs> - <div class="public-bounced-content-left-bottom"> - <public-table v-if="value === 'gufei'" - :displayContentTable="displayContentTable"></public-table> - <public-chart v-else :getWasteGasDetails="getWasteGasDetails" :getWasteWaterMonitoring="getWasteWaterMonitoring" ></public-chart> + <div class="public-bounced" v-draw v-if="flag"> + <div class="public-bounced-title"> + <span>{{ displayContentTitle }}</span> + <i class="el-icon-circle-close" @click="closePopup"></i> </div> - </div> - <div class="public-bounced-content-right"> - <public-video></public-video> - </div> + <div class="public-bounced-content"> + <div class="public-bounced-content-left"> + <public-tabs :displayContentTab="displayContentTab" :value="value" + :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs> + <div class="public-bounced-content-left-bottom"> + <public-table v-if="value === 'gufei'" + :displayContentTable="displayContentTable"></public-table> + <public-chart v-else :getWasteGasDetails="getWasteGasDetails" + :getWasteWaterMonitoringDetails="getWasteWaterMonitoringDetails" + :getWasteWaterMonitoring="getWasteWaterMonitoring"> + </public-chart> + </div> + </div> + <div class="public-bounced-content-right"> + <public-video></public-video> + </div> + </div> </div> - </div> </template> <script> @@ -89,53 +92,53 @@ </script> <style lang="less" scoped> -.public-bounced { - width: 75%; - z-index: 999; - position: absolute; - bottom: 5%; - left: 15%; - background-color: #002432; - border: 1px #9fc5c8 solid; + .public-bounced { + width: 75%; + z-index: 999; + position: absolute; + bottom: 5%; + left: 15%; + background-color: #002432; + border: 1px #9fc5c8 solid; - .public-bounced-title { - border: 1px #a4c0d8 solid; - display: flex; - align-items: center; - justify-content: space-between; - padding: 5px 0; + .public-bounced-title { + border: 1px #a4c0d8 solid; + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 0; - span { - color: #f4f7ff; - margin: 0 15px; - font-size: 14px; + span { + color: #f4f7ff; + margin: 0 15px; + font-size: 14px; + } + + i { + color: white; + margin: 0 15px; + font-size: 22px; + } + } + + .public-bounced-content { + margin: 15px auto; + display: flex; + //align-items: center; + justify-content: space-around; + padding: 10px; + + .public-bounced-content-left { + flex: 3; + height: 100%; + margin-right: 10px; + } + + .public-bounced-content-right { + flex: 2; + //width: 48%; + height: 100%; + } + } } - - i { - color: white; - margin: 0 15px; - font-size: 22px; - } - } - - .public-bounced-content { - margin: 15px auto; - display: flex; - //align-items: center; - justify-content: space-around; - padding: 10px; - - .public-bounced-content-left { - flex: 3; - height: 100%; - margin-right: 10px; - } - - .public-bounced-content-right { - flex: 2; - //width: 48%; - height: 100%; - } - } -} </style> -- Gitblit v1.8.0