zhyq/bigScreen.git

			@@ -2,51 +2,52 @@
			* @Author: shuishen 1109946754@qq.com
			* @Date: 2024-10-31 10:47:29
			* @LastEditors: shuishen 1109946754@qq.com
			* @LastEditTime: 2025-02-19 11:42:40
			* @LastEditTime: 2025-08-18 18:49:54
			* @FilePath: \bigScreen\src\pages\map\components\scomponents\layersControl.vue
			* @Description:
			*
			* Copyright (c) 2024 by shuishen, All Rights Reserved.
			-->
			<template>
			<public-box v-show="showLayerControl">
			<template #name>
			<div class="name"><i class="fa fa-tasks"></i> 图层</div>
			</template>
			<public-box v-show="showLayerControl">
			<template #name>
			<div class="name"><i class="fa fa-tasks"></i> 图层</div>
			</template>

			<template #close>
			<div class="close cursor-p" @click="emit('close', 'layers')"><i class="fa fa-close"></i></div>
			</template>
			<template #close>
			<div class="close cursor-p" @click="emit('close', 'layers')"><i class="fa fa-close"></i></div>
			</template>

			<template #content>
			<div class="tree-content">
			<el-tree ref="treeRef" :data="data" draggable="" show-checkbox node-key="id" default-expand-all
			:default-checked-keys="indexPoint" :props="defaultProps" :indent="treeProps['indent']"
			@check="handleCheckChange">
			<template v-slot:default="{ node }">
			<element-tree-line :node="node" :showLabelLine="treeProps['showLabelLine']" :indent="treeProps['indent']">
			<!-- 自定义label的slot -->
			<template v-slot:node-label>
			<span style="font-size: 12px">
			{{ node.label }}
			<i class="el-icon-eleme"></i></span>
			</template>
			<!-- 在右边追加内容的slot -->
			<!-- <template v-slot:after-node-label>
			<template #content>
			<div class="tree-content">
			<el-tree ref="treeRef" :data="data" draggable="" show-checkbox node-key="id" default-expand-all
			:default-checked-keys="indexPoint" :props="defaultProps" :indent="treeProps['indent']"
			@check="handleCheckChange">
			<template v-slot:default="{ node }">
			<element-tree-line :node="node" :showLabelLine="treeProps['showLabelLine']"
			:indent="treeProps['indent']">
			<!-- 自定义label的slot -->
			<template v-slot:node-label>
			<span style="font-size: 12px">
			{{ node.label }}
			<i class="el-icon-eleme"></i></span>
			</template>
			<!-- 在右边追加内容的slot -->
			<!-- <template v-slot:after-node-label>
			<span style="padding-right: 10px">
			<el-button type="primary" size="mini" @click.stop="openDrawer(node)">新增子节点</el-button>
			<el-button type="primary" size="mini" @click.stop="openDrawer(node)">修改</el-button>
			<el-button type="danger" size="mini" @click.stop="openDialog">删除</el-button></span>
			</template> -->
			</element-tree-line>
			</template>
			</el-tree>
			</div>
			</template>
			</public-box>
			</element-tree-line>
			</template>
			</el-tree>
			</div>
			</template>
			</public-box>

			<panorama v-show="panoramaShow" :title="panoramaTitle" :url="panoramaUrl" @closePanoramaPopup="closePanoramaPopup">
			</panorama>
			<panorama v-show="panoramaShow" :title="panoramaTitle" :url="panoramaUrl" @closePanoramaPopup="closePanoramaPopup">
			</panorama>
			</template>

			<script setup>
			@@ -59,11 +60,11 @@
			window.$viewer.addLayer(planToBuild)

			const {
			show: showLayerControl
			show: showLayerControl
			} = defineProps({
			show: {
			default: false
			}
			show: {
			default: false
			}
			})

			const emit = defineEmits(['close'])
			@@ -91,7 +92,7 @@
			import { useRouter } from 'vue-router'
			const router = useRouter()
			import {
			ElMessage
			ElMessage
			} from 'element-plus'

			const { VITE_APP_BASE } = import.meta.env
			@@ -101,8 +102,8 @@
			const treeRef = ref(null)

			const treeProps = {
			indent: 16,
			showLabelLine: true,
			indent: 16,
			showLabelLine: true,
			}

			// 全景相关
			@@ -110,616 +111,618 @@
			const panoramaTitle = ref('')
			const panoramaUrl = ref('')
			const closePanoramaPopup = () => {
			panoramaShow.value = false
			panoramaShow.value = false
			}

			const baseRcImages = new window.$Cesium.WebMapTileServiceImageryProvider({
			url: '/arcgis117/rest/services/DTFW/rcgyyyx/MapServer/WMTS',
			layer: 'DTFW_rcgyyyx',
			style: 'default',
			format: 'image/png',
			tileMatrixSetID: 'default028mm',
			tilingScheme: new window.$Cesium.GeographicTilingScheme(),
			tileMatrixLabels: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19']
			url: '/arcgis117/rest/services/DTFW/rcgyyyx/MapServer/WMTS',
			layer: 'DTFW_rcgyyyx',
			style: 'default',
			format: 'image/png',
			tileMatrixSetID: 'default028mm',
			tilingScheme: new window.$Cesium.GeographicTilingScheme(),
			tileMatrixLabels: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19']
			})

			const data = [
			{
			id: '1',
			label: '园区倾斜摄影',
			type: 'layer',
			subType: '3Dtile',
			urlData: [
			{
			url: '/3Dtile/rcmx_t/part1/tileset.json',
			label: 'part1'
			},
			{
			url: '/3Dtile/rcmx_t/part2/tileset.json',
			label: 'part2'
			},
			{
			id: '1',
			label: '园区倾斜摄影',
			type: 'layer',
			subType: '3Dtile',
			urlData: [
			{
			url: '/3Dtile/rcmx_t/part1/tileset.json',
			label: 'part1'
			},
			{
			url: '/3Dtile/rcmx_t/part2/tileset.json',
			label: 'part2'
			},

			],
			layerName: 'hgyq'
			},

			{
			id: '2',
			label: '企业分布',
			type: 'layer',
			subType: 'labelPoint',
			method: getPage,
			params: {
			size: 1000
			],
			layerName: 'hgyq'
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qy.png',
			className: 'qyfb-box',
			showPanel: false,
			layerName: 'qyfb'
			},

			{
			id: '3',
			label: '应急空间',
			children: [
			{
			parentId: '3',
			id: '3-1',
			label: '雨水池',
			{
			id: '2',
			label: '企业分布',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			method: getPage,
			params: {
			type: 1,
			size: 1000,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png',
			className: 'yjc-box',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qy.png',
			className: 'qyfb-box',
			showPanel: false,
			layerName: 'cq-yssjc',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			layerName: 'qyfb'
			},

			{
			id: '3',
			label: '应急空间',
			children: [
			{
			parentId: '3',
			id: '3-1',
			label: '雨水池',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 1,
			size: 1000,
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png',
			className: 'yjc-box',
			showPanel: false,
			layerName: 'cq-yssjc',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			<div>企业名称：${attrParams.firmName}</div>
			<div>作用：${attrParams.mainFuncName}</div>
			<div>容量：${attrParams.capacity}(m³)</div>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},

			{
			parentId: '3',
			id: '3-2',
			label: '应急池',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 2,
			size: 1000,
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png',
			className: 'yjc-box',
			showPanel: false,
			layerName: 'sg-yjc',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			{
			parentId: '3',
			id: '3-2',
			label: '应急池',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 2,
			size: 1000,
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/yjc.png',
			className: 'yjc-box',
			showPanel: false,
			layerName: 'sg-yjc',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			<div>企业名称：${attrParams.firmName}</div>
			<div>作用：${attrParams.mainFuncName}</div>
			<div>容量：${attrParams.capacity}(m³)</div>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},

			{
			parentId: '3',
			id: '3-3',
			label: '切断阀',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 3,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/ysf.png',
			className: 'ysf-box',
			showPanel: false,
			layerName: 'qdf',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			{
			parentId: '3',
			id: '3-3',
			label: '切断阀',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			customWx: true,
			params: {
			type: 3,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/ysf.png',
			className: 'ysf-box',
			showPanel: false,
			layerName: 'qdf',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			<div>企业名称：${attrParams.firmName}</div>
			<div>作用：${attrParams.mainFuncName}</div>
			<div>容量：${attrParams.capacity}(m³)</div>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},

			{
			id: '3-4',
			label: '闸坝',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 4,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
			className: 'sk-box',
			showPanel: false,
			layerName: 'zb'
			},
			{
			id: '3-4',
			label: '闸坝',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 4,
			size: 1000
			},
			customWx: true,
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/zb.png',
			className: 'sk-box',
			showPanel: false,
			layerName: 'zb'
			},

			{
			parentId: '3',
			id: '3-5',
			label: '湿地',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 5,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/sd.png',
			className: 'xfs-box',
			showPanel: false,
			layerName: 'sd',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			{
			parentId: '3',
			id: '3-5',
			label: '湿地',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 5,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/sd.png',
			className: 'xfs-box',
			showPanel: false,
			layerName: 'sd',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.id] = new DC.HtmlLayer(attrParams.id)
			window.$viewer.addLayer(addPopLayers[attrParams.id])
			let iconEl = `<div class="marsBlueGradientPnl">
			<div>企业名称：${attrParams.firmName}</div>
			<div>作用：${attrParams.mainFuncName}</div>
			<div>容量：${attrParams.capacity}(m³)</div>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.id].addOverlay(divIcon)
			}
			},

			{
			parentId: '3',
			id: '3-6',
			label: '坑塘',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 6,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/kt.png',
			className: 'sk-box',
			showPanel: false,
			layerName: 'kt',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			{
			parentId: '3',
			id: '3-6',
			label: '坑塘',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 6,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/kt.png',
			className: 'sk-box',
			showPanel: false,
			layerName: 'kt',
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			if (!attrParams.firmName) {
			return
			}
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			<div>企业名称：${attrParams.firmName}</div>
			<div>作用：${attrParams.mainFuncName}</div>
			<div>容量：${attrParams.capacity}(m³)</div>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-two">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},

			{
			parentId: '3',
			id: '3-8',
			label: '桥梁',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 8,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/ql.png',
			className: 'xfs-box',
			showPanel: false,
			layerName: 'ql'
			},
			{
			parentId: '3',
			id: '3-8',
			label: '桥梁',
			type: 'layer',
			subType: 'labelPoint',
			method: getList,
			params: {
			type: 8,
			size: 1000
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/ql.png',
			className: 'xfs-box',
			showPanel: false,
			layerName: 'ql'
			},

			{
			parentId: '3',
			id: '3-9',
			label: '雨水管网',
			type: 'layer',
			subType: 'geojsonPipe',
			layerName: 'ysgw',
			source: ysgw,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '3',
			id: '3-10',
			label: '排洪渠',
			type: 'layer',
			subType: 'geojsonPolygon',
			layerName: 'track',
			source: track,
			color: DC.Color.BLUE.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '3',
			id: '3-11',
			label: '企业级连接管网',
			type: 'layer',
			subType: 'geojsonPipe',
			layerName: 'qyjgx',
			source: qyjgx,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			]
			},
			{
			parentId: '3',
			id: '3-9',
			label: '雨水管网',
			type: 'layer',
			subType: 'geojsonPipe',
			layerName: 'ysgw',
			source: ysgw,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '3',
			id: '3-10',
			label: '排洪渠',
			type: 'layer',
			subType: 'geojsonPolygon',
			layerName: 'track',
			source: track,
			color: DC.Color.BLUE.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '3',
			id: '3-11',
			label: '企业级连接管网',
			type: 'layer',
			subType: 'geojsonPipe',
			layerName: 'qyjgx',
			source: qyjgx,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			]
			},

			{
			id: '4',
			label: '风险源',
			children: [
			{
			parentId: '4',
			id: '4-1',
			label: '一般',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 1,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-ordinary',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-yb.png',
			showPanel: false,
			layerName: 'fxyOrdinary',
			customWx: true,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			{
			id: '4',
			label: '风险源',
			children: [
			{
			parentId: '4',
			id: '4-1',
			label: '一般',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 1,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-ordinary',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-yb.png',
			showPanel: false,
			layerName: 'fxyOrdinary',
			customWx: false,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			<li>企业名称：${attrParams.firmName \|\| ''}</li>
			<li>行业类别：${attrParams.category \|\| ''}</li>
			<li>风险等级：${attrParams.riskLevelName \|\| ''}</li>
			<li>风险物资：${attrParams.name \|\| ''}</li>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-2',
			label: '较大',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 2,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-larger-b',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd-b.png',
			showPanel: false,
			layerName: 'fxyLarger',
			customWx: true,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-2',
			label: '较大',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 2,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-larger-b',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd-b.png',
			showPanel: false,
			layerName: 'fxyLarger',
			customWx: false,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			<li>企业名称：${attrParams.firmName \|\| ''}</li>
			<li>行业类别：${attrParams.category \|\| ''}</li>
			<li>风险等级：${attrParams.riskLevelName \|\| ''}</li>
			<li>风险物资：${attrParams.name \|\| ''}</li>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-3',
			label: '重大',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 3,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-larger',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png',
			showPanel: false,
			layerName: 'fxyLargerB',
			customWx: true,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-3',
			label: '重大',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 3,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-larger',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png',
			showPanel: false,
			layerName: 'fxyLargerB',
			customWx: false,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			<li>企业名称：${attrParams.firmName \|\| ''}</li>
			<li>行业类别：${attrParams.category \|\| ''}</li>
			<li>风险等级：${attrParams.riskLevelName \|\| ''}</li>
			<li>风险物资：${attrParams.name \|\| ''}</li>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-9',
			label: '其他',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 9,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-zd',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd.png',
			showPanel: false,
			layerName: 'fxyZdLarger',
			customWx: true,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-9',
			label: '其他',
			type: 'layer',
			subType: 'labelPoint',
			method: getRiskList,
			params: {
			riskLevel: 9,
			size: 1000
			},
			showParams: 'firmName',
			className: 'fxy-zd',
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd.png',
			showPanel: false,
			layerName: 'fxyZdLarger',
			customWx: false,
			incident: (e) => {
			const { attrParams } = e.overlay
			// 删除
			destroyPop()
			addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name)
			window.$viewer.addLayer(addPopLayers[attrParams.name])
			let iconEl = `<div class="marsBlueGradientPnl">
			<li>${attrParams.firmName \|\| ''}</li>
			<li>${attrParams.name \|\| ''}</li>
			<li>${attrParams.riskLevelName \|\| ''}</li>
			</div>`
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			let divIcon = new DC.DivIcon(
			new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele \|\| 64),
			`<div class="public-map-popup-three">
			${iconEl}
			</div>`
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-5',
			label: '路线',
			)
			let incident = () => {
			destroyPop()
			}
			divIcon.on(DC.MouseEventType.CLICK, incident)
			addPopLayers[attrParams.name].addOverlay(divIcon)
			}
			},
			{
			parentId: '4',
			id: '4-5',
			label: '路线',
			type: 'layer',
			subType: 'geojsonLx',
			layerName: 'lx',
			source: lx,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '4',
			id: '4-6',
			label: '岗亭',
			type: 'layer',
			subType: 'geojsonGt',
			layerName: 'gt',
			showPanel: false,
			className: 'gt-zd',
			source: gt,
			color: DC.Color.CYAN.withAlpha(0.9),
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/gt.png',
			height: 30,
			},
			]
			},

			{
			id: '5',
			label: '园区范围',
			type: 'layer',
			subType: 'geojsonLx',
			layerName: 'lx',
			source: lx,
			color: DC.Color.CYAN.withAlpha(0.9),
			height: 30,
			},
			{
			parentId: '4',
			id: '4-6',
			label: '岗亭',
			subType: 'geojsonWall',
			layerName: 'yqfw',
			source: yqfw
			},

			{
			id: '7',
			label: '空中全景分布',
			type: 'layer',
			subType: 'geojsonGt',
			layerName: 'gt',
			subType: 'labelPoint',
			method: getPanoramaList,
			params: {
			size: 1000,
			remark: '1'
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png',
			showPanel: false,
			className: 'gt-zd',
			source: gt,
			color: DC.Color.CYAN.withAlpha(0.9),
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/gt.png',
			height: 30,
			layerName: 'kzqjdwfb',
			incident: (e) => {
			const { attrParams } = e.overlay
			panoramaTitle.value = attrParams.name
			if (
			attrParams.url.indexOf("http://vr.jxpskj.com:180") != -1
			) {
			attrParams.url = attrParams.url.replace(
			"http://vr.jxpskj.com:180",
			"/panorama"
			)
			}
			panoramaUrl.value = attrParams.url
			panoramaShow.value = true
			}
			},

			{
			id: '8',
			label: '瑞昌影像',
			type: 'layer',
			subType: 'baseMap',
			layerName: 'baseMap',
			source: baseRcImages,
			},

			/* {
			id: '8',
			label: '地面全景分布',
			type: 'layer',
			subType: 'labelPoint',
			method: getPanoramaList,
			params: {
			size: 1000,
			remark: '2'
			},
			]
			},

			{
			id: '5',
			label: '园区范围',
			type: 'layer',
			subType: 'geojsonWall',
			layerName: 'yqfw',
			source: yqfw
			},

			{
			id: '7',
			label: '空中全景分布',
			type: 'layer',
			subType: 'labelPoint',
			method: getPanoramaList,
			params: {
			size: 1000,
			remark: '1'
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png',
			showPanel: false,
			layerName: 'kzqjdwfb',
			incident: (e) => {
			const { attrParams } = e.overlay
			panoramaTitle.value = attrParams.name
			if (
			attrParams.url.indexOf("http://vr.jxpskj.com:180") != -1
			) {
			attrParams.url = attrParams.url.replace(
			"http://vr.jxpskj.com:180",
			"/panorama"
			)
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png',
			showPanel: false,
			layerName: 'dtqjdwfb',
			incident: (e) => {
			const { attrParams } = e.overlay
			panoramaTitle.value = attrParams.name
			if (
			attrParams.url.indexOf("http://vr.jxpskj.com:180") != -1
			) {
			attrParams.url = attrParams.url.replace(
			"http://vr.jxpskj.com:180",
			"/panorama"
			)
			}
			panoramaUrl.value = attrParams.url
			panoramaShow.value = true
			}
			panoramaUrl.value = attrParams.url
			panoramaShow.value = true
			}
			},

			{
			id: '8',
			label: '瑞昌影像',
			type: 'layer',
			subType: 'baseMap',
			layerName: 'baseMap',
			source: baseRcImages,
			},

			/* {
			id: '8',
			label: '地面全景分布',
			type: 'layer',
			subType: 'labelPoint',
			method: getPanoramaList,
			params: {
			size: 1000,
			remark: '2'
			},
			backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png',
			showPanel: false,
			layerName: 'dtqjdwfb',
			incident: (e) => {
			const { attrParams } = e.overlay
			panoramaTitle.value = attrParams.name
			if (
			attrParams.url.indexOf("http://vr.jxpskj.com:180") != -1
			) {
			attrParams.url = attrParams.url.replace(
			"http://vr.jxpskj.com:180",
			"/panorama"
			)
			}
			panoramaUrl.value = attrParams.url
			panoramaShow.value = true
			}
			}, */
			}, */
			]

			// let modellayer = new DC.VectorLayer("modellayer").addTo(window.$viewer)
			@@ -731,492 +734,492 @@
			// window.$viewer.flyToPosition("121.46748793889597,31.22345700031846,300,0,-90")

			const defaultProps = {
			children: 'children',
			label: 'label',
			children: 'children',
			label: 'label',
			}

			const checkType = (value) => {
			if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
			return 'obj'
			} else if (Array.isArray(value)) {
			return 'arr'
			}
			if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
			return 'obj'
			} else if (Array.isArray(value)) {
			return 'arr'
			}
			}
			// 用于存储收集到的节点的数组
			const collectedNodes = reactive([])

			// 递归函数，收集所有 flag 为 true 的子节点
			const collectNodesWithFlag = (nodes) => {
			if (checkType(nodes) == 'obj') {
			if (nodes.type == 'layer') {
			collectedNodes.value.push(nodes)
			}
			if (nodes.children && nodes.children.length > 0) {
			collectNodesWithFlag(nodes.children)
			return
			}
			}

			if (checkType(nodes) == 'arr') {
			nodes.forEach(item => {
			if (item) {
			if (item.type == 'layer') {
			collectedNodes.value.push(item)
			if (checkType(nodes) == 'obj') {
			if (nodes.type == 'layer') {
			collectedNodes.value.push(nodes)
			}

			if (item.children && item.children.length > 0) {
			collectNodesWithFlag(item.children)
			if (nodes.children && nodes.children.length > 0) {
			collectNodesWithFlag(nodes.children)
			return
			}
			}
			})
			}
			}

			if (checkType(nodes) == 'arr') {
			nodes.forEach(item => {
			if (item) {
			if (item.type == 'layer') {
			collectedNodes.value.push(item)
			}

			if (item.children && item.children.length > 0) {
			collectNodesWithFlag(item.children)
			}
			}
			})
			}
			}

			let moveEntity = null

			const handleCheckChange = (data) => {

			let options = treeRef.value?.getCheckedNodes()
			collectedNodes.value = []
			collectNodesWithFlag(data)
			let options = treeRef.value?.getCheckedNodes()
			collectedNodes.value = []
			collectNodesWithFlag(data)

			collectedNodes.value.forEach(item => {
			// console.log(item, 1111111111111111112)
			if (options?.some(i => i.id == item.id)) {
			collectedNodes.value.forEach(item => {
			// console.log(item, 1111111111111111112)
			if (options?.some(i => i.id == item.id)) {

			// const window.$Cesium = DC
			if (item.subType == '3Dtile') {
			if (!addTileLayers[item.layerName]) {
			// addTileLayers[item.layerName] = []
			// let tile = window.$viewer.delegate.scene.primitives.add(new window.$Cesium.Cesium3DTileset({
			// url: '/zhyq-lc/mx/tile_01/tileset.json',
			// }))
			// const window.$Cesium = DC
			if (item.subType == '3Dtile') {
			if (!addTileLayers[item.layerName]) {
			// addTileLayers[item.layerName] = []
			// let tile = window.$viewer.delegate.scene.primitives.add(new window.$Cesium.Cesium3DTileset({
			// url: '/zhyq-lc/mx/tile_01/tileset.json',
			// }))

			// url: '/zhyq-lc/mx/tile_01/tileset.json',
			// }), 121323)
			// item.urlData.forEach(i => {
			// url: '/zhyq-lc/mx/tile_01/tileset.json',
			// }), 121323)
			// item.urlData.forEach(i => {

			// })
			addTileLayers[item.layerName] = []
			item.urlData.forEach((m, ind) => {
			addTileLayers[item.layerName][ind] = new DC.Tileset(m.url, {
			// maximumMemoryUsage: 1024,
			// maximumScreenSpaceError: 8,
			// skipLevels: 5,
			// skipLevelOfDetail: true,
			// skipScreenSpaceErrorFactor: 128,
			// progressiveResolutionHeightFraction: 0.5,
			// baseScreenSpaceError: 1024
			// })
			addTileLayers[item.layerName] = []
			item.urlData.forEach((m, ind) => {
			addTileLayers[item.layerName][ind] = new DC.Tileset(m.url, {
			// maximumMemoryUsage: 1024,
			// maximumScreenSpaceError: 8,
			// skipLevels: 5,
			// skipLevelOfDetail: true,
			// skipScreenSpaceErrorFactor: 128,
			// progressiveResolutionHeightFraction: 0.5,
			// baseScreenSpaceError: 1024

			skipLevelOfDetail: true,
			baseScreenSpaceError: 1024,
			maximumScreenSpaceError: 16, // 数值加大，能让最终成像变模糊
			skipScreenSpaceErrorFactor: 128,
			skipLevels: 5,
			immediatelyLoadDesiredLevelOfDetail: false,
			loadSiblings: true, // 如果为true则不会在已加载完概况房屋后，自动从中心开始超清化房屋
			cullWithChildrenBounds: true,
			cullRequestsWhileMoving: true,
			cullRequestsWhileMovingMultiplier: 10, // 值越小能够更快的剔除
			preloadWhenHidden: true,
			preferLeaves: true,
			maximumMemoryUsage: 1024, // 内存分配变小有利于倾斜摄影数据回收，提升性能体验
			progressiveResolutionHeightFraction: 0.3, // 数值偏于0能够让初始加载变得模糊
			dynamicScreenSpaceErrorDensity: 0.5, // 数值加大，能让周边加载变快
			dynamicScreenSpaceErrorFactor: 1, // 不知道起了什么作用没，反正放着吧先
			dynamicScreenSpaceError: true, // 根据测试，有了这个后，会在真正的全屏加载完之后才清晰化房屋
			})
			// tile.setHeight(-420)
			tileLayers.addOverlay(addTileLayers[item.layerName][ind])
			})
			} else {
			addTileLayers[item.layerName].forEach(m => m.show = true)
			}
			} else if (item.subType == 'labelPoint') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			skipLevelOfDetail: true,
			baseScreenSpaceError: 1024,
			maximumScreenSpaceError: 16, // 数值加大，能让最终成像变模糊
			skipScreenSpaceErrorFactor: 128,
			skipLevels: 5,
			immediatelyLoadDesiredLevelOfDetail: false,
			loadSiblings: true, // 如果为true则不会在已加载完概况房屋后，自动从中心开始超清化房屋
			cullWithChildrenBounds: true,
			cullRequestsWhileMoving: true,
			cullRequestsWhileMovingMultiplier: 10, // 值越小能够更快的剔除
			preloadWhenHidden: true,
			preferLeaves: true,
			maximumMemoryUsage: 1024, // 内存分配变小有利于倾斜摄影数据回收，提升性能体验
			progressiveResolutionHeightFraction: 0.3, // 数值偏于0能够让初始加载变得模糊
			dynamicScreenSpaceErrorDensity: 0.5, // 数值加大，能让周边加载变快
			dynamicScreenSpaceErrorFactor: 1, // 不知道起了什么作用没，反正放着吧先
			dynamicScreenSpaceError: true, // 根据测试，有了这个后，会在真正的全屏加载完之后才清晰化房屋
			})
			// tile.setHeight(-420)
			tileLayers.addOverlay(addTileLayers[item.layerName][ind])
			})
			} else {
			addTileLayers[item.layerName].forEach(m => m.show = true)
			}
			} else if (item.subType == 'labelPoint') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			item.method(item.params).then(res => {
			let data = res.data.data.records
			item.method(item.params).then(res => {
			let data = res.data.data.records

			data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => {
			let iconEl = ''
			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) {
			iconEl = `
			if ('showPanel' in item && item.showPanel == false) {
			if (item.backgroundIcon) {
			iconEl = `
			<div class="map-name">${i[item.showParams] \|\| i.name}</div>
			<div class="map-icon">
			<img src="${item.backgroundIcon}">
			</div>
			`
			}
			} else {
			iconEl = `<div class="marsBlueGradientPnl">
			}
			} else {
			iconEl = `<div class="marsBlueGradientPnl">
			<div>${i[item.showParams] \|\| i.name}</div>
			</div>`
			}
			}

			let divIcon = new DC.DivIcon(
			new DC.Position(i.lng, i.lat, i.ele \|\| 64),
			`<div class="public-map-popup ${item.className \|\| ''}">
			let divIcon = new DC.DivIcon(
			new DC.Position(i.lng, i.lat, i.ele \|\| 64),
			`<div class="public-map-popup ${item.className \|\| ''}">
			${iconEl}
			</div>`
			)
			)

			divIcon.attrParams = i
			divIcon.attrParams = i

			let incident = () => {
			}
			let incident = () => {
			}

			if (item.incident) incident = item.incident
			if (item.incident) incident = item.incident

			divIcon.on(DC.MouseEventType.CLICK, (e) => {
			if (mapStore.editPoint) {
			moveEntity = e
			return
			divIcon.on(DC.MouseEventType.CLICK, (e) => {
			if (mapStore.editPoint) {
			moveEntity = e
			return
			}

			if (mapStore.startCustomWx && item.customWx) {
			EventBus.emit('wxEntityClick', e)
			return
			}

			incident(e)
			})

			addTileLayers[item.layerName].addOverlay(divIcon)
			})
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonWall') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			if (mapStore.startCustomWx && item.customWx) {
			EventBus.emit('wxEntityClick', e)
			return
			item.source.features.forEach(i => {
			let wall = new DC.Wall(
			i.geometry.coordinates[0].map(d => [...d, 125].join(',')).join(';')
			)

			wall.setStyle({
			material: new DC.WallTrailMaterialProperty({
			color: window.$Cesium.Color.fromBytes(0, 123, 255, 180),
			speed: 8
			})
			})
			addTileLayers[item.layerName].addOverlay(wall)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonPipe') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			incident(e)
			})
			function computeCircle (radius) {
			var positions = []
			for (var i = 0; i < 360; i++) {
			var radians = DC.Math.toRadians(i)
			positions.push({
			x: radius * Math.cos(radians),
			y: radius * Math.sin(radians),
			})
			}
			return positions
			}

			addTileLayers[item.layerName].addOverlay(divIcon)
			})
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonWall') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			item.source.features.forEach(i => {
			let polylineVolume = new DC.PolylineVolume(
			i.geometry.coordinates.map(d => [d[0], d[1], item.height].join(',')).join(';'),
			computeCircle(1.6)
			)
			if ('RefName' in i.properties && i.properties.RefName.indexOf('拟建') != -1) {
			polylineVolume.setStyle({
			material: DC.Color.fromBytes(255, 0, 0, 230)
			})

			item.source.features.forEach(i => {
			let wall = new DC.Wall(
			i.geometry.coordinates[0].map(d => [...d, 125].join(',')).join(';')
			)
			let features = window.$turf.featureCollection(
			i.geometry.coordinates.map(d => window.$turf.point([d[0], d[1]]))
			)

			wall.setStyle({
			material: new DC.WallTrailMaterialProperty({
			color: window.$Cesium.Color.fromBytes(0, 123, 255, 180),
			speed: 8
			})
			})
			addTileLayers[item.layerName].addOverlay(wall)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonPipe') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			let planCenter = window.$turf.center(features)

			function computeCircle (radius) {
			var positions = []
			for (var i = 0; i < 360; i++) {
			var radians = DC.Math.toRadians(i)
			positions.push({
			x: radius * Math.cos(radians),
			y: radius * Math.sin(radians),
			})
			}
			return positions
			}

			item.source.features.forEach(i => {
			let polylineVolume = new DC.PolylineVolume(
			i.geometry.coordinates.map(d => [d[0], d[1], item.height].join(',')).join(';'),
			computeCircle(1.6)
			)
			if ('RefName' in i.properties && i.properties.RefName.indexOf('拟建') != -1) {
			polylineVolume.setStyle({
			material: DC.Color.fromBytes(255, 0, 0, 230)
			})

			let features = window.$turf.featureCollection(
			i.geometry.coordinates.map(d => window.$turf.point([d[0], d[1]]))
			)

			let planCenter = window.$turf.center(features)

			let planDivIcon = new DC.DivIcon(
			new DC.Position(planCenter.geometry.coordinates[0], planCenter.geometry.coordinates[1], 60.5),
			`<div class="public-map-popup">
			let planDivIcon = new DC.DivIcon(
			new DC.Position(planCenter.geometry.coordinates[0], planCenter.geometry.coordinates[1], 60.5),
			`<div class="public-map-popup">
			<div class="map-name">拟建</div>
			<div class="map-icon">
			<img src="${VITE_APP_BASE + 'img/mapicon/nj-ys.png'}">
			</div>
			</div>`
			)
			)

			planToBuild.addOverlay(planDivIcon)
			} else {
			polylineVolume.setStyle({
			material: item.color
			})
			}
			// 雨水管网流向
			if (item.layerName === 'ysgw') {
			let ss = i.properties.qd + ',' + item.height + ';' + i.properties.zd + ',' + item.height
			let polyline1 = new DC.Polyline(ss)
			polyline1.setStyle({
			width: 10,
			arcType: 1,
			material: new DC.PolylineImageTrailMaterialProperty({
			color: DC.Color.GREEN,
			speed: 20,
			image: VITE_APP_BASE + 'img/mapicon/right.png',
			repeat: { x: 30, y: 1 }
			}),
			clampToGround: false
			})
			addTileLayers[item.layerName].addOverlay(polyline1)
			}
			addTileLayers[item.layerName].addOverlay(polylineVolume)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonPolygon') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			planToBuild.addOverlay(planDivIcon)
			} else {
			polylineVolume.setStyle({
			material: item.color
			})
			}
			// 雨水管网流向
			if (item.layerName === 'ysgw') {
			let ss = i.properties.qd + ',' + item.height + ';' + i.properties.zd + ',' + item.height
			let polyline1 = new DC.Polyline(ss)
			polyline1.setStyle({
			width: 10,
			arcType: 1,
			material: new DC.PolylineImageTrailMaterialProperty({
			color: DC.Color.GREEN,
			speed: 20,
			image: VITE_APP_BASE + 'img/mapicon/right.png',
			repeat: { x: 30, y: 1 }
			}),
			clampToGround: false
			})
			addTileLayers[item.layerName].addOverlay(polyline1)
			}
			addTileLayers[item.layerName].addOverlay(polylineVolume)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'geojsonPolygon') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			item.source.features.forEach(i => {
			let Polyline = new DC.Polyline(i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';'))
			item.source.features.forEach(i => {
			let Polyline = new DC.Polyline(i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';'))

			Polyline.setStyle({
			width: 3,
			material: DC.Color.BLUE,
			clampToGround: true
			})
			addTileLayers[item.layerName].addOverlay(Polyline)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			// 路线
			} else if (item.subType == 'geojsonLx') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			Polyline.setStyle({
			width: 3,
			material: DC.Color.BLUE,
			clampToGround: true
			})
			addTileLayers[item.layerName].addOverlay(Polyline)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			// 路线
			} else if (item.subType == 'geojsonLx') {
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			item.source.features.forEach(i => {
			let ss = i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';')
			let Polyline = new DC.Polyline(i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';'))
			item.source.features.forEach(i => {
			let ss = i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';')
			let Polyline = new DC.Polyline(i.geometry.coordinates.map(d => [...d, item.height].join(',')).join(';'))

			Polyline.setStyle({
			width: 3,
			// material: DC.Color.BLUE,
			material: new DC.PolylineTrailMaterialProperty({
			color: DC.Color.RED,
			speed: 10
			}),
			clampToGround: true
			})
			addTileLayers[item.layerName].addOverlay(Polyline)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			// 岗亭
			} else if (item.subType == 'geojsonGt') {
			// if (!addTileLayers[item.layerName]) {
			// addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			// window.$viewer.addLayer(addTileLayers[item.layerName])
			Polyline.setStyle({
			width: 3,
			// material: DC.Color.BLUE,
			material: new DC.PolylineTrailMaterialProperty({
			color: DC.Color.RED,
			speed: 10
			}),
			clampToGround: true
			})
			addTileLayers[item.layerName].addOverlay(Polyline)
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			// 岗亭
			} else if (item.subType == 'geojsonGt') {
			// if (!addTileLayers[item.layerName]) {
			// addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
			// window.$viewer.addLayer(addTileLayers[item.layerName])

			// item.source.features.forEach(i => {
			// let iconEl = ''
			// if ('showPanel' in item && item.showPanel == false) {
			// if (item.backgroundIcon) {
			// iconEl = `
			// <div class="map-name">${i.properties.O_Name}</div>
			// <div class="map-icon">
			// <img src="${item.backgroundIcon}">
			// </div>
			// `
			// }
			// } else {
			// iconEl = `<div class="marsBlueGradientPnl">
			// <div>${i.properties.O_Name}</div>
			// </div>`
			// }
			// console.log(i.geometry.coordinates[0], "2222222222222222222")
			// console.log(i.properties.O_Name, "3333333333333333")
			// item.source.features.forEach(i => {
			// let iconEl = ''
			// if ('showPanel' in item && item.showPanel == false) {
			// if (item.backgroundIcon) {
			// iconEl = `
			// <div class="map-name">${i.properties.O_Name}</div>
			// <div class="map-icon">
			// <img src="${item.backgroundIcon}">
			// </div>
			// `
			// }
			// } else {
			// iconEl = `<div class="marsBlueGradientPnl">
			// <div>${i.properties.O_Name}</div>
			// </div>`
			// }
			// console.log(i.geometry.coordinates[0], "2222222222222222222")
			// console.log(i.properties.O_Name, "3333333333333333")

			// let divIcon = new DC.DivIcon(
			// new DC.Position('115.60241996718104', '29.818985725785911'),
			// `<div class="public-map-popup ${item.className \|\| ''}">
			// ${iconEl}
			// </div>`
			// )
			// let divIcon = new DC.DivIcon(
			// new DC.Position('115.60241996718104', '29.818985725785911'),
			// `<div class="public-map-popup ${item.className \|\| ''}">
			// ${iconEl}
			// </div>`
			// )

			// addTileLayers[item.layerName].addOverlay(divIcon)
			// })
			// } else {
			// addTileLayers[item.layerName].show = true
			// }
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])
			// addTileLayers[item.layerName].addOverlay(divIcon)
			// })
			// } else {
			// addTileLayers[item.layerName].show = true
			// }
			if (!addTileLayers[item.layerName]) {
			addTileLayers[item.layerName] = new DC.HtmlLayer(item.layerName)
			window.$viewer.addLayer(addTileLayers[item.layerName])

			// item.method(item.params).then(res => {
			// let data = res.data.data.records
			// item.method(item.params).then(res => {
			// let data = res.data.data.records


			item.source.features.forEach(i => {
			let iconEl = ''
			item.source.features.forEach(i => {
			let iconEl = ''

			if ('showPanel' in item && item.showPanel == false) {
			if (item.backgroundIcon) {
			iconEl = `
			if ('showPanel' in item && item.showPanel == false) {
			if (item.backgroundIcon) {
			iconEl = `
			<div class="map-name">${i.properties.O_Name}</div>
			<div class="map-icon">
			<img src="${item.backgroundIcon}">
			</div>
			`
			}
			} else {
			iconEl = `<div class="marsBlueGradientPnl">
			}
			} else {
			iconEl = `<div class="marsBlueGradientPnl">
			<div>${i.properties.O_Name}</div>
			</div>`
			}
			}

			let divIcon = new DC.DivIcon(
			new DC.Position(i.geometry.coordinates[0], i.geometry.coordinates[1], i.ele \|\| 64),
			`<div class="public-map-popup ${item.className \|\| ''}">
			let divIcon = new DC.DivIcon(
			new DC.Position(i.geometry.coordinates[0], i.geometry.coordinates[1], i.ele \|\| 64),
			`<div class="public-map-popup ${item.className \|\| ''}">
			${iconEl}
			</div>`
			)
			)

			divIcon.attrParams = i
			divIcon.attrParams = i

			// let incident = () => {
			// }
			// let incident = () => {
			// }

			// if (item.incident) incident = item.incident
			// if (item.incident) incident = item.incident

			// divIcon.on(DC.MouseEventType.CLICK, (e) => {
			// if (mapStore.editPoint) {
			// moveEntity = e
			// return
			// }
			// divIcon.on(DC.MouseEventType.CLICK, (e) => {
			// if (mapStore.editPoint) {
			// moveEntity = e
			// return
			// }

			// if (mapStore.startCustomWx && item.customWx) {
			// EventBus.emit('wxEntityClick', e)
			// return
			// }
			// if (mapStore.startCustomWx && item.customWx) {
			// EventBus.emit('wxEntityClick', e)
			// return
			// }

			// incident(e)
			// })
			// incident(e)
			// })

			addTileLayers[item.layerName].addOverlay(divIcon)
			// })
			})
			addTileLayers[item.layerName].addOverlay(divIcon)
			// })
			})
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'baseMap') {
			if (addTileLayers[item.layerName]) {
			addTileLayers[item.layerName].show = true
			return
			}

			addTileLayers[item.layerName] = window.$viewer?.imageryLayers.addImageryProvider(item.source)
			}
			} else {
			addTileLayers[item.layerName].show = true
			}
			} else if (item.subType == 'baseMap') {
			if (addTileLayers[item.layerName]) {
			addTileLayers[item.layerName].show = true
			return
			}
			if (addTileLayers[item.layerName]) {
			if (item.subType == '3Dtile') {
			addTileLayers[item.layerName].forEach(m => m.show = false)
			} else if (item.subType == 'baseMap') {
			addTileLayers[item.layerName].show = false
			} else {
			addTileLayers[item.layerName].clear()
			window.$viewer && window.$viewer.removeLayer(addTileLayers[item.layerName])
			addTileLayers[item.layerName] = null
			delete addTileLayers[item.layerName]

			addTileLayers[item.layerName] = window.$viewer?.imageryLayers.addImageryProvider(item.source)
			}
			} else {
			if (addTileLayers[item.layerName]) {
			if (item.subType == '3Dtile') {
			addTileLayers[item.layerName].forEach(m => m.show = false)
			} else if (item.subType == 'baseMap') {
			addTileLayers[item.layerName].show = false
			} else {
			addTileLayers[item.layerName].clear()
			window.$viewer && window.$viewer.removeLayer(addTileLayers[item.layerName])
			addTileLayers[item.layerName] = null
			delete addTileLayers[item.layerName]

			if (item.layerName == 'ysgw' && planToBuild) {
			planToBuild.clear()
			}
			if (item.layerName == 'qyjgx' && planToBuild) {
			planToBuild.clear()
			}
			if (item.layerName == 'ysgw' && planToBuild) {
			planToBuild.clear()
			}
			if (item.layerName == 'qyjgx' && planToBuild) {
			planToBuild.clear()
			}
			}
			}
			}
			}
			}
			})
			})
			}

			function findObjectById (data, id) {
			// 遍历数据数组
			for (let i = 0; i < data.length; i++) {
			const item = data[i]
			// 遍历数据数组
			for (let i = 0; i < data.length; i++) {
			const item = data[i]

			// 检查当前项的 id 是否匹配
			if (item.id === id) {
			return item // 找到匹配项，返回它
			// 检查当前项的 id 是否匹配
			if (item.id === id) {
			return item // 找到匹配项，返回它
			}

			// 如果当前项有 children 数组，则递归查找
			if (item.children && item.children.length > 0) {
			const found = findObjectById(item.children, id)
			if (found) {
			return found // 在 children 中找到匹配项，返回它
			}
			}
			}

			// 如果当前项有 children 数组，则递归查找
			if (item.children && item.children.length > 0) {
			const found = findObjectById(item.children, id)
			if (found) {
			return found // 在 children 中找到匹配项，返回它
			}
			}
			}

			// 如果没有找到匹配项，返回 null
			return null
			// 如果没有找到匹配项，返回 null
			return null
			}

			const restHandleCheckChange = (key) => {
			let checkIds = treeRef.value?.getCheckedKeys()
			let checkIds = treeRef.value?.getCheckedKeys()

			if (checkIds && checkIds.some(i => i == key)) {
			return
			}
			if (checkIds && checkIds.some(i => i == key)) {
			return
			}

			treeRef.value?.setCheckedKeys([...checkIds, key])
			handleCheckChange([findObjectById(data, key)])
			treeRef.value?.setCheckedKeys([...checkIds, key])
			handleCheckChange([findObjectById(data, key)])
			}

			const restHandleDelChange = (key) => {

			let checkIds = treeRef.value?.getCheckedKeys()
			let checkIds = treeRef.value?.getCheckedKeys()

			if (checkIds && !checkIds.some(i => i == key)) {
			return
			}
			if (checkIds && !checkIds.some(i => i == key)) {
			return
			}

			let selectData = findObjectById(data, key)
			let selectData = findObjectById(data, key)

			let parentId = null
			if (selectData && 'parentId' in selectData) parentId = selectData.parentId
			let parentId = null
			if (selectData && 'parentId' in selectData) parentId = selectData.parentId

			treeRef.value?.setCheckedKeys(checkIds.filter(i => i.indexOf(key) && i != parentId))
			handleCheckChange([selectData])
			treeRef.value?.setCheckedKeys(checkIds.filter(i => i.indexOf(key) && i != parentId))
			handleCheckChange([selectData])
			}

			// 飞到园区范围
			const flyToyqfw = () => {
			window.$viewer.zoomToPosition(new DC.Position(
			115.6080,
			29.7880,
			3000,
			0,
			-45,
			0
			), () => {
			})
			window.$viewer.zoomToPosition(new DC.Position(
			115.6080,
			29.7880,
			3000,
			0,
			-45,
			0
			), () => {
			})
			}

			EventBus.on('restHandleCheckChange', restHandleCheckChange)
			@@ -1227,63 +1230,63 @@
			let tooltip = window.$viewer.tooltip

			const viewerMouseMove = (e) => {
			if (mapStore.editPoint) {
			if (moveEntity != null) {
			if (mapStore.editPoint) {
			if (moveEntity != null) {

			if (e.wgs84Position && e.wgs84Position.alt > 0) {
			moveEntity.overlay.position = new DC.Position(e.wgs84Position.lng, e.wgs84Position.lat, e.wgs84Position.alt)
			} else {
			moveEntity.overlay.position = new DC.Position(e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat, e.wgs84SurfacePosition.alt)
			}
			if (e.wgs84Position && e.wgs84Position.alt > 0) {
			moveEntity.overlay.position = new DC.Position(e.wgs84Position.lng, e.wgs84Position.lat, e.wgs84Position.alt)
			} else {
			moveEntity.overlay.position = new DC.Position(e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat, e.wgs84SurfacePosition.alt)
			}

			tooltip.showAt({ x: e.windowPosition.x + 10, y: e.windowPosition.y }, '右键结束编辑')
			} else {
			tooltip.showAt({ x: e.windowPosition.x + 10, y: e.windowPosition.y }, '左键选中点位，开始编辑')
			tooltip.showAt({ x: e.windowPosition.x + 10, y: e.windowPosition.y }, '右键结束编辑')
			} else {
			tooltip.showAt({ x: e.windowPosition.x + 10, y: e.windowPosition.y }, '左键选中点位，开始编辑')
			}
			}
			}
			}

			window.$viewer.on(DC.MouseEventType.MOUSE_MOVE, viewerMouseMove)

			const viewerRightClick = (e) => {
			if (mapStore.editPoint && moveEntity != null) {
			tooltip.enable = false
			let lng, lat, ele
			if (mapStore.editPoint && moveEntity != null) {
			tooltip.enable = false
			let lng, lat, ele

			const { attrParams } = moveEntity.overlay
			console.log(e, 2222)
			const { attrParams } = moveEntity.overlay
			console.log(e, 2222)

			if (e.wgs84Position && e.wgs84Position.alt > 0) {
			lng = e.wgs84Position.lng
			lat = e.wgs84Position.lat
			ele = e.wgs84Position.alt
			} else {
			lng = e.wgs84SurfacePosition.lng
			lat = e.wgs84SurfacePosition.lat
			ele = e.wgs84SurfacePosition.alt
			if (e.wgs84Position && e.wgs84Position.alt > 0) {
			lng = e.wgs84Position.lng
			lat = e.wgs84Position.lat
			ele = e.wgs84Position.alt
			} else {
			lng = e.wgs84SurfacePosition.lng
			lat = e.wgs84SurfacePosition.lat
			ele = e.wgs84SurfacePosition.alt
			}

			updateSpace({
			id: attrParams.id,
			lng,
			lat,
			ele: Math.ceil(ele)
			}).then(res => {
			moveEntity = null
			mapStore.setEditPoint(false)

			ElMessage({
			message: '修改成功',
			type: 'success',
			})
			})
			}

			updateSpace({
			id: attrParams.id,
			lng,
			lat,
			ele: Math.ceil(ele)
			}).then(res => {
			moveEntity = null
			mapStore.setEditPoint(false)

			ElMessage({
			message: '修改成功',
			type: 'success',
			})
			})
			}
			}

			window.$viewer.on(DC.MouseEventType.RIGHT_CLICK, viewerRightClick)

			onMounted(() => {
			handleCheckChange(data.filter(i => indexPoint.value.includes(i.id)))
			handleCheckChange(data.filter(i => indexPoint.value.includes(i.id)))
			})

			// const sharedData = computed(() => pointStore.sharedData);
			@@ -1292,26 +1295,26 @@

			// 关闭所有选中的,除了倾斜，园区分布，空中全景
			const closeAll = () => {
			EventBus.emit('restHandleDelChange', `2`)
			EventBus.emit('restHandleDelChange', `3-1`)
			EventBus.emit('restHandleDelChange', `3-2`)
			EventBus.emit('restHandleDelChange', `3-3`)
			EventBus.emit('restHandleDelChange', `3-4`)
			EventBus.emit('restHandleDelChange', `3-5`)
			EventBus.emit('restHandleDelChange', `3-6`)
			EventBus.emit('restHandleDelChange', `3-7`)
			EventBus.emit('restHandleDelChange', `3-8`)
			EventBus.emit('restHandleDelChange', `3-9`)
			EventBus.emit('restHandleDelChange', `3-11`)
			EventBus.emit('restHandleDelChange', `2`)
			EventBus.emit('restHandleDelChange', `3-1`)
			EventBus.emit('restHandleDelChange', `3-2`)
			EventBus.emit('restHandleDelChange', `3-3`)
			EventBus.emit('restHandleDelChange', `3-4`)
			EventBus.emit('restHandleDelChange', `3-5`)
			EventBus.emit('restHandleDelChange', `3-6`)
			EventBus.emit('restHandleDelChange', `3-7`)
			EventBus.emit('restHandleDelChange', `3-8`)
			EventBus.emit('restHandleDelChange', `3-9`)
			EventBus.emit('restHandleDelChange', `3-11`)

			EventBus.emit('restHandleDelChange', `4-1`)
			EventBus.emit('restHandleDelChange', `4-2`)
			EventBus.emit('restHandleDelChange', `4-3`)
			EventBus.emit('restHandleDelChange', `4-9`)
			EventBus.emit('restHandleDelChange', `4-5`)
			EventBus.emit('restHandleDelChange', `4-6`)
			EventBus.emit('restHandleDelChange', `4-1`)
			EventBus.emit('restHandleDelChange', `4-2`)
			EventBus.emit('restHandleDelChange', `4-3`)
			EventBus.emit('restHandleDelChange', `4-9`)
			EventBus.emit('restHandleDelChange', `4-5`)
			EventBus.emit('restHandleDelChange', `4-6`)

			destroyPop()
			destroyPop()
			}

			// const sharedData = computed(() => pointStore.sharedData);
			@@ -1319,95 +1322,95 @@
			// });
			// 监听当前路由路径的变化
			watch(() => router.currentRoute.value.path,
			(newPath, oldPath) => {
			console.log(`Current path changed from ${oldPath} to ${newPath}`)
			closeAll()
			},
			{ immediate: true }
			(newPath, oldPath) => {
			console.log(`Current path changed from ${oldPath} to ${newPath}`)
			closeAll()
			},
			{ immediate: true }
			)

			// 销毁
			function destroyPop () {
			if (addPopLayers && addPopLayers != null) {
			let arr = Object.keys(addPopLayers)
			if (arr.length > 0) {
			arr.forEach(i => {
			addPopLayers[i] && window.$viewer && window.$viewer.removeLayer(addPopLayers[i])
			addPopLayers[i] = null
			delete addPopLayers[i]
			})
			addPopLayers = {}
			if (addPopLayers && addPopLayers != null) {
			let arr = Object.keys(addPopLayers)
			if (arr.length > 0) {
			arr.forEach(i => {
			addPopLayers[i] && window.$viewer && window.$viewer.removeLayer(addPopLayers[i])
			addPopLayers[i] = null
			delete addPopLayers[i]
			})
			addPopLayers = {}
			}
			}
			}
			}

			onUnmounted(() => {
			let arr = Object.keys(addTileLayers)
			arr.forEach(i => {
			if (i == 'hgyq' \|\| i == 'hgyqT') {
			addTileLayers[i].forEach(t => {
			tileLayers.removeOverlay(t)
			t = null
			})
			} else if (i == 'baseMap') {
			window.$viewer?.imageryLayers.remove(addTileLayers[i])
			} else {
			addTileLayers[i] && window.$viewer && window.$viewer.removeLayer(addTileLayers[i])
			let arr = Object.keys(addTileLayers)
			arr.forEach(i => {
			if (i == 'hgyq' \|\| i == 'hgyqT') {
			addTileLayers[i].forEach(t => {
			tileLayers.removeOverlay(t)
			t = null
			})
			} else if (i == 'baseMap') {
			window.$viewer?.imageryLayers.remove(addTileLayers[i])
			} else {
			addTileLayers[i] && window.$viewer && window.$viewer.removeLayer(addTileLayers[i])
			}
			addTileLayers[i] = null
			delete addTileLayers[i]
			})
			addTileLayers = null

			if (tileLayers) {
			tileLayers.remove()
			window.$viewer && window.$viewer.removeLayer(tileLayers)
			tileLayers = null
			}
			addTileLayers[i] = null
			delete addTileLayers[i]
			})
			addTileLayers = null

			if (tileLayers) {
			tileLayers.remove()
			window.$viewer && window.$viewer.removeLayer(tileLayers)
			tileLayers = null
			}
			if (planToBuild) {
			planToBuild.remove()
			window.$viewer && window.$viewer.removeLayer(planToBuild)
			planToBuild = null
			}

			if (planToBuild) {
			planToBuild.remove()
			window.$viewer && window.$viewer.removeLayer(planToBuild)
			planToBuild = null
			}
			// 弹窗销毁
			destroyPop()
			addPopLayers = null

			// 弹窗销毁
			destroyPop()
			addPopLayers = null
			window.$viewer && window.$viewer.off(DC.MouseEventType.MOUSE_MOVE, viewerMouseMove)
			window.$viewer && window.$viewer.off(DC.MouseEventType.RIGHT_CLICK, viewerRightClick)

			window.$viewer && window.$viewer.off(DC.MouseEventType.MOUSE_MOVE, viewerMouseMove)
			window.$viewer && window.$viewer.off(DC.MouseEventType.RIGHT_CLICK, viewerRightClick)

			EventBus.off('restHandleCheckChange', restHandleCheckChange)
			EventBus.off('restHandleDelChange', restHandleDelChange)
			EventBus.off('flyToyqfw', flyToyqfw)
			EventBus.off('restHandleCheckChange', restHandleCheckChange)
			EventBus.off('restHandleDelChange', restHandleDelChange)
			EventBus.off('flyToyqfw', flyToyqfw)
			})
			</script>

			<style lang="scss" scoped>
			.tree-content {
			min-width: 200px;
			padding: 10px;
			min-width: 200px;
			padding: 10px;

			::v-deep(.el-tree) {
			color: #fff;
			background: transparent;
			::v-deep(.el-tree) {
			color: #fff;
			background: transparent;

			/* 鼠标浮动过的背景颜色 */
			.el-tree-node__content:hover {
			background: #0074b7;
			/* 鼠标浮动过的背景颜色 */
			.el-tree-node__content:hover {
			background: #0074b7;
			}

			/* 鼠标点击时节点的背景颜色 */
			.el-tree-node:focus>.el-tree-node__content {
			background-color: #0074b7 !important;
			color: rgb(255, 255, 255);
			}

			/* 鼠标失去焦点时节点背景的颜色 */
			.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
			background: rgb(0, 129, 204);
			}
			}

			/* 鼠标点击时节点的背景颜色 */
			.el-tree-node:focus>.el-tree-node__content {
			background-color: #0074b7 !important;
			color: rgb(255, 255, 255);
			}

			/* 鼠标失去焦点时节点背景的颜色 */
			.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
			background: rgb(0, 129, 204);
			}
			}
			}
			</style>