From c188552eb9f9436cb79951498381767949e2c88a Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Sat, 23 Sep 2023 18:43:07 +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

---
 src/views/goverment/largeScreen/components/center.vue | 4 ++--
 src/views/goverment/largeScreen/components/header.vue | 4 ++--
 src/views/goverment/largeScreen/components/left.vue   | 4 ++--
 src/views/goverment/largeScreen/components/right.vue  | 4 ++--
 src/views/goverment/largeScreen/index.vue             | 9 ++++++---
 5 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/views/goverment/largeScreen/components/center.vue b/src/views/goverment/largeScreen/components/center.vue
index be84b4d..e329ec3 100644
--- a/src/views/goverment/largeScreen/components/center.vue
+++ b/src/views/goverment/largeScreen/components/center.vue
@@ -32,8 +32,8 @@ const projectNumber = async () => {
 
 <style lang="scss" scoped>
 .ordersizeCenter {
-	position: fixed;
-	top: 24%;
+	position: absolute;
+	top: 11%;
 	left: 50%;
 	display: flex;
 	justify-content: space-evenly;
diff --git a/src/views/goverment/largeScreen/components/header.vue b/src/views/goverment/largeScreen/components/header.vue
index fafb397..2612775 100644
--- a/src/views/goverment/largeScreen/components/header.vue
+++ b/src/views/goverment/largeScreen/components/header.vue
@@ -47,8 +47,8 @@ const goBack = () => {
 
 <style lang="scss" scoped>
 .orderSide {
-	position: fixed;
-	top: 14%;
+	position: absolute;
+	top: 0%;
 	left: 0;
 	width: 100%;
 	height: 100%;
diff --git a/src/views/goverment/largeScreen/components/left.vue b/src/views/goverment/largeScreen/components/left.vue
index f740480..28cc55e 100644
--- a/src/views/goverment/largeScreen/components/left.vue
+++ b/src/views/goverment/largeScreen/components/left.vue
@@ -186,8 +186,8 @@ const conmpanyList = async () => {
 
 <style lang="scss" scoped>
 .leftBorder {
-	position: fixed;
-	top: 21%;
+	position: absolute;
+	top: 9%;
 	left: 0;
 	width: 25%;
 	height: 100%;
diff --git a/src/views/goverment/largeScreen/components/right.vue b/src/views/goverment/largeScreen/components/right.vue
index 0c489b1..7b514e5 100644
--- a/src/views/goverment/largeScreen/components/right.vue
+++ b/src/views/goverment/largeScreen/components/right.vue
@@ -658,8 +658,8 @@ const pieOption = (val: ResponseSame<ScreenResponse.FugitiveDustAllResponse> | u
 
 <style lang="scss" scoped>
 .leftBorder {
-	position: fixed;
-	top: 21%;
+	position: absolute;
+	top: 9%;
 	right: 0;
 	width: 27%;
 	height: 100%;
diff --git a/src/views/goverment/largeScreen/index.vue b/src/views/goverment/largeScreen/index.vue
index ed3455c..a857ec1 100644
--- a/src/views/goverment/largeScreen/index.vue
+++ b/src/views/goverment/largeScreen/index.vue
@@ -56,7 +56,7 @@ onMounted(() => {
 	if (dataScreenRef.value) {
 		dataScreenRef.value.style.transform = `scale(${getScale()}) translate(-50%, -50%)`;
 		dataScreenRef.value.style.width = `1920px`;
-		dataScreenRef.value.style.height = `1080px`;
+		dataScreenRef.value.style.height = `923px`;
 	}
 	window.addEventListener("resize", resize);
 });
@@ -67,11 +67,13 @@ onBeforeMount(() => {
 
 <style lang="scss" scoped>
 .all-content {
+	width: 100%;
+	height: 100%;
 	.orderBgc {
 		width: 1920px;
 		height: 923px;
 		position: fixed;
-		top: 41.5%;
+		top: 50%;
 		left: 50%;
 		.mapStyle {
 			position: absolute;
@@ -85,7 +87,8 @@ onBeforeMount(() => {
 		.bottomContent {
 			display: flex;
 			width: 100%;
-			height: 79%;
+			height: 100%;
+			position: relative;
 			.leftScreen {
 				height: 90%;
 			}