From 4107fc586e7fe33fd4f10f83ff24af3e946958db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=B4=AA=E9=9C=9E?= <luhongxia@zcloudchina.com>
Date: Mon, 19 Jan 2026 18:08:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E7=AE=A1=E5=B9=B3=E5=8F=B0bi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Content/IndexInfo/Bottom/index.less | 14 +++++++-------
 .../Content/IndexInfo/LeftPanel/index.js           |  2 +-
 .../Content/IndexInfo/LeftPanel/index.less         | 11 +++--------
 .../Content/IndexInfo/RightPanel/index.less        |  6 ++----
 .../Map/components/Content/IndexInfo/index.js      |  8 +++++---
 .../Map/components/Content/IndexInfo/index.less    | 13 +++++++++++--
 6 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less b/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
index ecfd8cc..c0e8e40 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/Bottom/index.less
@@ -1,11 +1,11 @@
 .index_info_container {
   .bottom-container_con {
-    width: 1350px;
+    flex: 1;
     height: 240px;
-    position: absolute;
-    bottom: -1030px;
-    left: 50%;
-    transform: translateX(-50%);
+    padding: 20px;
+    box-sizing: border-box;
+    margin-top: 750px;
+
 
     .top_container {
       display: flex;
@@ -45,14 +45,14 @@
       justify-content: space-between;
 
       .left {
-        width: 890px;
+        width: 850px;
         background: rgba(0, 41, 82, 0.68);
         border-radius: 4px;
         border: 1px solid rgba(44, 105, 172, 0.6);
         padding: 10px;
 
         .main {
-          width: 870px;
+          width: 830px;
           height: 160px;
           background-size: 100% 100%;
           margin-top: 10px;
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
index 39c3a83..781fad5 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
+++ b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.js
@@ -174,7 +174,7 @@ function LeftScreen() {
       <div className="block3">
         <Title title="领域整改情况统计" />
         <div className="main">
-          <div ref={main1Ref} style={{ width: "100%", height: "180px" }} />
+          <div ref={main1Ref} style={{ width: "400px", height: "180px" }} />
         </div>
       </div>
       <div className="block4">
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
index 2cce909..8d5e728 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/LeftPanel/index.less
@@ -1,16 +1,10 @@
 .index_info_container {
-
-
-
   .left-container {
     width: 400px;
-    position: absolute;
-    left: 20px;
-    top: 60px;
-    max-height: calc(100vh - 75px);
+    margin-top: 60px;
 
     .left-container_bg{
-      width: 600px;
+      width: 100%;
       height: 100%;
       background-size: 100% 100%;
       position: fixed;
@@ -201,6 +195,7 @@
     .block3 {
       margin-top: 0;
       border-radius: 4px;
+      width: 100%;
 
     }
 
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less b/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
index a4e2a29..e1720eb 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/RightPanel/index.less
@@ -12,10 +12,8 @@
   }
   .right-container {
     width: 400px;
-    position: absolute;
-    right: 20px;
-    top: 60px;
-    max-height: calc(100vh - 75px);
+    margin-top: 60px;
+
 
     .block1 {
 
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/index.js b/src/pages/Container/Map/components/Content/IndexInfo/index.js
index 1927500..e920ee8 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/index.js
+++ b/src/pages/Container/Map/components/Content/IndexInfo/index.js
@@ -8,9 +8,11 @@ import "./index.less";
 function IndexInfo(props) {
   return (
     <div className="index_info_container">
-      <LeftPanel />
-      <RightPanel />
-      <Bottom />
+      <div className="index_info_con">
+        <LeftPanel />
+        <Bottom />
+        <RightPanel />
+      </div>
       <Search />
       <Btn history={props.history} />
     </div>
diff --git a/src/pages/Container/Map/components/Content/IndexInfo/index.less b/src/pages/Container/Map/components/Content/IndexInfo/index.less
index 45f9741..5aaf471 100644
--- a/src/pages/Container/Map/components/Content/IndexInfo/index.less
+++ b/src/pages/Container/Map/components/Content/IndexInfo/index.less
@@ -1,5 +1,14 @@
 .index_info_container {
   overflow: hidden;
-  width: 100%;
-  height: 100%;
+
+
+  .index_info_con{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    padding: 20px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
 }