固废弹框数据传递

chenzeping

2021-04-16 fe044e84d18dee6ebf1244e622b2ad0c918872cb

固废弹框数据传递

 src/components/BaseNav/WasteSolid/PublicTable.vue

@@ -14,6 +14,8 @@
</template>

<script>
import mapApi from '@/api/mapApi'

export default {
  name: 'PublicTable',
  props: ['displayContentTable'],
@@ -54,10 +56,18 @@
  },
  mounted () {
    this.$nextTick(() => {
      this.listData.push(this.displayContentTable[0], {}, {}, {}, {}, {}, {})
      this.listData.push({}, {}, {}, {}, {}, {})
    })
  },
  methods: {
    async refsDataTable (data) {
      const StoragePlaceId = {
        StoragePlaceId: data
      }
      const result = await mapApi.getSolidWasteDetail(StoragePlaceId)
      this.listData = result.Result.DataInfo[0]
      console.log(this.listData)
    },
    // 隔行颜色设置
    tableRowClassName ({
      row,

 src/components/BaseNav/WasteSolid/PublicTabs.vue

@@ -22,19 +22,27 @@
</template>

<script>
import mapApi from '@/api/mapApi'

export default {
  name: 'GasTable',
  data () {
    return {
      tabList: [],
      setSolidWaste: [{
        StoragePlaceId: 0,
        StoragePlaceName: '取水单元干泥暂存库',
        DesignFloorArea: 0.024,
        StorageQty: 0.016,
        SurplusFloorArea: 0.018,
        StorageDate: '2021-01-17'
      }]
      setSolidWaste: []
    }
  },
  mounted () {
    this.$nextTick(() => {
      this.refsDataTabs()
    })
  },
  methods: {
    async refsDataTabs (data) {
      const StoragePlaceId = {
        StoragePlaceId: data
      }
      const result = await mapApi.getSolidWasteBaseInfo(StoragePlaceId)
      this.setSolidWaste = result.Result.DataInfo
    }
  }
}

 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,14 +23,15 @@
  name: 'WasteSolidIndex',
  props: ['storagePlaceId'],
  components: {
    // WasteSolid,
    PublicSector,
    // PublicTabs,
    PublicTabs,
    PublicTable,
    PublicVideo
  },
  mounted () {
    console.log(this.title)
    this.$nextTick(() => {
      this.refsData()
    })
  },
  data () {
    return {
@@ -46,6 +46,11 @@
    }
  },
  methods: {
    refsData () {
      const data = this.storagePlaceId
      this.$refs.refsTabsData.refsDataTabs(data)
      this.$refs.refsTableData.refsDataTable(data)
    },
    // 固废相关信息设置
    setData (title, dataBasic, dataDetailed, value) {
      this.flag = true

 src/components/LayerController/logic/WasteSolid.js

@@ -74,7 +74,7 @@
    /* flyTo()弹出框平移事件 */
    this.setPanTo(e.latlng, 300)

    console.log(e.layer.options.totransferData.StoragePlaceId)
    // console.log(e.layer.options.totransferData.StoragePlaceId)
    window.$layer.open({
      content: {
        content: WasteSolidIndex, // 组件