弹框内容修改

chenzeping

2021-04-18 d35bd1a0d9190438f31c8e6639b435070dae7364

 src/components/BaseNav/WasteSolid/WasteSolidIndex.vue

@@ -1,11 +1,10 @@
<template>
  <public-sector>
    <template v-slot:tabs>
      <!--      <public-tabs></public-tabs>-->
      <div>{{ storagePlaceId }}</div>
      <public-tabs ref='refsTabsData'></public-tabs>
    </template>
    <template v-slot:table>
      <public-table ref="table"></public-table>
      <public-table ref="refsTableData"></public-table>
    </template>
    <template v-slot:video>
      <public-video></public-video>
@@ -15,7 +14,7 @@

<script>

// import PublicTabs from '@components/BaseNav/WasteSolid/PublicTabs'
import PublicTabs from '@components/BaseNav/WasteSolid/PublicTabs'
import PublicTable from '@components/BaseNav/WasteSolid/PublicTable'
import PublicVideo from '@components/BaseNav/PublicVideo'
import PublicSector from '@components/BaseNav/PublicSector'
@@ -24,35 +23,24 @@
  name: 'WasteSolidIndex',
  props: ['storagePlaceId'],
  components: {
    // WasteSolid,
    PublicSector,
    // PublicTabs,
    PublicTabs,
    PublicTable,
    PublicVideo
  },
  mounted () {
    console.log(this.title)
    this.$nextTick(() => {
      this.refsData()
    })
  },
  data () {
    return {
      displayContentTabs: [{
        StoragePlaceId: 0,
        StoragePlaceName: '取水单元干泥暂存库',
        DesignFloorArea: 0.024,
        StorageQty: 0.016,
        SurplusFloorArea: 0.018,
        StorageDate: '2021-01-17'
      }]
    }
    return {}
  },
  methods: {
    // 固废相关信息设置
    setData (title, dataBasic, dataDetailed, value) {
      this.flag = true
      this.value = value
      this.displayContentTitle = title
      this.displayContentTab = dataBasic[0]
      this.displayContentTable = dataDetailed[0]
    refsData () {
      const data = this.storagePlaceId
      this.$refs.refsTabsData.refsDataTabs(data)
      this.$refs.refsTableData.refsDataTable(data)
    }
  }
}
@@ -92,7 +80,7 @@
  }

  .public-bounced-content {
    padding: 0.1rem;
    //padding: 0.1rem;
    display: flex;
    //align-items: center;
    //justify-content: space-around;