智慧园区前端大屏
shuishen
2024-12-18 9a37c5e1b2190c3f6ec71483923922189091dd52
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-11-27 14:49:05
 * @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]) {
@@ -74,6 +74,26 @@
            type: 7,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/xfs.png',
            className: 'xfs-box',
          },
          {
            type: 8,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/gouqu.png',
            className: 'xfs-box',
          },
          {
            type: 9,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsclc.png',
            className: 'xfs-box',
          },
          {
            type: 10,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/psk.png',
            className: 'xfs-box',
          },
          {
            type: 11,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsc.png',
            className: 'xfs-box',
          }
        ]
@@ -84,8 +104,10 @@
          let data = res.data.data.records
          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,15 +116,9 @@
                  </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 || ''}">
              new DC.Position(i.lng, i.lat, i.ele || 64),
              `<div class="public-map-popup ${divclassName}">
                    ${iconEl}
                  </div>`
            )
@@ -110,10 +126,9 @@
            let incident = () => { }
            if (item.incident) incident = item.incident
            divIcon.on(DC.MouseEventType.CLICK, incident)
            addTileLayers[item.label].addOverlay(divIcon)
            }
          })
        })
      } else {
@@ -129,9 +144,21 @@
  if (row.type == 2) {
    EventBus.emit('restHandleCheckChange', `3-3-2`)
    EventBus.emit('restHandleCheckChange', `3-3-4`)
    EventBus.emit('restHandleCheckChange', `3-9`)
  } else {
    EventBus.emit('restHandleDelChange', `3-3-2`)
    EventBus.emit('restHandleDelChange', `3-3-4`)
    EventBus.emit('restHandleDelChange', `3-9`)
  }
  if (row.type == 3) {
    EventBus.emit('restHandleCheckChange', `3-3-2`)
    EventBus.emit('restHandleCheckChange', `3-3-4`)
    EventBus.emit('restHandleCheckChange', `3-8`)
  } else {
    EventBus.emit('restHandleDelChange', `3-3-2`)
    EventBus.emit('restHandleDelChange', `3-3-4`)
    EventBus.emit('restHandleDelChange', `3-8`)
  }
}
@@ -160,8 +187,10 @@
  let arr = Object.keys(addTileLayers)
  arr.forEach(i => {
    addTileLayers[i] && window.$viewer && window.$viewer.removeLayer(addTileLayers[i])
    addTileLayers[i] = null
    delete addTileLayers[i]
  })
  addTileLayers = null
  EventBus.emit('restHandleDelChange', `3-3-2`)
  EventBus.emit('restHandleDelChange', `3-3-4`)
})