智慧园区前端大屏
shuishen
2024-11-18 c77bfb15e0a690c28abc3f7178263f9ff6466bf0
三级防控加载调整
1 files modified
60 ■■■■ changed files
src/views/pac/components/box/dataContent.vue 60 ●●●● patch | view | raw | blame | history
src/views/pac/components/box/dataContent.vue
@@ -2,8 +2,8 @@
 * @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. 
@@ -13,6 +13,9 @@
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({
@@ -46,6 +49,34 @@
            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,
@@ -53,22 +84,27 @@
                    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>`
                        )
@@ -91,6 +127,12 @@
            }
        }
    })
  if (row.type == 2) {
    EventBus.emit('restHandleCheckChange', `3-3`)
  } else {
    EventBus.emit('restHandleDelChange', `3-3`)
  }
}
const tabClick = (item) => {