代码优化

linwe

2024-11-22 ddb76492b96539151ab1947660b3bcbd9e20e302

 src/views/companyInfo/components/box/fireTrend.vue

@@ -82,8 +82,6 @@
}
// 应急物资图片
let picList = ref([])
// 应急物资
let emergencySupplies = reactive({})

// 查询分页数据
function getLists(param = {}) {
@@ -95,11 +93,6 @@
    .then((res) => {
      const data = res.data.data
      tableData.value = data.dataList
      data.dataList.forEach(item => {
        if (item.lng && item.lat) {
          emergencySupplies = item
        }
      })
      picList.value = data.picList
      pages.total = data.total
      loading.value = false
@@ -110,9 +103,14 @@
    })
}
let addTileLayers = {}
// 行点击
function rowClick() {
let addPupoLayers = {}

// 行点击
function rowClick(row, column, event) {
  if (!row.lng || !row.lat) {
    return
  }
  // console.log('点击了', row, column, event)
  // 销毁之前的
  destroy()
  if (!addTileLayers[row.name]) {
@@ -130,10 +128,33 @@
                    ${iconEl}
                  </div>`
    )

    let incident = () => { }

    // if (item.incident) incident = item.incident
    divIcon.attrParams = row
    let incident = (e) => {
      // const { attrParams } = e.overlay
      // // 删除
      // destroyPupoLayers()
      // if (picList.value.length == 0) {
      //   return
      // }
      // console.log('点击了', picList.value.length)
      // addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
      // window.$viewer.addLayer(addPupoLayers[attrParams.name])
      // let iconEl = `<div class="marsBlueGradientPnl">
      //       <div>${attrParams.fullName}</div>
      //       <img src="${picList.value[0].link}" />
      //           </div>`
      // let divIcon = new DC.DivIcon(
      //   new DC.Position(attrParams.lng, attrParams.lat, 64),
      //   `<div class="public-map-popup-two">
      //               ${iconEl}
      //             </div>`
      // )
      // let incident = () => {
      //   destroyPupoLayers()
      // }
      // divIcon.on(DC.MouseEventType.CLICK, incident)
      // addPupoLayers[attrParams.name].addOverlay(divIcon)
    }

    divIcon.on(DC.MouseEventType.CLICK, incident)

@@ -151,7 +172,14 @@
  })
  addTileLayers = {}
}

// 销毁
function destroyPupoLayers() {
  let arr = Object.keys(addPupoLayers)
  arr.filter(i => i != 'hgyq').forEach(i => {
    addPupoLayers[i] && window.$viewer.removeLayer(addPupoLayers[i])
  })
  addPupoLayers = {}
}
onUnmounted(() => {
  console.log('销毁***************************')
  destroy()
@@ -172,7 +200,7 @@
    </el-form>
    <!-- <global-search :options="options" @searchBtn="searchBtn" @resetBtn="resetBtn" ref="SeachBarCondition"></global-search> -->
    <div class="table-box">
      <el-table :data="tableData" @click="rowClick()" empty-text="" style="width: 100%"
      <el-table :data="tableData" @row-click="rowClick" empty-text="" style="width: 100%"
        :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
        element-loading-background="rgba(122, 122, 122, 0.1)">
        <el-table-column prop="name" label="名称" width="240" />