固废弹框问题修改

chenzeping

2021-04-16 fd9237476b1c11bf46225b5d1469cff5cc20bc92

固废弹框问题修改

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -4,49 +4,45 @@
      <span>{{ displayContentTitle }}</span>
      <i class="el-icon-circle-close" @click="closePopup"></i>
    </div>
<!--    <div class="public-bounced-content">-->
<!--      <div class="public-bounced-content-left">-->
<!--        <public-tabs :setSolidWaste="displayContentTab" :value="value"-->
<!--                     :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs>-->
<!--        <div class="public-bounced-content-left-bottom">-->
<!--          <public-table v-if="value === 'gufei'"-->
<!--                        :displayContentTable="displayContentTable"></public-table>-->
<!--          <public-chart v-else :getWasteGasDetails="getWasteGasDetails"-->
<!--                        :value="value"-->
<!--                        :getQueryOnlineMonData="getQueryOnlineMonData"-->
<!--                        :getWasteWaterMonitoringDetails='getWasteWaterMonitoringDetails'-->
<!--                        :ManualData="ManualData"-->
<!--                        ref="PublicChart"-->
<!--          >-->
<!--          </public-chart>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="public-bounced-content-right">-->
<!--        <public-video></public-video>-->
<!--      </div>-->
<!--    </div>-->
    <PublicSector></PublicSector>
    <div class="public-bounced-content">
      <div class="public-bounced-content-left">
        <public-tabs :setSolidWaste="displayContentTab" :value="value"
                     :setWasteGasdata="setWasteGasdata" :setWasteWaterdata="setWasteWaterdata"></public-tabs>
        <div class="public-bounced-content-left-bottom">
          <public-table v-if="value === 'gufei'"
                        :displayContentTable="displayContentTable"></public-table>
          <public-chart v-else :getWasteGasDetails="getWasteGasDetails"
                        :value="value"
                        :getQueryOnlineMonData="getQueryOnlineMonData"
                        :getWasteWaterMonitoringDetails='getWasteWaterMonitoringDetails'
                        :ManualData="ManualData"
                        ref="PublicChart"
          >
          </public-chart>
        </div>
      </div>
      <div class="public-bounced-content-right">
        <public-video></public-video>
      </div>
    </div>
  </div>
</template>

<script>

import '@/utils/dragBoxes'
// import PublicTabs from '@components/BaseNav/PublicBounced/common/PublicTabs'
// import PublicTable from '@components/BaseNav/PublicBounced/common/PublicTable'
// import PublicVideo from '@components/BaseNav/PublicBounced/common/PublicVideo'
// import PublicChart from './common/PublicChart'

import PublicSector from '@components/BaseNav/PublicSector'
import PublicTabs from '@components/BaseNav/PublicBounced/common/PublicTabs'
import PublicTable from '@components/BaseNav/PublicBounced/common/PublicTable'
import PublicVideo from '@components/BaseNav/PublicBounced/common/PublicVideo'
import PublicChart from './common/PublicChart'

export default {
  name: 'PublicBounced',
  components: {
    PublicSector
    // PublicTabs,
    // PublicTable,
    // PublicChart,
    // PublicVideo
    PublicTabs,
    PublicTable,
    PublicChart,
    PublicVideo
  },
  data () {
    return {

 src/components/BaseNav/WasteSolid/WasteSolidIndex.vue

@@ -1,8 +1,8 @@
<template>
  <public-sector>
    <div></div>
    <template v-slot:tabs>
      <public-tabs></public-tabs>
      <!--      <public-tabs></public-tabs>-->
      <div>{{ storagePlaceId }}</div>
    </template>
    <template v-slot:table>
      <public-table ref="table"></public-table>
@@ -15,19 +15,18 @@

<script>

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

export default {
  name: 'WasteSolidIndex',
  props: ['title'],
  props: ['storagePlaceId'],
  components: {
    // WasteSolid,
    PublicSector,
    PublicTabs,
    // PublicTabs,
    PublicTable,
    PublicVideo
  },
@@ -43,9 +42,7 @@
        StorageQty: 0.016,
        SurplusFloorArea: 0.018,
        StorageDate: '2021-01-17'
      }],
      displayContentTable: '',
      flag: false
      }]
    }
  },
  methods: {

 src/components/LayerController/logic/WasteSolid.js

@@ -11,8 +11,6 @@
// 使用封装方法
const AnimalService = require('../service/AnimalService').default

// const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default

module.exports = function () {
  /**
   * 返回marker对象数组
@@ -34,8 +32,7 @@
      // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同，进行不同类型的图片显示
      const judgeValue = getSolidWasteData[i].StorageQty
      var iconUrl = this.differentTypes(judgeValue)
      // console.log(getSolidWasteData[i].Latitude, getSolidWasteData[i].Longitude)
      // console.log(getSolidWasteData[i])

      const marker = L.marker([positionX, positionY], {
        totransferData: getSolidWasteData[i],
        icon: L.icon({
@@ -44,9 +41,6 @@
          iconAnchor: [15, 15]
        })
      })
      // console.log(L.icon)
      // console.log(iconUrl)
      // console.log(marker)
      layer.addLayer(marker)
    }
  }
@@ -75,33 +69,17 @@

  // 根据点击不同数据 进行接口的数据请求
  this.requestSolidWasteData = async (e) => {
    // 基本信息 和 详细信息 展示数据所需参数
    // const dataValue = {
    //   StoragePlaceId: e.layer.options.totransferData.StoragePlaceId
    // }
    // 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)

    // // 绑定弹框实例
    // const PublicBounced = window.Vue.extend(publicBounced)
    // const instance = new PublicBounced().$mount()
    // document.body.appendChild(instance.$el)
    // // document.body.removeChild(instance.$el)
    // // 通过方法 向绑定弹框传递数据
    // instance.setData(title, resultBasic.Result.DataInfo, resultDetailed.Result.DataInfo, 'gufei')
    /* flyTo()弹出框平移事件 */
    this.setPanTo(e.latlng, 300)

    console.log(e.layer.options.totransferData.StoragePlaceId)
    window.$layer.open({
      content: {
        content: WasteSolidIndex, // 组件
        parent: this, // 父组件
        data: { // 传递的参数
          info: this.info,
          storagePlaceId: e.layer.options.totransferData.StoragePlaceId
        }
      },