监管平台bi

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;

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">

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%;
 
     }
 

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 {
 

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>

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;
+  }
 }