弹框窗口大小问题修改

chenzeping

2021-04-07 3e8003d111e8535ffdb1a1188fe4ca9c2ca8e18f

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -1,5 +1,5 @@
<template>
  <div class="public-bounced" v-draw v-if="flag">
  <div class="public-bounced" v-drag v-if="flag">
    <div class="public-bounced-title">
      <span>{{ displayContentTitle }}</span>
      <i class="el-icon-circle-close" @click="closePopup"></i>
@@ -19,32 +19,32 @@
        <public-video></public-video>
      </div>
    </div>
  </div>
<!--  <el-dialog-->
<!--      :visible.sync="flag"-->
<!--      width="70%"-->
<!--      class="public-bounced"-->
<!--      :modal="false">-->
<!--    <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>-->
<!--    <el-dialog-->
<!--        :visible.sync="flag"-->
<!--        width="70%"-->
<!--        v-drag-->
<!--        :modal="false">-->
<!--      <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>-->
<!--        </div>-->
<!--        <div class="public-bounced-content-right">-->
<!--          <public-video></public-video>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="public-bounced-content-right">-->
<!--        <public-video></public-video>-->
<!--      </div>-->
<!--    </div>-->
<!--  </el-dialog>-->
<!--    </el-dialog>-->
  </div>
</template>

<script>
@@ -116,13 +116,15 @@

<style lang="less" scoped>
.public-bounced {
  //width: 75%;
  //z-index: 999;
  //position: absolute;
  //bottom: 5%;
  //left: 15%;
  //background-color: #002432;
  //border: 1px #9fc5c8 solid;
  width: 75%;
  //height: 520px;
  height: 40%;
  z-index: 999;
  position: absolute;
  bottom: 5%;
  left: 15%;
  background-color: #002432;
  border: 1px #9fc5c8 solid;

  .public-bounced-title {
    border: 1px #a4c0d8 solid;
@@ -141,6 +143,7 @@
      color: white;
      margin: 0 15px;
      font-size: 22px;
      cursor: pointer;
    }
  }