From 7f0b656d3a1e2903ea76206b0a61866ce5a3543e Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Thu, 16 Nov 2023 18:37:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |  3 +-
 .../components/coordinatePicking.vue          | 14 +++++
 .../frontLargeScreen/components/flyRoam.vue   | 59 ++++++++++++++++--
 .../frontLargeScreen/components/mapMark.vue   | 20 +++++++
 .../components/mapMeasurement.vue             | 16 ++++-
 .../frontLargeScreen/components/mapPrint.vue  | 14 +++++
 .../frontLargeScreen/components/myTags.vue    | 60 ++++++++++++++++++-
 .../components/regionalNavigation.vue         | 14 +++++
 .../components/routeNavigation.vue            | 23 ++++++-
 .../components/spaceAnalysis.vue              | 25 +++++++-
 .../components/viewBookmark.vue               | 14 +++++
 .../goverment/frontLargeScreen/index.vue      | 13 ++++
 .../components/coordinatePicking.vue          | 14 +++++
 .../largeScreen/components/flyRoam.vue        | 59 ++++++++++++++++--
 .../largeScreen/components/mapMark.vue        | 20 +++++++
 .../largeScreen/components/mapMeasurement.vue | 16 ++++-
 .../largeScreen/components/mapPrint.vue       | 14 +++++
 .../largeScreen/components/myTags.vue         | 60 ++++++++++++++++++-
 .../components/regionalNavigation.vue         | 14 +++++
 .../components/routeNavigation.vue            | 23 ++++++-
 .../largeScreen/components/spaceAnalysis.vue  | 26 ++++++--
 .../largeScreen/components/viewBookmark.vue   | 14 +++++
 src/views/goverment/largeScreen/index.vue     | 12 ++++
 23 files changed, 519 insertions(+), 28 deletions(-)

diff --git a/.env.development b/.env.development
index b9dd9f4..4678bd4 100644
--- a/.env.development
+++ b/.env.development
@@ -2,7 +2,8 @@
 NODE_ENV = 'development'
 
 # 本地环境接口地址(/api/index.ts文件中使用)
-VITE_API_URL = 'http://192.168.34.155:6677'
+# VITE_API_URL = 'http://192.168.34.155:6677'
+VITE_API_URL = 'http://139.9.66.234:60677'
 VITE_WPAPI_URL = "http://182.90.224.147:8081"
 # VITE_API_URL = "http://182.90.224.147:6688"
 
diff --git a/src/views/goverment/frontLargeScreen/components/coordinatePicking.vue b/src/views/goverment/frontLargeScreen/components/coordinatePicking.vue
index b8005c1..33bc30c 100644
--- a/src/views/goverment/frontLargeScreen/components/coordinatePicking.vue
+++ b/src/views/goverment/frontLargeScreen/components/coordinatePicking.vue
@@ -346,4 +346,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/flyRoam.vue b/src/views/goverment/frontLargeScreen/components/flyRoam.vue
index b9ae2b7..e52e55a 100644
--- a/src/views/goverment/frontLargeScreen/components/flyRoam.vue
+++ b/src/views/goverment/frontLargeScreen/components/flyRoam.vue
@@ -20,13 +20,16 @@
 			<el-button type="primary" @click="expJSONFile">导出</el-button>
 		</div>
 		<div class="table-operate">
-			<el-table :data="tableData" rowKey="id">
+			<el-table
+				:data="tableData"
+				rowKey="id"
+				:header-cell-style="{ backgroundColor: '#3359B5', color: '#fff', borderColor: '#3F5C8E' }"
+			>
 				<el-table-column prop="name" align="center" label="名称" />
 				<el-table-column align="center" label="操作">
 					<template #default="{ row, $index }">
