功能修改20250326-01

src/components/MapView.vue

@@ -25,9 +25,8 @@ export default {
 			}, 2500)
 			myBridge.bridgeContent = bridge = new CityGis.Bridge({
 				id: 'i_map',
-				// url: 'http://localhost:5173/map-tool-widget/',
-				// url: 'https://cimweb.zjw.sh.cegn.cn:2007/map-tool-widget/#/',
-				url: 'http://172.16.8.44:9250/map-tool-widget/#/jk_map',
+				url: 'http://localhost:5173/map-tool-widget/',
+				// url: 'https://cimweb.zjw.sh.cegn.cn:2007/map-tool-widget/#/'
 				onReady: function () {
 					console.log('地图创建完成')
 				},

src/router.js

@@ -4,17 +4,7 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 const defaultRoutes = [
 	{
 		path: '/',
-		redirect: '/login',
-	},
-	{
-		path: '/navigation',
-		name: 'Navigation',
-		component: () => import('@/views/nav/Index.vue'),
-	},
-	{
-		path: '/login',
-		name: 'Login',
-		component: () => import('@/views/Login.vue'),
+		redirect: '/main',
 	},
 	{
 		path: '/main',
@@ -26,42 +16,6 @@ const defaultRoutes = [
 				component: () => import('@/views/layout/Index.vue'),
 				meta: { title: '首页', disabled: false },
 			},
-			{
-				path: 'area',
-				name: 'Area',
-				// component: () => import('@/views/area/Index.vue'),
-				meta: { title: '空域管理', disabled: true },
-			},
-			{
-				path: 'flight',
-				name: 'Flight',
-				// component: () => import('@/views/flight/Index.vue'),
-				meta: { title: '飞行服务', disabled: true },
-			},
-			{
-				path: 'monitor',
-				name: 'Monitor',
-				// component: () => import('@/views/monitor/Index.vue'),
-				meta: { title: '态势监视', disabled: true },
-			},
-			{
-				path: 'aid',
-				name: 'Aid',
-				// component: () => import('@/views/aid/Index.vue'),
-				meta: { title: '辅助决策', disabled: true },
-			},
-			{
-				path: 'info',
-				name: 'Info',
-				// component: () => import('@/views/info/Index.vue'),
-				meta: { title: '信息服务', disabled: true },
-			},
-			{
-				path: 'scene',
-				name: 'Scene',
-				// component: () => import('@/views/scene/Index.vue'),
-				meta: { title: '专题场景', disabled: true },
-			},
 		],
 	},
 ]

src/store/layout.js

@@ -15,9 +15,9 @@ const useLayoutStore = defineStore('layout', {
 	state: () => ({
 		globalLoading: false, // 全局加载
 		sceneLoading: false, // 场景加载
-		leftCollapse: false, // 左侧面板收缩状态
-		rightCollapse: false, // 左侧面板收缩状态
-		footerCollapse: false, // 底部收缩状态
+		leftCollapse: true, // 左侧面板收缩状态
+		rightCollapse: true, // 左侧面板收缩状态
+		footerCollapse: true, // 底部收缩状态
 		sceneType: 'gis', // 场景类型 'ue' | 'gis'
 		mapScene: 'rs', // 底图类型 'light' | 'dark' | 'rs'
 		leftPanelType: 'default', // 左侧面板显示的内容

src/utils/map/addTool.js

@@ -1,123 +1,116 @@
-import { myBridge, previewMapBridge } from "./map.js";
-import { getMapToken, getServiceToken } from "@/service/map.js";
+import { myBridge, previewMapBridge } from './map.js'
+import { getMapToken, getServiceToken } from '@/service/map.js'
 
 export function invokeParams(ActionName, params) {
-    console.log('invokeParams', ActionName, params)
-    getMapToken().then(res => {
-        let token = res.data.msg[0].Rows[0].token;
-        myBridge.bridgeContent.Invoke({
-            'ActionName': ActionName,
-            "Parameters": {
-                token: token,
-                ...params
-            }
-        })
-    })
+	console.log('invokeParams', ActionName, params)
+	getMapToken().then((res) => {
+		let token = res.data.msg[0].Rows[0].token
+		myBridge.bridgeContent.Invoke({
+			ActionName: ActionName,
+			Parameters: {
+				token: token,
+				...params,
+			},
+		})
+	})
 }
 
 export function previewInvokeParams(ActionName, params) {
-    getMapToken().then(res => {
-        let token = res.data.msg[0].Rows[0].token;
-        previewMapBridge.bridgeContent.Invoke({
-            'ActionName': ActionName,
-            "Parameters": {
-                token: token,
-                ...params
-            }
-        })
-    })
+	getMapToken().then((res) => {
+		let token = res.data.msg[0].Rows[0].token
+		previewMapBridge.bridgeContent.Invoke({
+			ActionName: ActionName,
+			Parameters: {
+				token: token,
+				...params,
+			},
+		})
+	})
 }
 
 async function returnProxyUrl(url) {
-    let arr = url.split('/');
-    let username = '';
-    let password = '';
-    if (arr.indexOf('MapProxyApi') !== -1) { //不需要授权服务
-        for (let i = 0; i < arr.length; i++) {
-            if (arr[i] === 'getSceneServer') {
-                username = arr[i + 1];
-                password = arr[i + 2];
-                const response = await getServiceToken(username, password);
-                if (response?.data.length > 0) {
-                    arr.splice(i - 1, 4);
-                    return arr.join('/') + '/MapServiceProxy/' + response.data;
-                }
-            }
-        }
-    } else {
-        return url
-    }
+	let arr = url.split('/')
+	let username = ''
+	let password = ''
+	if (arr.indexOf('MapProxyApi') !== -1) {
+		//不需要授权服务
+		for (let i = 0; i < arr.length; i++) {
+			if (arr[i] === 'getSceneServer') {
+				username = arr[i + 1]
+				password = arr[i + 2]
+				const response = await getServiceToken(username, password)
+				if (response?.data.length > 0) {
+					arr.splice(i - 1, 4)
+					return arr.join('/') + '/MapServiceProxy/' + response.data
+				}
+			}
+		}
+	} else {
+		return url
+	}
 }
 
-
 //回显各类集合体
 export async function geometryMeshEffect(params) {
-    invokeParams('GeometryMeshEffect', {
-        "status": params.status,
-        "id": params.id,
-        "data":params.data
-    })
+	invokeParams('GeometryMeshEffect', {
+		status: params.status,
+		id: params.id,
+		data: params.data,
+	})
 }
 
 //回显二次绘制航线
 export async function showAndRedrawPath(params) {
-    invokeParams('Draw', {
-        "type": "polyline",
-        "hasZ": true,
-        "status": params.status,
-        "path": params.path,
-        "symbol": {
-            "type": "line-3d",
-            "symbolLayers": [
-                {
-                    "type": "path",
-                    "profile": "circle",
-                    "material": {
-                        "color": params.color?params.color:[
-                            0,
-                            255,
-                            0,
-                            0.3
-                        ]
-                    },
-                    "width": params.radius?params.radius * 2 : 10,
-                    "height": params.radius?params.radius * 2 : 10,
-                }
-            ]
-        },
-    })
+	invokeParams('Draw', {
+		type: 'polyline',
+		hasZ: true,
+		status: params.status,
+		path: params.path,
+		symbol: {
+			type: 'line-3d',
+			symbolLayers: [
+				{
+					type: 'path',
+					profile: 'circle',
+					material: {
+						color: params.color ? params.color : [0, 255, 0, 0.3],
+					},
+					width: params.radius ? params.radius * 2 : 10,
+					height: params.radius ? params.radius * 2 : 10,
+				},
+			],
+		},
+	})
 }
 
 //查询航线网格
 export async function getPathCube(params) {
-    invokeParams('GetPathCube', {
-        "id": "pathCube",
-        "status": params.status,
-        "level": 23,
-        "paths": params.paths,
-        "radius": 5,
-    })
+	invokeParams('GetPathCube', {
+		id: 'pathCube',
+		status: params.status,
+		level: 23,
+		paths: params.paths,
+		radius: 5,
+	})
 }
 
-
 //查询航线网格
 export async function getPathCube24(params) {
-    invokeParams('GetPathCube', {
-        "id": "pathCube",
-        "status": params.status,
-        "level": 24,
-        "paths": params.paths,
-        "radius": 5,
-        "flag":false
-    })
+	invokeParams('GetPathCube', {
+		id: 'pathCube',
+		status: params.status,
+		level: 24,
+		paths: params.paths,
+		radius: 5,
+		flag: false,
+	})
 }
 
-
-
 //查询态势
-export async function movePoint(params) {
-    invokeParams('MovePoint', {
-        "status": params.status?"show":"hide"
-    })
+export async function getFixedFlyPoint(params) {
+	invokeParams('GetFixedFlyPoint', {
+		status: params.status ? 'show' : 'hide',
+	})
 }
 
+//模拟无人机飞行

src/views/home/Home.vue

@@ -14,10 +14,6 @@
 		</div>
 		<!-- 工具栏 -->
 		<ToolList />
-		<!-- gis 态势监视-选项面板 -->
-		<Transition name="emerge-left">
-			<FloatPanelTsjsGis v-if="layoutStore.floatPanels.tsjs_gis" />
-		</Transition>
 	</div>
 </template>
 
@@ -28,7 +24,6 @@ import useLayoutStore from '@/store/layout'
 import PanelSgzy from './cpns/PanelSgzy.vue'
 import PanelKypm from './cpns/PanelKypm.vue'
 import PanelSjwg from './cpns/PanelSjwg.vue'
-import FloatPanelTsjsGis from './cpns/FloatPanelTsjsGis.vue'
 
 const layoutStore = useLayoutStore()
 

src/views/home/cpns/PanelSjwg.vue

@@ -31,157 +31,17 @@
 				</template>
 			</div>
 		</Transition>
-
-		<div class="title-sub my-4 shrink-0">
-			低空要素数据<i @click="toggleContentShow('b2')" class="drop-down" :class="{ reverse: contentShow.b2 }"></i>
-		</div>
-
-		<Transition>
-			<div v-if="contentShow.b2" v-collapse="'scroll'" class="pr-1" style="flex: 3">
-				<template v-for="item in featureLists">
-					<div class="title-shade">
-						<span @click="handleCheckShiFei(item.label)">{{ item.label }}</span>
-						<i class="btn-selectall" :class="{ active: item.check }" @click="handleCheckAll(item)"></i>
-						<i class="drop-down" @click="toggleB2Show(item)" :class="{ reverse: item.show }"></i>
-					</div>
-					<Transition>
-						<ul v-if="item.show" v-collapse>
-							<li v-for="child in item.children" class="list-item">
-								<img :src="getAssetsFile(`resources/${item.icon}.png`)" alt="" />
-								<span>{{ child.name }}</span>
-								<i title="查看" @click="handleCheck(child, item.type)" :class="{ active: child.check }"></i>
-								<i title="网格" @click="handleMesh(child, item.type)" :class="{ active: child.mesh }"></i>
-								<el-popconfirm title="确定删除?" @confirm="handleDelete(child, item.type)">
-									<template #reference>
-										<i title="删除"></i>
-									</template>
-								</el-popconfirm>
-							</li>
-							<li v-if="!item.children.length" class="no-data">无数据</li>
-						</ul>
-					</Transition>
-				</template>
-			</div>
-		</Transition>
-
-		<Transition name="emerge-left">
-			<div class="feature-legend" v-if="layoutStore.floatPanels.layers_legend">
-				<div class="title-sub">图例</div>
-				<ul>
-					<template v-for="item in featureLists">
-						<li>
-							<i v-if="item.color" :style="{ background: item.color }"></i>
-							<span :class="{ bold: item.colors }">{{ item.label }}</span>
-						</li>
-						<template v-if="item.colors">
-							<div v-for="(childColor, childLabel) in item.colors">
-								<i :style="{ background: childColor }"></i>
-								<span>{{ childLabel }}</span>
-							</div>
-						</template>
-					</template>
-				</ul>
-			</div>
-		</Transition>
 	</div>
 </template>
 
 <script setup>
-import shifei from '@/data/shifei.json'
-import { DeleteArea, DeletePlot, DeleteRoute, GetAreaList, GetPlotList, GetRouteList } from '@/service/http'
 import useLayoutStore from '@/store/layout'
-import usePanelStore from '@/store/panel'
-import { AddSingleLayer, heatMap, InspectCube, showShapes } from '@/utils/map/addLayer'
+import { AddSingleLayer, heatMap } from '@/utils/map/addLayer'
 import { airSpaceTypes } from '@/utils/options'
 import { getAssetsFile, getData } from '@/utils/require'
-import { hexToRgb } from '@/utils/tools'
-import { renderShapes } from '@/utils/ueActions'
-import { onBeforeMount, onBeforeUnmount, reactive, ref, watch } from 'vue'
-import { useMapStore } from '@/store/map.js'
+import { onBeforeUnmount, reactive, ref } from 'vue'
 
-const panelStore = usePanelStore()
 const layoutStore = useLayoutStore()
-const mapStore = useMapStore()
-let shifeiStatus = false
-
-onBeforeMount(() => {
-	getLists()
-	addAreaColors()
-	if (layoutStore.sceneType === 'ue') {
-		contentShow.b1 = false
-	}
-})
-
-function addAreaColors() {
-	featureLists.value.forEach((i) => {
-		if (!i.color && !i.colors) {
-			i.color = airSpaceTypes.find((t) => t.label === i.label).color
-		}
-	})
-	layoutStore.toggleFloatPanel('layers_legend', true)
-}
-
-function showWarning(message) {
-	ElMessage({ offset: 90, type: 'warning', message })
-}
-
-function getLists() {
-	Promise.all([
-		GetAreaList()
-			.then((res) => {
-				if (!Array.isArray(res.data.data)) {
-					showWarning('空域列表查询失败')
-					return
-				}
-				const resList = res.data.data.map((row) => ({
-					...row,
-					check: false,
-					mesh: false,
-				}))
-				featureLists.value[0].children = resList.filter((r) => r.spaceType === '1')
-				featureLists.value[1].children = resList.filter((r) => r.spaceType === '2')
-				featureLists.value[2].children = resList.filter((r) => r.spaceType === '3')
-				featureLists.value[3].children = resList.filter((r) => r.spaceType === '6')
-				featureLists.value[0].show = true
-			})
-			.catch(() => {
-				showWarning('空域列表查询失败')
-			}),
-		GetPlotList()
-			.then((res) => {
-				if (!Array.isArray(res.data.data)) {
-					showWarning('起降场列表查询失败')
-					return
-				}
-				featureLists.value[5].children = res.data.data.map((row) => ({
-					...row,
-					check: false,
-					mesh: false,
-				}))
-			})
-			.catch(() => {
-				showWarning('起降场列表查询失败')
-			}),
-		GetRouteList()
-			.then((res) => {
-				if (!Array.isArray(res.data.data)) {
-					showWarning('航线列表查询失败')
-					return
-				}
-				featureLists.value[4].children = res.data.data.map((row) => ({
-					...row,
-					check: false,
-					mesh: false,
-				}))
-			})
-			.catch(() => {
-				showWarning('航线列表查询失败')
-			}),
-	]).finally(() => {
-		// 恢复选中状态
-		handleRestoreChecked()
-	})
-}
 
 function basicCheckAll(item) {
 	item.active = !item.active
@@ -205,55 +65,10 @@ const basicList = ref([
 		label: '低空障碍物',
 		show: false,
 		active: false,
-		children: [
-			{ label: '全市建筑物', alias: '全市白模', icon: 'qsjzwu', active: false },
-			{ label: '高精度模型', alias: '五角场精模', icon: 'gjdmxing', active: false },
-		],
-	},
-	{
-		label: '电磁干扰场域',
-		show: false,
-		active: false,
-		children: [
-			{ label: '无线通信基站', active: false, icon: 'wxtxjzhan', disabled: true },
-			{ label: '电磁干扰', active: false, icon: 'dcgrao', disabled: true },
-		],
-	},
-	{
-		label: '其它社会信息',
-		show: false,
-		active: false,
-		children: [
-			{ label: '道路', alias: ['快速路', '高速公路', '地面道路'], icon: 'dlu', active: false },
-			{ label: '河流', alias: '全市河流', icon: 'hliu', active: false },
-			{ label: '轨道交通', icon: 'gdjtong', active: false },
-			{ label: '铁路', icon: 'tlu', active: false },
-			{ label: '绿化', alias: '公园绿地', icon: 'lhua', active: false },
-			{ label: '学校', icon: 'xxiao', active: false },
-			{ label: '医院', alias: '医院', icon: 'yyuan', active: false },
-			{ label: '人口', alias: '人口', icon: 'rkou', active: false },
-			{ label: '政府部门', icon: 'zfbmen', active: false },
-		],
+		children: [{ label: '全市建筑物', alias: '全市白模', icon: 'qsjzwu', active: false }],
 	},
 ])
 
-const featureLists = ref([
-	{ label: '禁飞区', type: 'area', show: false, check: false, icon: 'jfqu', children: [] },
-	{ label: '净空区', type: 'area', show: false, check: false, icon: 'jkqu', children: [] },
-	{ label: '适飞区', type: 'area', show: false, check: false, icon: 'sfqu', children: [] },
-	{
-		label: '已批复空域',
-		type: 'area',
-		show: false,
-		check: false,
-		icon: 'ypfkyu',
-		children: [],
-		colors: { '120米以下': '#ccff66', '300米以下': '#ffcc66', '600米以下': '#feb2b2' },
-	},
-	{ label: '航线', type: 'route', show: false, check: false, icon: 'hxian', children: [], color: '#ffff00' },
-	{ label: '起降场', type: 'plot', show: false, check: false, icon: 'qjchang', children: [], color: '#45dcb5' },
-])
-
 let resources
 
 async function handleBaseClick(layer) {
@@ -266,18 +81,11 @@ async function handleBaseClick(layer) {
 		const targetServices = resources.filter((r) => aliasArr.some((i) => i === r.title))
 		if (targetServices.length === 0) return
 		targetServices.forEach((service) => {
-			if (service.type == 'feature') {
-				heatMap({
-					...service,
-					visible: layer.active,
-				})
-			} else {
-				AddSingleLayer({
-					...service,
-					visible: layer.active,
-					opacity: 1,
-				})
-			}
+			AddSingleLayer({
+				...service,
+				visible: layer.active,
+				opacity: 1,
+			})
 		})
 	}
 }
@@ -292,128 +100,6 @@ function toggleB1Show(item) {
 	})
 }
 
-function toggleB2Show(item) {
-	const target = featureLists.value.find((i) => i.label === item.label)
-	target.show = !target.show
-	featureLists.value.forEach((i) => {
-		if (i.show && i.label !== item.label) {
-			i.show = false
-		}
-	})
-}
-
-function handleCheck(item, type) {
-	// console.log(item)
-	item.check = !item.check
-	let color
-	const shapeObj = JSON.parse(item.shape)
-	switch (type) {
-		case 'area':
-			if (item.spaceType !== '6') {
-				color = hexToRgb(airSpaceTypes.find((i) => i.value === item.spaceType).color, 0.5)
-			} else {
-				const colorArr = Object.values(featureLists.value.find((i) => i.label === '已批复空域').colors)
-				color = +shapeObj.height < 120 ? colorArr[0] : +shapeObj.height < 300 ? colorArr[1] : colorArr[2]
-				color = hexToRgb(color, 0.5)
-			}
-			break
-		case 'plot':
-			color = hexToRgb(featureLists.value.find((i) => i.type === 'plot').color, 0.7)
-			break
-		case 'route':
-			color = hexToRgb(featureLists.value.find((i) => i.type === 'route').color, 0.5)
-	}
-	const data = [
-		{
-			type: type === 'route' ? item.type : item.geoType,
-			shape: {
-				...shapeObj,
-				color,
-			},
-		},
-	]
-	if (layoutStore.sceneType === 'gis') {
-		showShapes({
-			id: item.id,
-			data: item.check ? data : null,
-		})
-	} else {
-		renderShapes({
-			id: item.id,
-			data: item.check ? data[0] : null,
-		})
-	}
-}
-
-function handleCheckShiFei(label) {
-	if (label !== '适飞区') return
-	shifeiStatus = !shifeiStatus
-	if (shifeiStatus) {
-		shifei.forEach((item) => {
-			showShapes({
-				id: item.attributes.FID,
-				data: [
-					{
-						type: 'polygon',
-						shape: {
-							color: [0, 255, 0, 0.5],
-							height: 120,
-							rings: item.geometry.rings,
-						},
-					},
-				],
-			})
-		})
-	} else {
-		shifei.forEach((item) => {
-			showShapes({
-				id: item.attributes.FID,
-			})
-		})
-	}
-}
-
-function handleDelete(item, type) {
-	switch (type) {
-		case 'area':
-			DeleteArea(item.id).then((res) => {
-				if (res.data.code === 200) {
-					ElMessage.success('删除成功')
-					getLists()
-				}
-			})
-			break
-		case 'plot':
-			DeletePlot(item.id).then((res) => {
-				if (res.data.code === 200) {
-					ElMessage.success('删除成功')
-					getLists()
-				}
-			})
-			break
-		case 'route':
-			DeleteRoute(item.id).then((res) => {
-				if (res.data.code === 200) {
-					ElMessage.success('删除成功')
-					getLists()
-				}
-			})
-	}
-}
-
-function handleMesh(item, type) {
-	item.mesh = !item.mesh
-	if (item.mesh) {
-		layoutStore.toggleGlobalLoading(true)
-	}
-	InspectCube({
-		id: item.id,
-		show: item.mesh,
-		type: item.geoType || item.type,
-		shape: JSON.parse(item.shape),
-	})
-}
-
 const contentShow = reactive({
 	b1: true,
 	b2: true,
@@ -423,51 +109,7 @@ function toggleContentShow(id) {
 	contentShow[id] = !contentShow[id]
 }
 
-function handleCheckAll(item) {
-	item.check = !item.check
-	item.children.forEach((c) => {
-		if (item.check && !c.check) {
-			handleCheck(c, item.type)
-		} else if (!item.check && c.check) {
-			handleCheck(c, item.type)
-		}
-	})
-}
-
-function handleStoreChecked() {
-	panelStore.setSjwg({
-		basicList: basicList.value,
-		featureLists: featureLists.value.map((t) => ({
-			label: t.label,
-			show: t.show,
-			check: t.check,
-			children: t.children.map((c) => ({
-				id: c.id,
-				check: c.check,
-				mesh: c.mesh,
-			})),
-		})),
-	})
-}
-
-function handleRestoreChecked() {
-	if (!Object.keys(panelStore.sjwg).length) return
-	const temp = panelStore.sjwg
-	basicList.value = temp.basicList
-	featureLists.value.forEach((row) => {
-		const tar_row = temp.featureLists.find((t) => t.label === row.label)
-		row.check = tar_row.check
-		row.show = tar_row.show
-		row.children.forEach((c) => {
-			const tar_c = tar_row.children.find((tc) => tc.id === c.id)
-			c.check = tar_c.check
-			c.mesh = tar_c.mesh
-		})
-	})
-}
-
 onBeforeUnmount(() => {
-	handleStoreChecked()
 	layoutStore.toggleFloatPanel('layers_legend', false)
 	// clearAllFeatures()
 })
@@ -486,17 +128,6 @@ const vCollapse = {
 		el.style.height = '0'
 	},
 }
-
-watch(
-	() => mapStore.cubeResult,
-	(val) => {
-		if (val.data == 'error') {
-			ElMessage({ type: 'error', message: '核查结果为空' })
-		}
-		layoutStore.toggleGlobalLoading(false)
-	},
-	{ deep: true }
-)
 </script>
 
 <style lang="scss" scoped>

src/views/home/cpns/ToolList.vue

@@ -37,7 +37,7 @@ import { onBeforeMount, ref, watch } from 'vue'
 import { getAssetsFile } from '@/utils/require'
 import useLayoutStore from '@/store/layout'
 import BaseMap from './BaseMap.vue'
-import { movePoint } from '@/utils/map/addTool.js'
+import { getFixedFlyPoint } from '@/utils/map/addTool.js'
 
 const layoutStore = useLayoutStore()
 
@@ -49,11 +49,8 @@ onBeforeMount(() => {
 })
 
 const toolsData = ref([
-	{ id: 'qjll', name: '全景浏览', icon: 'tool-qjll', active: false, disabled: false },
 	{ id: 'dtqh', name: '底图切换', icon: 'tool-dtqh', active: false },
 	{ id: 'kytc', name: '空域图层', icon: 'tool-kytc', active: false, leftPanel: true },
-	{ id: 'fcky', name: '分层空域', icon: 'tool-fcky', active: false },
-	{ id: 'kysg', name: '空域栅格', icon: 'tool-kysg', active: false },
 	{
 		name: '栅格占用',
 		icon: 'tool-sgzy',
@@ -63,9 +60,6 @@ const toolsData = ref([
 			{ id: 'kypm', name: '空域剖面分析', icon: 'tool2-kypm', active: false, leftPanel: true },
 		],
 	},
-	{ id: 'kyhs', name: '空域划设', icon: 'tool-kyhs', active: false, leftPanel: true },
-	{ id: 'qjchs', name: '起降场划设', icon: 'tool-qjchs', active: false, leftPanel: true },
-	{ id: 'hxhs', name: '航线划设', icon: 'tool-hxhs', active: false, leftPanel: true },
 	{ id: 'tsjs', name: '态势监视', icon: 'tool-tsjs', active: false },
 ])
 
@@ -170,12 +164,7 @@ function handleToolClick(tool, childIndex) {
 					layoutStore.toggleFloatPanel(tool.id, tool.active)
 					break
 				case 'tsjs': {
-					if (layoutStore.sceneType === 'gis') {
-						layoutStore.toggleFloatPanel('tsjs_gis', tool.active)
-						movePoint({ status: tool.active })
-					} else {
-						layoutStore.toggleUavMonitor(tool.active)
-					}
+					getFixedFlyPoint({ status: tool.active })
 				}
 			}
 		}

src/views/layout/Index.vue

@@ -3,18 +3,12 @@
 		<div v-if="layoutStore.globalLoading || layoutStore.sceneLoading" class="global-loader"></div>
 
 		<div class="masking">
-			<div class="m-top"></div>
 			<div class="m-left" :class="{ collapse: layoutStore.leftCollapse }"></div>
 			<div class="m-right" :class="{ collapse: layoutStore.rightCollapse }"></div>
 		</div>
 
-		<Header class="header" />
-
 		<HomePage class="page" />
 
-		<Footer class="footer" />
-
-		<UeVideo v-if="layoutStore.sceneType === 'ue'" class="scene" />
 		<MapView v-if="layoutStore.sceneType === 'gis'" class="scene" />
 	</div>
 </template>