| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-10 15:27:59 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-12 18:10:32 |
| | | * @FilePath: \bigScreen\src\views\space\components\leftContainer.vue |
| | | * @LastEditTime: 2024-11-18 18:24:10 |
| | | * @FilePath: \bigScreen\src\views\pac\components\box\dataContent.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. |
| | |
| | | import { onUnmounted, reactive } from 'vue' |
| | | |
| | | import { usePointStore } from 'store/usepoint' |
| | | import EventBus from 'utils/bus' |
| | | |
| | | const { VITE_APP_BASE } = import.meta.env |
| | | const pointStore = usePointStore() |
| | | |
| | | const resData = reactive({ |
| | |
| | | if (!addTileLayers[item.label]) { |
| | | addTileLayers[item.label] = new DC.HtmlLayer(item.label) |
| | | window.$viewer.addLayer(addTileLayers[item.label]) |
| | | const typeList = [ |
| | | { |
| | | type: 1, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png', |
| | | className: 'yjc-box', |
| | | }, |
| | | { |
| | | type: 2, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/ysf.png', |
| | | className: 'ysf-box', |
| | | }, |
| | | { |
| | | type: 5, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/sk.png', |
| | | className: 'sk-box', |
| | | }, |
| | | { |
| | | type: 6, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjb.png', |
| | | className: 'yjb-box', |
| | | }, |
| | | { |
| | | type: 7, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/xfs.png', |
| | | className: 'xfs-box', |
| | | } |
| | | ] |
| | | |
| | | getList({ |
| | | size: 1000, |
| | | preLevel: item.type, |
| | |
| | | let data = res.data.data.records |
| | | data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => { |
| | | let iconEl = '' |
| | | if ('showPanel' in item && item.showPanel == false) { |
| | | if (item.backgroundIcon) { |
| | | |
| | | let flag = typeList.find(l => l.type == i.type) |
| | | |
| | | if (flag) { |
| | | if (flag.backgroundIcon) { |
| | | iconEl = ` |
| | | <div class="map-name">${i[item.showParams] || i.name}</div> |
| | | <div class="map-name">${i[i.showParams] || i.name}</div> |
| | | <div class="map-icon"> |
| | | <img src="${item.backgroundIcon}"> |
| | | <img src="${flag.backgroundIcon}"> |
| | | </div> |
| | | ` |
| | | } |
| | | } else { |
| | | iconEl = `<div class="marsBlueGradientPnl"> |
| | | <div>${i.name}</div> </div>` |
| | | <div>${i[i.showParams] || i.name}</div> |
| | | </div>` |
| | | } |
| | | |
| | | let divIcon = new DC.DivIcon( |
| | | new DC.Position(i.lng, i.lat, 0), |
| | | `<div class="public-map-popup"> |
| | | new DC.Position(i.lng, i.lat, 64), |
| | | `<div class="public-map-popup ${flag.className || ''}"> |
| | | ${iconEl} |
| | | </div>` |
| | | ) |
| | |
| | | } |
| | | } |
| | | }) |
| | | |
| | | if (row.type == 2) { |
| | | EventBus.emit('restHandleCheckChange', `3-3`) |
| | | } else { |
| | | EventBus.emit('restHandleDelChange', `3-3`) |
| | | } |
| | | } |
| | | |
| | | const tabClick = (item) => { |