-						<el-button link type="primary" @click="flyToModel(row, $index)">漫游</el-button>
-						<!-- <el-button link type="primary">编辑</el-button> -->
-						<el-button link type="primary" @click="deleteRoute(row, $index)">删除</el-button>
+						<span style="color: white; cursor: pointer; margin-right: 10px" @click="flyToModel(row, $index)">漫游</span>
+						<span style="color: white; cursor: pointer" @click="deleteRoute(row, $index)">删除</span>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -509,4 +512,52 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+	.el-table {
+		background-color: transparent;
+		tr {
+			background-color: transparent;
+		}
+	}
+	.el-table__border-left-patch {
+		background-color: #3f5c8e;
+	}
+	.el-table--border .el-table__inner-wrapper::after {
+		background-color: #3f5c8e;
+	}
+	.el-table--border::after {
+		background-color: #3f5c8e;
+	}
+	.el-table__inner-wrapper::before {
+		background-color: #3f5c8e;
+	}
+	.el-table td.el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.el-table--border .el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.cell {
+		color: white;
+	}
+	.el-table__row:hover {
+		background-color: transparent;
+	}
+	.el-table__body tr:hover > td {
+		// background-color: #008bff !important;
+		background-color: transparent !important;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/mapMark.vue b/src/views/goverment/frontLargeScreen/components/mapMark.vue
index 189f82a..f2f91bd 100644
--- a/src/views/goverment/frontLargeScreen/components/mapMark.vue
+++ b/src/views/goverment/frontLargeScreen/components/mapMark.vue
@@ -601,6 +601,7 @@ onUnmounted(() => {
 		margin: 0 auto;
 		display: flex;
 		flex-direction: column;
+		margin-top: 15px;
 		&-item {
 			display: flex;
 			color: white;
@@ -699,4 +700,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/mapMeasurement.vue b/src/views/goverment/frontLargeScreen/components/mapMeasurement.vue
index 67bc1fc..39d8a6f 100644
--- a/src/views/goverment/frontLargeScreen/components/mapMeasurement.vue
+++ b/src/views/goverment/frontLargeScreen/components/mapMeasurement.vue
@@ -26,7 +26,7 @@
 			<el-button type="primary" @click="emptyMeasure">清空测量数据</el-button>
 		</div>
 	</div>
-	<div class="echarts-content" v-if="echartShow">sss</div>
+	<!-- <div class="echarts-content" v-if="echartShow">sss</div> -->
 </template>
 
 <script lang="ts" setup>
@@ -312,4 +312,18 @@ onUnmounted(() => {
 		color: white;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/mapPrint.vue b/src/views/goverment/frontLargeScreen/components/mapPrint.vue
index 3bedcd9..243afea 100644
--- a/src/views/goverment/frontLargeScreen/components/mapPrint.vue
+++ b/src/views/goverment/frontLargeScreen/components/mapPrint.vue
@@ -108,4 +108,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/myTags.vue b/src/views/goverment/frontLargeScreen/components/myTags.vue
index da0d6ac..4bb6fc7 100644
--- a/src/views/goverment/frontLargeScreen/components/myTags.vue
+++ b/src/views/goverment/frontLargeScreen/components/myTags.vue
@@ -28,12 +28,17 @@
 			</div>
 		</div>
 		<div class="table-operate">
-			<el-table :data="tableData" rowKey="key">
+			<el-table
+				:data="tableData"
+				rowKey="key"
+				border
+				:header-cell-style="{ backgroundColor: '#3359B5', color: '#fff', borderColor: '#3F5C8E' }"
+			>
 				<el-table-column prop="name" align="center" label="名称" />
 				<el-table-column align="center" label="操作">
 					<template #default="{ row, $index }">
-						<el-button link type="primary" @click="toPoint(row)">定位</el-button>
-						<el-button link type="primary" @click="deletePoint(row, $index)">删除</el-button>
+						<span style="color: white; cursor: pointer; margin-right: 10px" @click="toPoint(row)">定位</span>
+						<span style="color: white; cursor: pointer" @click="deletePoint(row, $index)">删除</span>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -362,6 +367,7 @@ onUnmounted(() => {
 		margin: 0 auto;
 		display: flex;
 		flex-direction: column;
+		margin-top: 15px;
 		&-item {
 			display: flex;
 			align-items: center;
@@ -390,4 +396,52 @@ onUnmounted(() => {
 		margin: 0 auto;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+	.el-table {
+		background-color: transparent;
+		tr {
+			background-color: transparent;
+		}
+	}
+	.el-table__border-left-patch {
+		background-color: #3f5c8e;
+	}
+	.el-table--border .el-table__inner-wrapper::after {
+		background-color: #3f5c8e;
+	}
+	.el-table--border::after {
+		background-color: #3f5c8e;
+	}
+	.el-table__inner-wrapper::before {
+		background-color: #3f5c8e;
+	}
+	.el-table td.el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.el-table--border .el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.cell {
+		color: white;
+	}
+	.el-table__row:hover {
+		background-color: transparent;
+	}
+	.el-table__body tr:hover > td {
+		// background-color: #008bff !important;
+		background-color: transparent !important;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/regionalNavigation.vue b/src/views/goverment/frontLargeScreen/components/regionalNavigation.vue
index 73de4de..8b0b1b0 100644
--- a/src/views/goverment/frontLargeScreen/components/regionalNavigation.vue
+++ b/src/views/goverment/frontLargeScreen/components/regionalNavigation.vue
@@ -231,4 +231,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/routeNavigation.vue b/src/views/goverment/frontLargeScreen/components/routeNavigation.vue
index 44cc793..bd68489 100644
--- a/src/views/goverment/frontLargeScreen/components/routeNavigation.vue
+++ b/src/views/goverment/frontLargeScreen/components/routeNavigation.vue
@@ -96,7 +96,7 @@ const productRoute = (obj: any, index: number) => {
 		id: obj.id + "-" + index,
 		name: "路线-" + index,
 		speed: 200,
-		positions: [...pointsArr],
+		positions: pointsArr,
 		clockLoop: false, // 是否循环播放
 		model: {
 			url: "//data.mars3d.cn/gltf/mars/jingche/jingche.gltf",
@@ -223,7 +223,7 @@ const highLightRoute = (row: any) => {
 const htmlDeal = (row: any) => {
 	console.log(row);
 	let passArr = [...new Set(row.road)];
-	let html = `全场${mars3d.MeasureUtil.formatDistance(row.allDistance)}公里，途径：${passArr.join(",")}`;
+	let html = `全场${mars3d.MeasureUtil.formatDistance(row.allDistance)}，途径：${passArr.join(",")}`;
 	return html;
 };
 // 查询路线规划
@@ -514,4 +514,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/spaceAnalysis.vue b/src/views/goverment/frontLargeScreen/components/spaceAnalysis.vue
index b29fedf..3dc33f9 100644
--- a/src/views/goverment/frontLargeScreen/components/spaceAnalysis.vue
+++ b/src/views/goverment/frontLargeScreen/components/spaceAnalysis.vue
@@ -310,7 +310,7 @@ const allProperty = ref<any>({
 	minHeight: 0,
 	maxHeight: 0,
 	// 地形开挖数据
-	diffHeight: 0,
+	diffHeight: 20,
 	// 地下透明数据
 	enabled: false,
 	alpha: 0.5,
@@ -685,7 +685,7 @@ const btnDrawExtent = () => {
 		},
 		success: (graphic: any) => {
 			const positions = graphic.getOutlinePositions(false);
-			graphicLayer.clear();
+			map.graphicLayer.clear();
 
 			console.log(JSON.stringify(mars3d.LngLatArray.toArray(positions))); // 打印下边界
 
@@ -696,7 +696,7 @@ const btnDrawExtent = () => {
 };
 // 地形开挖数据操作
 const areaOperate = (e: any, label: any) => {
-	terrainClip[label] = e;
+	terrainClip[label] = allProperty.value.diffHeight;
 };
 // 获取点选高度
 const selectHeight = () => {
@@ -1100,4 +1100,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/components/viewBookmark.vue b/src/views/goverment/frontLargeScreen/components/viewBookmark.vue
index 1f9009e..2d23b06 100644
--- a/src/views/goverment/frontLargeScreen/components/viewBookmark.vue
+++ b/src/views/goverment/frontLargeScreen/components/viewBookmark.vue
@@ -202,4 +202,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/frontLargeScreen/index.vue b/src/views/goverment/frontLargeScreen/index.vue
index 400fd33..b9bb7c3 100644
--- a/src/views/goverment/frontLargeScreen/index.vue
+++ b/src/views/goverment/frontLargeScreen/index.vue
@@ -635,6 +635,7 @@ const clickMenu = (name: any) => {
 		screenComparisonShow.value = true;
 		// 分屏对比
 		screenComparison();
+		initSplitScreenTree();
 	}
 	toolListShow.value = false;
 };
@@ -1208,6 +1209,7 @@ const findChild = (parent: any, list: any[]) => {
 };
 // 初始化分屏对比的树结构
 const initSplitScreenTree = () => {
+	splitScreenTreeData.value.length = 0;
 	const layers = map.getLayers({
 		basemaps: false, // 是否取config.json中的basempas
 		layers: true // 是否取config.json中的layers
@@ -2069,4 +2071,15 @@ onUnmounted(() => {
 		right: auto;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-select {
+		.el-input__wrapper {
+			background-color: transparent !important;
+		}
+		.el-input__inner {
+			color: white;
+		}
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/coordinatePicking.vue b/src/views/goverment/largeScreen/components/coordinatePicking.vue
index 2cfe7e8..01d625f 100644
--- a/src/views/goverment/largeScreen/components/coordinatePicking.vue
+++ b/src/views/goverment/largeScreen/components/coordinatePicking.vue
@@ -346,4 +346,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/flyRoam.vue b/src/views/goverment/largeScreen/components/flyRoam.vue
index d9b5c0f..77d752d 100644
--- a/src/views/goverment/largeScreen/components/flyRoam.vue
+++ b/src/views/goverment/largeScreen/components/flyRoam.vue
@@ -20,13 +20,16 @@
 			<el-button type="primary" @click="expJSONFile">导出</el-button>
 		</div>
 		<div class="table-operate">
-			<el-table :data="tableData" rowKey="id">
+			<el-table
+				:data="tableData"
+				rowKey="id"
+				:header-cell-style="{ backgroundColor: '#3359B5', color: '#fff', borderColor: '#3F5C8E' }"
+			>
 				<el-table-column prop="name" align="center" label="名称" />
 				<el-table-column align="center" label="操作">
 					<template #default="{ row, $index }">
-						<el-button link type="primary" @click="flyToModel(row, $index)">漫游</el-button>
-						<!-- <el-button link type="primary">编辑</el-button> -->
-						<el-button link type="primary" @click="deleteRoute(row, $index)">删除</el-button>
+						<span style="color: white; cursor: pointer; margin-right: 10px" @click="flyToModel(row, $index)">漫游</span>
+						<span style="color: white; cursor: pointer" @click="deleteRoute(row, $index)">删除</span>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -509,4 +512,52 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+	.el-table {
+		background-color: transparent;
+		tr {
+			background-color: transparent;
+		}
+	}
+	.el-table__border-left-patch {
+		background-color: #3f5c8e;
+	}
+	.el-table--border .el-table__inner-wrapper::after {
+		background-color: #3f5c8e;
+	}
+	.el-table--border::after {
+		background-color: #3f5c8e;
+	}
+	.el-table__inner-wrapper::before {
+		background-color: #3f5c8e;
+	}
+	.el-table td.el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.el-table--border .el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.cell {
+		color: white;
+	}
+	.el-table__row:hover {
+		background-color: transparent;
+	}
+	.el-table__body tr:hover > td {
+		// background-color: #008bff !important;
+		background-color: transparent !important;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/mapMark.vue b/src/views/goverment/largeScreen/components/mapMark.vue
index 455e84d..6e0976c 100644
--- a/src/views/goverment/largeScreen/components/mapMark.vue
+++ b/src/views/goverment/largeScreen/components/mapMark.vue
@@ -601,6 +601,7 @@ onUnmounted(() => {
 		margin: 0 auto;
 		display: flex;
 		flex-direction: column;
+		margin-top: 15px;
 		&-item {
 			display: flex;
 			color: white;
@@ -699,4 +700,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/mapMeasurement.vue b/src/views/goverment/largeScreen/components/mapMeasurement.vue
index 5e05d9d..31694e5 100644
--- a/src/views/goverment/largeScreen/components/mapMeasurement.vue
+++ b/src/views/goverment/largeScreen/components/mapMeasurement.vue
@@ -26,7 +26,7 @@
 			<el-button type="primary" @click="emptyMeasure">清空测量数据</el-button>
 		</div>
 	</div>
-	<div class="echarts-content" v-if="echartShow">sss</div>
+	<!-- <div class="echarts-content" v-if="echartShow">sss</div> -->
 </template>
 
 <script lang="ts" setup>
@@ -312,4 +312,18 @@ onUnmounted(() => {
 		color: white;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/mapPrint.vue b/src/views/goverment/largeScreen/components/mapPrint.vue
index 44c137a..71e7f9a 100644
--- a/src/views/goverment/largeScreen/components/mapPrint.vue
+++ b/src/views/goverment/largeScreen/components/mapPrint.vue
@@ -108,4 +108,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/myTags.vue b/src/views/goverment/largeScreen/components/myTags.vue
index d102dc9..8be1f6e 100644
--- a/src/views/goverment/largeScreen/components/myTags.vue
+++ b/src/views/goverment/largeScreen/components/myTags.vue
@@ -28,12 +28,17 @@
 			</div>
 		</div>
 		<div class="table-operate">
-			<el-table :data="tableData" rowKey="key">
+			<el-table
+				:data="tableData"
+				rowKey="key"
+				border
+				:header-cell-style="{ backgroundColor: '#3359B5', color: '#fff', borderColor: '#3F5C8E' }"
+			>
 				<el-table-column prop="name" align="center" label="名称" />
 				<el-table-column align="center" label="操作">
 					<template #default="{ row, $index }">
-						<el-button link type="primary" @click="toPoint(row)">定位</el-button>
-						<el-button link type="primary" @click="deletePoint(row, $index)">删除</el-button>
+						<span style="color: white; cursor: pointer; margin-right: 10px" @click="toPoint(row)">定位</span>
+						<span style="color: white; cursor: pointer" @click="deletePoint(row, $index)">删除</span>
 					</template>
 				</el-table-column>
 			</el-table>
@@ -362,6 +367,7 @@ onUnmounted(() => {
 		margin: 0 auto;
 		display: flex;
 		flex-direction: column;
+		margin-top: 15px;
 		&-item {
 			display: flex;
 			align-items: center;
@@ -390,4 +396,52 @@ onUnmounted(() => {
 		margin: 0 auto;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+	.el-table {
+		background-color: transparent;
+		tr {
+			background-color: transparent;
+		}
+	}
+	.el-table__border-left-patch {
+		background-color: #3f5c8e;
+	}
+	.el-table--border .el-table__inner-wrapper::after {
+		background-color: #3f5c8e;
+	}
+	.el-table--border::after {
+		background-color: #3f5c8e;
+	}
+	.el-table__inner-wrapper::before {
+		background-color: #3f5c8e;
+	}
+	.el-table td.el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.el-table--border .el-table__cell {
+		border-color: #3f5c8e;
+	}
+	.cell {
+		color: white;
+	}
+	.el-table__row:hover {
+		background-color: transparent;
+	}
+	.el-table__body tr:hover > td {
+		// background-color: #008bff !important;
+		background-color: transparent !important;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/regionalNavigation.vue b/src/views/goverment/largeScreen/components/regionalNavigation.vue
index eaaeb50..3090b22 100644
--- a/src/views/goverment/largeScreen/components/regionalNavigation.vue
+++ b/src/views/goverment/largeScreen/components/regionalNavigation.vue
@@ -231,4 +231,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/routeNavigation.vue b/src/views/goverment/largeScreen/components/routeNavigation.vue
index e9442d3..bf114d1 100644
--- a/src/views/goverment/largeScreen/components/routeNavigation.vue
+++ b/src/views/goverment/largeScreen/components/routeNavigation.vue
@@ -96,7 +96,7 @@ const productRoute = (obj: any, index: number) => {
 		id: obj.id + "-" + index,
 		name: "路线-" + index,
 		speed: 200,
-		positions: [...pointsArr],
+		positions: pointsArr,
 		clockLoop: false, // 是否循环播放
 		model: {
 			url: "//data.mars3d.cn/gltf/mars/jingche/jingche.gltf",
@@ -223,7 +223,7 @@ const highLightRoute = (row: any) => {
 const htmlDeal = (row: any) => {
 	console.log(row);
 	let passArr = [...new Set(row.road)];
-	let html = `全场${mars3d.MeasureUtil.formatDistance(row.allDistance)}公里，途径：${passArr.join(",")}`;
+	let html = `全场${mars3d.MeasureUtil.formatDistance(row.allDistance)}，途径：${passArr.join(",")}`;
 	return html;
 };
 // 查询路线规划
@@ -514,4 +514,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent !important;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/spaceAnalysis.vue b/src/views/goverment/largeScreen/components/spaceAnalysis.vue
index 6d6b54a..ee03995 100644
--- a/src/views/goverment/largeScreen/components/spaceAnalysis.vue
+++ b/src/views/goverment/largeScreen/components/spaceAnalysis.vue
@@ -310,7 +310,7 @@ const allProperty = ref<any>({
 	minHeight: 0,
 	maxHeight: 0,
 	// 地形开挖数据
-	diffHeight: 0,
+	diffHeight: 20,
 	// 地下透明数据
 	enabled: false,
 	alpha: 0.5,
@@ -669,7 +669,6 @@ const btnDraw = () => {
 			map.graphicLayer.clear();
 
 			console.log(JSON.stringify(mars3d.LngLatArray.toArray(positions))); // 打印下边界
-			console.log(positions);
 			// 挖地区域
 			const areaItem = terrainClip.addArea(positions);
 		}
@@ -685,7 +684,7 @@ const btnDrawExtent = () => {
 		},
 		success: (graphic: any) => {
 			const positions = graphic.getOutlinePositions(false);
-			graphicLayer.clear();
+			map.graphicLayer.clear();
 
 			console.log(JSON.stringify(mars3d.LngLatArray.toArray(positions))); // 打印下边界
 
@@ -696,7 +695,7 @@ const btnDrawExtent = () => {
 };
 // 地形开挖数据操作
 const areaOperate = (e: any, label: any) => {
-	terrainClip[label] = e;
+	terrainClip[label] = allProperty.value.diffHeight;
 };
 // 获取点选高度
 const selectHeight = () => {
@@ -1100,4 +1099,23 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-input-number__increase,
+	.el-input-number__decrease {
+		background-color: transparent;
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/components/viewBookmark.vue b/src/views/goverment/largeScreen/components/viewBookmark.vue
index 0f6eab2..ed78fb1 100644
--- a/src/views/goverment/largeScreen/components/viewBookmark.vue
+++ b/src/views/goverment/largeScreen/components/viewBookmark.vue
@@ -202,4 +202,18 @@ onUnmounted(() => {
 		}
 	}
 }
+// element 组件样式
+:deep() {
+	.el-input__wrapper {
+		background-color: transparent;
+	}
+	.el-input__inner {
+		color: white;
+	}
+	.el-button {
+		background: rgba(51, 89, 181, 0.6);
+		border-radius: 6px;
+		border: 0;
+	}
+}
 </style>
diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue
index 6b23311..3619f36 100644
--- a/src/views/goverment/largeScreen/index.vue
+++ b/src/views/goverment/largeScreen/index.vue
@@ -1189,6 +1189,7 @@ const initTree = () => {
 };
 // 初始化分屏对比的树结构
 const initSplitScreenTree = () => {
+	splitScreenTreeData.value.length = 0;
 	const layers = map.getLayers({
 		basemaps: false, // 是否取config.json中的basempas
 		layers: true // 是否取config.json中的layers
@@ -2075,4 +2076,15 @@ onUnmounted(() => {
 		right: auto;
 	}
 }
+// element 组件样式
+:deep() {
+	.el-select {
+		.el-input__wrapper {
+			background-color: transparent !important;
+		}
+		.el-input__inner {
+			color: white;
+		}
+	}
+}
 </style>