智慧园区前端大屏
shuishen
2025-01-15 548dcb58164aaeb7ec8a4f3425953bcd25d83c65
src/views/pac/components/box/dataContent.vue
@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-10 15:27:59
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-18 18:24:10
 * @LastEditTime: 2024-12-16 20:04:29
 * @FilePath: \bigScreen\src\views\pac\components\box\dataContent.vue
 * @Description: 
 * 
@@ -43,7 +43,7 @@
const curSelect = ref('1')
let addTileLayers = {}
const handleCheckChange = (row) => {
  // console.log(row)
  EventBus.emit('flyToyqfw', 'flyToyqfw')
  resData.data.forEach(item => {
    if (row.value === item.value) {
      if (!addTileLayers[item.label]) {
@@ -67,13 +67,33 @@
          },
          {
            type: 6,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjb.png',
            className: 'yjb-box',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/kt.png',
            className: 'sk-box',
          },
          {
            type: 7,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/xfs.png',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/gouqu.png',
            className: 'xfs-box',
          },
          {
            type: 8,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/ql.png',
            className: 'xfs-box',
          },
          {
            type: 9,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/sd.png',
            className: 'xfs-box',
          },
          {
            type: 10,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wd.png',
            className: 'xfs-box',
          },
          {
            type: 11,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
            className: 'sk-box',
          }
        ]
@@ -81,11 +101,14 @@
          size: 1000,
          preLevel: item.type,
        }).then(res => {
          let data = res.data.data.records
          let data = res.data.data.records.filter(i => item.type == i.preLevel)
          data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => {
            let iconEl = ''
            let divclassName = ''
            let flag = typeList.find(l => l.type == i.type)
            if (flag) {
              divclassName = flag.className
              if (flag.backgroundIcon) {
                iconEl = `
                  <div class="map-name">${i[i.showParams] || i.name}</div>
@@ -94,26 +117,19 @@
                  </div>
                  `
              }
            } else {
              iconEl = `<div class="marsBlueGradientPnl">
                  <div>${i[i.showParams] || i.name}</div>
                </div>`
            }
            let divIcon = new DC.DivIcon(
              new DC.Position(i.lng, i.lat, 64),
              `<div class="public-map-popup ${flag.className || ''}">
              let divIcon = new DC.DivIcon(
                new DC.Position(i.lng, i.lat, i.ele || 64),
                `<div class="public-map-popup ${divclassName}">
                    ${iconEl}
                  </div>`
            )
            divIcon.attrParams = i
            let incident = () => { }
              )
              divIcon.attrParams = i
              let incident = () => { }
            if (item.incident) incident = item.incident
            divIcon.on(DC.MouseEventType.CLICK, incident)
            addTileLayers[item.label].addOverlay(divIcon)
              if (item.incident) incident = item.incident
              divIcon.on(DC.MouseEventType.CLICK, incident)
              addTileLayers[item.label].addOverlay(divIcon)
            }
          })
        })
      } else {
@@ -125,14 +141,6 @@
      }
    }
  })
  if (row.type == 2) {
    EventBus.emit('restHandleCheckChange', `3-3-2`)
    EventBus.emit('restHandleCheckChange', `3-3-4`)
  } else {
    EventBus.emit('restHandleDelChange', `3-3-2`)
    EventBus.emit('restHandleDelChange', `3-3-4`)
  }
}
const tabClick = (item) => {
@@ -160,10 +168,10 @@
  let arr = Object.keys(addTileLayers)
  arr.forEach(i => {
    addTileLayers[i] && window.$viewer && window.$viewer.removeLayer(addTileLayers[i])
    addTileLayers[i] = null
    delete addTileLayers[i]
  })
  EventBus.emit('restHandleDelChange', `3-3-2`)
  EventBus.emit('restHandleDelChange', `3-3-4`)
  addTileLayers = null
})
</script>