| | |
| | | * @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: |
| | | * |
| | |
| | | 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]) { |
| | |
| | | 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', |
| | | } |
| | | ] |
| | | |
| | |
| | | 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> |
| | |
| | | </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>` |
| | | ) |
| | |
| | | let incident = () => { } |
| | | |
| | | if (item.incident) incident = item.incident |
| | | |
| | | divIcon.on(DC.MouseEventType.CLICK, incident) |
| | | |
| | | addTileLayers[item.label].addOverlay(divIcon) |
| | | } |
| | | }) |
| | | }) |
| | | } else { |
| | |
| | | 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`) |
| | | } |
| | | } |
| | | |
| | |
| | | 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`) |
| | | }) |