应急空间对应图标增加、园区范围显示增加

shuishen

2024-12-16 94c8c790b3fd25579b859142707b7d21eca01d4d

应急空间对应图标增加、园区范围显示增加

 public/img/mapicon/kt.png

 public/img/mapicon/ql.png

 public/img/mapicon/sd.png

 public/img/mapicon/wd.png

 public/img/mapicon/zb.png

 src/pages/map/components/scomponents/layersControl.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-31 10:47:29
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-12-16 19:15:27
 * @LastEditTime: 2024-12-16 20:01:40
 * @FilePath: \bigScreen\src\pages\map\components\scomponents\layersControl.vue
 * @Description:
 *
@@ -293,10 +293,10 @@
          type: 6,
          size: 1000
        },
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjb.png',
        className: 'yjb-box',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/kt.png',
        className: 'sk-box',
        showPanel: false,
        layerName: 'yjb',
        layerName: 'kt',
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -338,7 +338,7 @@
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/gouqu.png',
        className: 'xfs-box',
        showPanel: false,
        layerName: 'gouqu'
        layerName: 'mq'
      },
      {
        id: '3-8',
@@ -350,10 +350,10 @@
          type: 8,
          size: 1000
        },
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsclc.png',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/ql.png',
        className: 'xfs-box',
        showPanel: false,
        layerName: 'fsclz'
        layerName: 'ql'
      },
      {
        parentId: '3',
@@ -366,10 +366,10 @@
          type: 9,
          size: 1000
        },
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/psk.png',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/sd.png',
        className: 'xfs-box',
        showPanel: false,
        layerName: 'psk',
        layerName: 'sd',
        incident: (e) => {
          const { attrParams } = e.overlay
          // 删除
@@ -406,10 +406,10 @@
          type: 10,
          size: 1000
        },
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsc.png',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/wd.png',
        className: 'xfs-box',
        showPanel: false,
        layerName: 'wsc'
        layerName: 'wd'
      },
      {
        id: '3-11',
@@ -421,10 +421,10 @@
          type: 11,
          size: 1000
        },
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsc.png',
        className: 'xfs-box',
        backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
        className: 'sk-box',
        showPanel: false,
        layerName: 'wsc'
        layerName: 'zb'
      }
    ]
  },
@@ -554,7 +554,7 @@

              skipLevelOfDetail: true,
              baseScreenSpaceError: 1024,
              maximumScreenSpaceError: 128, // 数值加大，能让最终成像变模糊
              maximumScreenSpaceError: 8, // 数值加大，能让最终成像变模糊
              skipScreenSpaceErrorFactor: 128,
              skipLevels: 5,
              immediatelyLoadDesiredLevelOfDetail: false,

 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-12-16 18:08:11
 * @LastEditTime: 2024-12-16 20:04:29
 * @FilePath: \bigScreen\src\views\pac\components\box\dataContent.vue
 * @Description: 
 * 
@@ -67,8 +67,8 @@
          },
          {
            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,
@@ -77,23 +77,23 @@
          },
          {
            type: 8,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsclc.png',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/ql.png',
            className: 'xfs-box',
          },
          {
            type: 9,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/psk.png',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/sd.png',
            className: 'xfs-box',
          },
          {
            type: 10,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsc.png',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wd.png',
            className: 'xfs-box',
          },
          {
            type: 11,
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/wsc.png',
            className: 'xfs-box',
            backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
            className: 'sk-box',
          }
        ]


 src/views/pd/components/dynamicPanel copy.vue

File was deleted

 src/views/pd/components/dynamicPanel.vue

File was deleted

 src/views/pd/index.vue

@@ -9,62 +9,15 @@
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<script setup>
import EventBus from 'utils/bus'
import dynamicPanel from './components/dynamicPanel.vue'
import { CaretLeft, CaretRight } from '@element-plus/icons-vue'
import { nextTick, onUnmounted } from 'vue'

const showPanel = ref(true)

const showPanelChange = () => {
  showPanel.value = !showPanel.value
}

nextTick(() => {
  EventBus.emit('restHandleCheckChange', `3-3-4`)
  // EventBus.emit('restHandleCheckChange', `3-3-4`)
})

onUnmounted(() => {
  EventBus.emit('restHandleDelChange', `3-3-4`)
  // EventBus.emit('restHandleDelChange', `3-3-4`)
})
</script>

<template>
  <div class="container page-container">
    <div class="telescopic-panel" @click="showPanelChange">
      <el-icon v-show="showPanel">
        <CaretLeft />
      </el-icon>
      <el-icon v-show="!showPanel">
        <CaretRight />
      </el-icon>
    </div>

    <dynamic-panel v-show="showPanel" @closePanel="showPanelChange"></dynamic-panel>
  </div>
</template>

<style lang="scss" scoped>
.container {
  position: absolute;
  width: 100%;
  height: 100%;

  .telescopic-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 60px;
    border-radius: 0 6px 6px 0;
    box-shadow: inset 0 0 40px #409eff;
    pointer-events: all;
    color: #fff;
    transform: translate(0, -50%);
    cursor: pointer;
  }
}
</style>
  <div></div>
</template>