智慧园区前端大屏
shuishen
2024-12-18 9a37c5e1b2190c3f6ec71483923922189091dd52
src/views/space/components/box/dataContent.vue
@@ -86,6 +86,7 @@
// 查询分页数据
const getLists = (param = {}) => {
  destroyPupoLayers()
  tableData.value = []
  param.current = pages.page
  param.size = pages.pageSize
@@ -96,6 +97,11 @@
  })
    .then((res) => {
      const data = res.data.data
      data.records.forEach(item => {
        if(!item.firmName){
          item.firmName = '吉水化工园区'
        }
      })
      tableData.value = data.records
      pages.total = data.total
      loading.value = false
@@ -113,9 +119,10 @@
let addPupoLayers = {}
// 行点击
function rowClick (row, column, event) {
  EventBus.emit('destroyPop', 'destroyPop')
  if (row.lng && row.lat) {
    window.$viewer.flyToPosition(new DC.Position(row.lng, row.lat, 600, 0, -90, 0))
    if (!row.imageUrl) {
    if (!row.firmName) {
      return
    }
    // 删除
@@ -123,8 +130,8 @@
    addPupoLayers[row.name] = new DC.HtmlLayer(row.name)
    window.$viewer.addLayer(addPupoLayers[row.name])
    let iconEl = `<div class="marsBlueGradientPnl">
            <div>${row.fullName}</div>
            <img src="${row.imageUrl}" />
            <div>企业名称:${row.firmName}</div>
            <div>作用:${row.mainFuncName}</div>
                </div>`
    let divIcon = new DC.DivIcon(
      new DC.Position(row.lng, row.lat, row.ele || 64),
@@ -185,12 +192,14 @@
// 销毁
function destroyPupoLayers () {
  let arr = Object.keys(addPupoLayers)
  arr.forEach(i => {
  if (arr.length > 0) {
    arr.forEach(i => {
    addPupoLayers[i] && window.$viewer && window.$viewer.removeLayer(addPupoLayers[i])
    addPupoLayers[i] = null
    delete addPupoLayers[i]
  })
  addPupoLayers = {}
  }
}
</script>