布局调整

web/client/src/sections/quanju/containers/example.js

@@ -35,12 +35,14 @@ const Example = (props) => {
                     document.body.clientHeight / 1080
                 )})`, */
             }}>
-                <Gis />
+
                 <div style={{ width: "100%", height: "10%" }}>
                     <Header tabChange={tabChange} tabKey={tabKey} dispatch={dispatch} />
                 </div>
-                <div style={{position: 'absolute', width: "100%", height: "90%" }}>
+                <div style={{ position: 'absolute', width: "100%", height: "90%" }}>
+                    <Gis />
                     <Footer tabKey={tabKey} dispatch={dispatch} />
+
                 </div>
 
             </div>

web/client/src/sections/quanju/containers/footer/conserve/index.js

@@ -29,10 +29,8 @@ const Conserve = (props) => {
 
     return (
        <div style={{ width: '100%', height: '100%', }}>
-         <div style={{ display: 'flex', width: '100%', height: '100%', justifyContent: 'space-between' }}>
             <Left roadData={roadData} loading={loading} />
             <Right highwaysData={highwaysData} roadMaintenances={roadMaintenances}/>
-        </div>
        </div>
     )
 }

web/client/src/sections/quanju/containers/footer/conserve/left.js

@@ -4,12 +4,12 @@ import LeftCenter from './left/left-center'
 import LeftTop from './left/left-top'
 
 const Left = (props) => {
-    const { roadData,loading } = props
+    const { roadData, loading } = props
     return (
-        <div style={{ display: 'flex', flexDirection: 'column', width: "23%", height: "100%", marginLeft: "1%" }}>
-            <LeftTop roadData={roadData} loading ={loading}/>
-            <LeftCenter roadData={roadData} loading ={loading}/>
-            <LeftBottom roadData={roadData} loading ={loading}/>
+        <div style={{ position: 'absolute', left: 0, width: "23%", height: "100%", marginLeft: "1%" }}>
+            <LeftTop roadData={roadData} loading={loading} />
+            <LeftCenter roadData={roadData} loading={loading} />
+            <LeftBottom roadData={roadData} loading={loading} />
         </div>
     )
 }

web/client/src/sections/quanju/containers/footer/conserve/right.js

@@ -4,12 +4,12 @@ import RightCenter from './right/right-center'
 import RightTop from './right/right-top'
 
 const Right = (props) => {
-    const { highwaysData,roadMaintenances } = props
+    const { highwaysData, roadMaintenances } = props
     return (
-        <div style={{ display: 'flex', flexDirection: 'column', width: "23%", height: "100%", marginRight: "1%", }}>
-            <RightTop  highwaysData={highwaysData}/>
-            <RightCenter highwaysData={highwaysData}/>
-            <RightBottom roadMaintenances={roadMaintenances}/>
+        <div style={{ position: 'absolute', right: 0, width: "23%", height: "100%", marginRight: "1%", }}>
+            <RightTop highwaysData={highwaysData} />
+            <RightCenter highwaysData={highwaysData} />
+            <RightBottom roadMaintenances={roadMaintenances} />
         </div>
     )
 }

web/client/src/sections/quanju/containers/footer/gis/gis.js

@@ -21,9 +21,9 @@ const Gis = (props) => {
   const loadMap = () => {
     const map = new AMap.Map(MAPID, {
       resizeEnable: true,
-      center: [115.912663, 28.543149],//地图中心点，初始定位加载显示楼块
-      zoom: 15,//地图显示的缩放级别
-      zooms: [10, 12],
+      center: [115.99255, 28.503617],//地图中心点，初始定位加载显示楼块
+      zoom: 8,//地图显示的缩放级别
+      zooms: [8, 18],
       pitch: 0, // 地图俯仰角度，有效范围 0 度- 83 度
       viewMode: '3D', // 地图模式
       mapStyle: 'amap://styles/fb26776387242721c2fc32e2cb1daccc',
@@ -42,8 +42,8 @@ const Gis = (props) => {
   };
 
   return (
-    <div style={{ position: 'absolute', width: '100%', backgroundColor: '#101824', height: '100%', minHeight: 700 }}>
-      <div id={MAPID} style={{ width: '100%', height: '100%', background: "#101824", minHeight: 700 }} />
+    <div style={{ position: 'absolute', width: '100%',  height: '100%' }}>
+      <div id={MAPID} style={{ width: '100%', height: '100%',}} />
       {mapObj ? <Bounds map={mapObj} /> : ''}
     </div >
   )