弹框公共问题修改

chenzeping

2021-04-14 062f5d4a5c511f360c2d73a66b24ce84d5cb2d68

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

@@ -18,14 +18,14 @@
            <li>内/外排口:{{ setWasteGasdata.OrOutPortName }}</li>
          </ul>
        </div>
        <div v-else-if="value === 'gufei'">
        <div v-if="value === 'gufei'">
          <ul>
            <li>场所名称:{{ tabData.StoragePlaceName }}</li>
            <li>贮存能力:{{ tabData.StorageQty }}(吨)</li>
            <li>剩余贮存能力:{{ tabData.SurplusFloorArea }}(吨)</li>
            <li>占地面积(㎡):{{ tabData.DesignFloorArea }}(㎡)</li>
            <li>最近贮存日期:{{ tabData.StorageDate }}</li>
            <li></li>
            <li>场所名称:{{ setSolidWaste.StoragePlaceName }}</li>
            <li>贮存能力:{{ setSolidWaste.StorageQty }}(吨)</li>
            <li>剩余贮存能力:{{ setSolidWaste.SurplusFloorArea }}(吨)</li>
            <li>占地面积(㎡):{{ setSolidWaste.DesignFloorArea }}(㎡)</li>
            <li>最近贮存日期:{{ setSolidWaste.StorageDate }}</li>
            <li class="lastli"></li>
          </ul>
        </div>
        <div v-else-if="value === 'feishui'">
@@ -46,23 +46,7 @@
<script>
export default {
  name: 'GasTable',
  props: ['displayContentTab', 'value', 'setWasteGasdata', 'setWasteWaterdata'],
  data () {
    return {
      tabData: []
    }
  },
  mounted () {
    this.processingData()
  },
  methods: {
    processingData () {
      for (var i = 0; i < this.displayContentTab.length; i++) {
        // console.log(this.displayContentTab[i])
        this.tabData = this.displayContentTab[i]
      }
    }
  }
  props: ['setSolidWaste', 'value', 'setWasteGasdata', 'setWasteWaterdata']
}
</script>

@@ -85,6 +69,7 @@
    font-weight: normal;
    padding: 6px;
    border: 1px solid #396d83;

    ul {
      //width: 100%;
      //height: 100%;
@@ -93,6 +78,7 @@
      justify-content: space-around;
      flex-wrap: wrap;
      margin-bottom: -6px;

      li {
        margin-bottom: 6px;
        text-align: center;
@@ -103,7 +89,10 @@
        font-size: 0.08rem;
      }

      li:last-child {
      //li:last-child {
      //  visibility: hidden
      //}
      .lastli {
        visibility: hidden
      }
    }