Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetw...

徐旺旺

2021-04-19 545ba46e971816dc56b4ea80e48ed26a4b152d62

 src/components/BaseNav/WasteSolid/WasteSolidIndex.vue

@@ -1,74 +1,46 @@
<template>
  <div class="public-bounced-content">
    <div class="public-bounced-content-left">
      <slot name='WasteSolidTabs'>
        <PublicTabs></PublicTabs>
      </slot>
      <div class="public-bounced-content-left-bottom">
        <slot name='WasteSolidTable'>
          <PublicTable></PublicTable>
        </slot>
      </div>
    </div>
    <div class="public-bounced-content-right">
      <slot name='WasteSolidVideo'>
        <PublicVideo></PublicVideo>
      </slot>
    </div>
  </div>
  <public-sector>
    <template v-slot:tabs>
      <public-tabs ref='refsTabsData'></public-tabs>
    </template>
    <template v-slot:table>
      <public-table ref="refsTableData"></public-table>
    </template>
    <template v-slot:video>
      <public-video></public-video>
    </template>
  </public-sector>
</template>

<script>

// import '@/utils/dragBoxes'
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'

export default {
  name: 'WasteSolidIndex',
  props: ['storagePlaceId'],
  components: {
    PublicSector,
    PublicTabs,
    PublicTable,
    PublicVideo
  },
  mounted () {
    this.$nextTick(() => {
      this.refsData()
    })
  },
  data () {
    return {
      displayContentTabs: [{
        StoragePlaceId: 0,
        StoragePlaceName: '取水单元干泥暂存库',
        DesignFloorArea: 0.024,
        StorageQty: 0.016,
        SurplusFloorArea: 0.018,
        StorageDate: '2021-01-17'
      }],
      displayContentTable: '',
      flag: false
    }
    return {}
  },
  methods: {
    closePopup () {
      this.flag = false
    },
    // async reauestData () {
    //   const dataValue = {
    //     StoragePlaceId: 0
    //   }
    //   // console.log(e.layer.options.totransferData.Name)
    //   // 弹框标题
    //   const title = e.layer.options.totransferData.Name
    //   // 基本信息 tabs
    //   const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue)
    //   // 详细信息展示 table
    //   const resultDetailed = await mapApi.getSolidWasteDetail(dataValue)
    // },
    // 固废相关信息设置
    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)
    }
  }
}
@@ -108,7 +80,7 @@
  }

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