判断显示弹窗

wangqi

2021-04-01 b70fd76b13480fc4ec3f073aeafd9163c87fddd4

判断显示弹窗

 src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue

@@ -60,7 +60,7 @@

  .main-video {
    width: 100%;
    min-height: 195px;
    min-height: 164px;

    video {
      width: 100%;

 src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue

@@ -8,32 +8,29 @@
    <div class="border_corner border_corner_right_bottom"></div>
    <div class="main">
      <div class="main-matter">
        <el-row type="flex" class="row-bg row-item-one" justify="space-around">
          <el-col :span="8">监测点名称:{{ displayContentTab2.StoragePlaceName }}</el-col>
          <el-col :span="8">生产单位:{{ displayContentTab2.StoragePlaceName }}</el-col>
          <el-col :span="8">排放类型加载:{{ displayContentTab2.DesignFloorArea }}</el-col>
        </el-row>
        <el-row type="flex" class="row-bg" justify="space-around">
          <el-col :span="8">排放去向:{{ displayContentTab2.StorageQty }}</el-col>
          <el-col :span="8">控制级别名称:{{ displayContentTab2.SurplusFloorArea }}</el-col>
          <el-col :span="8">内/外排口:{{ displayContentTab2.StorageDate }}</el-col>
        </el-row>
<!--        <el-row type="flex" class="row-bg row-item-one" justify="space-around">-->
<!--          <el-col :span="8">监测点名称:{{ displayContent.Name }}</el-col>-->
<!--          <el-col :span="8">生产单位:{{ displayContent.porltName }}</el-col>-->
<!--          <el-col :span="8">排放类型加载:{{ displayContent.MonTypeName }}</el-col>-->
<!--          &lt;!&ndash;          <el-col :span="8">监测点名称:{{ displayContentTab2.StoragePlaceName }}</el-col>&ndash;&gt;-->
<!--          &lt;!&ndash;          <el-col :span="8">生产单位:{{ displayContentTab2.StoragePlaceName }}</el-col>&ndash;&gt;-->
<!--          &lt;!&ndash;          <el-col :span="8">排放类型加载:{{ displayContentTab2.DesignFloorArea }}</el-col>&ndash;&gt;-->
<!--        </el-row>-->
<!--        <el-row type="flex" class="row-bg" justify="space-around">-->
<!--          <el-col :span="8">排放去向:{{ displayContent.EmissDirecti }}</el-col>-->
<!--          <el-col :span="8">控制级别名称:{{ displayContent.ContrLevelShowName }}</el-col>-->
<!--          <el-col :span="8">内/外排口:{{ displayContent.OrOutPortName }}</el-col>-->
<!--          &lt;!&ndash;          <el-col :span="8">排放去向:{{ displayContentTab2.StorageQty }}</el-col>&ndash;&gt;-->
<!--          &lt;!&ndash;          <el-col :span="8">控制级别名称:{{ displayContentTab2.SurplusFloorArea }}</el-col>&ndash;&gt;-->
<!--          &lt;!&ndash;          <el-col :span="8">内/外排口:{{ displayContentTab2.StorageDate }}</el-col>&ndash;&gt;-->
<!--        </el-row>-->
        <div v-if="value == '废气'">
          <el-row type="flex" class="row-bg row-item-one" justify="space-around">
            <el-col :span="8">监测点名称:{{ displayContentTab2.Name }}</el-col>
            <el-col :span="8">生产单位:{{ displayContentTab2.porltName }}</el-col>
          </el-row>
          <el-row type="flex" class="row-bg" justify="space-around">
            <el-col :span="8">排放去向:{{ displayContent.EmissDirecti }}</el-col>
            <el-col :span="8">控制级别名称:{{ displayContent.ContrLevelShowName }}</el-col>
            <el-col :span="8">内/外排口:{{ displayContent.OrOutPortName }}</el-col>
          </el-row>
        </div>
       <div else-if>
         <el-row type="flex" class="row-bg row-item-one" justify="space-around">
           <el-col :span="8">监测点名称:{{ displayContentTab2.StoragePlaceName }}</el-col>
           <el-col :span="8">生产单位:{{ displayContentTab2.StoragePlaceName }}</el-col>
           <el-col :span="8">排放类型加载:{{ displayContentTab2.DesignFloorArea }}</el-col>
         </el-row>
         <el-row type="flex" class="row-bg" justify="space-around">
           <el-col :span="8">排放去向:{{ displayContentTab2.StorageQty }}</el-col>
           <el-col :span="8">控制级别名称:{{ displayContentTab2.SurplusFloorArea }}</el-col>
           <el-col :span="8">内/外排口:{{ displayContentTab2.StorageDate }}</el-col>
         </el-row>
       </div>
      </div>
    </div>
  </div>
@@ -42,7 +39,7 @@
<script>
export default {
  name: 'GasTable',
  props: ['displayContentTab'],
  props: ['displayContentTab', 'value'],
  data () {
    return {
      displayContentTab2: []

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -6,14 +6,14 @@
    </div>
    <div class="public-bounced-content">
      <div class="public-bounced-content-left">
        <GasTab :displayContentTab="displayContentTab"></GasTab>
        <PublicTabs :displayContentTab="displayContentTab" :value="value"></PublicTabs>
        <div class="public-bounced-content-left-bottom">
          <PublicTable v-if="value === 'gufei'"></PublicTable>
          <GasTabs v-else></GasTabs>
        </div>
      </div>
      <div class="public-bounced-content-right">
        <GasVideo></GasVideo>
        <PublicVideo></PublicVideo>
      </div>
    </div>
  </div>
@@ -22,18 +22,18 @@
<script>

import '@/components/BaseNav/SolidWaste/directive/dir'
import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab'
import PublicTabs from '@components/BaseNav/PublicBounced/GasComponents/PublicTabs'
import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable'
import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo'
import PublicVideo from '@components/BaseNav/PublicBounced/GasComponents/PublicVideo'
import GasTabs from '@components/BaseNav/PublicBounced/GasComponents/GasTabs'

export default {
  name: 'PublicBounced',
  components: {
    GasTabs,
    GasTab,
    PublicTabs,
    PublicTable,
    GasVideo
    PublicVideo
  },
  data () {
    return {
@@ -53,6 +53,12 @@
      this.flag = true
      this.value = value
    },
    setGasData (data, value) {
      this.displayContentTitle = data.Name
      this.displayContentTab = data
      this.flag = true
      this.value = value
    },
    closePopup () {
      this.flag = false
    }

 src/components/LayerController/logic/WasteGas.js

@@ -56,7 +56,7 @@
    // const result = await mapApi.getWasteGas(dataValue)
    const PublicBounced = window.Vue.extend(publicBounced)
    const instance = new PublicBounced()
    instance.setData(e.layer.options.test)
    instance.setGasData(e.layer.options.test, 'feiqi')
    instance.$mount()
    document.body.appendChild(instance.$el)
  }