| | |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-07 17:17:21 |
| | | * @FilePath: \bigScreen\src\views\layout\components\scomponents\layersControl.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2024 by shuishen, All Rights Reserved. |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2024 by shuishen, All Rights Reserved. |
| | | --> |
| | | <template> |
| | | <public-box> |
| | |
| | | import { getList } from "@/api/space/space" |
| | | import { getList as getRiskList } from "@/api/riskSource/riskSource" |
| | | import yqfw from "@/assets/json/yqfw" |
| | | import pipeLine from "@/assets/json/line" |
| | | import gsgw from "@/assets/json/gsgw" |
| | | import rqgw from "@/assets/json/rqgw" |
| | | import wsgw from "@/assets/json/wsgw" |
| | | import ysgw from "@/assets/json/ysgw" |
| | | import { onUnmounted } from 'vue' |
| | | |
| | | const { VITE_APP_BASE } = import.meta.env |
| | |
| | | { |
| | | id: '6', |
| | | label: '地下管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'dxgw', |
| | | source: pipeLine |
| | | children: [ |
| | | // 给水管网、污水管网、燃气管网、雨水管网 |
| | | { |
| | | id: '6-1', |
| | | label: '给水管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'gsgw', |
| | | source: gsgw, |
| | | color: DC.Color.BLUE, |
| | | height: 1, |
| | | }, |
| | | { |
| | | id: '6-2', |
| | | label: '污水管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'wsgw', |
| | | source: wsgw, |
| | | color: DC.Color.BLACK, |
| | | height: 2, |
| | | }, |
| | | { |
| | | id: '6-3', |
| | | label: '燃气管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'rqgw', |
| | | source: rqgw, |
| | | color: DC.Color.RED, |
| | | height: 3, |
| | | }, |
| | | { |
| | | id: '6-4', |
| | | label: '雨水管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'ysgw', |
| | | source: ysgw, |
| | | color: DC.Color.CYAN, |
| | | height: 4, |
| | | }, |
| | | |
| | | ] |
| | | }, |
| | | ] |
| | | |
| | |
| | | return 'arr' |
| | | } |
| | | } |
| | | // 用于存储收集到的节点的数组 |
| | | // 用于存储收集到的节点的数组 |
| | | const collectedNodes = reactive([]) |
| | | |
| | | // 递归函数,收集所有 flag 为 true 的子节点 |
| | | // 递归函数,收集所有 flag 为 true 的子节点 |
| | | const collectNodesWithFlag = (nodes) => { |
| | | if (checkType(nodes) == 'obj') { |
| | | if (nodes.type == 'layer') { |
| | |
| | | ) |
| | | |
| | | polylineVolume.setStyle({ |
| | | material: DC.Color.RED |
| | | material: item.color |
| | | }) |
| | | addTileLayers[item.layerName].addOverlay(polylineVolume) |
| | | }) |
| | |
| | | } |
| | | |
| | | onMounted(() => { |
| | | // handleCheckChange(data.filter(i => i.id == '1'), { |
| | | // checkedKeys: ['1'] |
| | | // }) |
| | | handleCheckChange(data.filter(i => i.id == '1'), { |
| | | checkedKeys: ['1'] |
| | | }) |
| | | }) |
| | | |
| | | onUnmounted(() => { |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |