优化大屏

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

@@ -6,7 +6,7 @@ import LeftBottom from './Leftbottom'
 // import RightTop from './Righttop'
 import Rightcenter from './Rightcenter'
 // import Rightbottom from './Rightbottom'
-import { Carousel } from 'antd'
+import NoData from '../../public/noData';
 import Module from '../../public/module'
 import RightBottom from './Rightbottom'
 import AutoRollComponent from './AutoRollComponent'
@@ -165,7 +165,7 @@ const Build = (props) => {
                     </div>
                     <AutoRollComponent content = {rendercontent()} containerStyle={{ position: "relative", height: "50%", }}
             divHeight={"100%"} divId={"chart"} />
-                </div>:<div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>}
+                </div>:<NoData/>}
             </Module>
             <Module title={"道路统计"} style={{ width: "100%",
             height:" 30%",marginTop:'3%'
@@ -178,7 +178,7 @@ const Build = (props) => {
           total={keepThreeNum(sundata)}
         //   colorList={colorList}
         //   underColorList={underColorList}
-        />:<div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>}
+        />:<NoData/>}
             </Module>
            
         </div>
@@ -194,7 +194,7 @@ const Build = (props) => {
         <Module title={"各乡镇在建公路工程"} style={{ width: "100%",
             height:" 33%",marginTop:'3%'
             }} customize = {true}>
-                {sunonlineproject!==0?<Rightcenter data={onlineproject} sundata={sunonlineproject}/>:<div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>}
+                {sunonlineproject!==0?<Rightcenter data={onlineproject} sundata={sunonlineproject}/>:<NoData/>}
             </Module>
         <Module title={"公路等级统计"} style={{ width: "100%",
             height:" 30%",marginTop:'3%'
@@ -203,7 +203,7 @@ const Build = (props) => {
           height='100%'
           text='道路总公里'
           total={sunsafetyData}
-           data={keepThreeNum(safetyData)}/>:<div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>}
+           data={keepThreeNum(safetyData)}/>:<NoData/>}
             </Module>
         </div>
         </div>

web/client/src/sections/quanju/containers/footer/build/style.less

@@ -8,9 +8,12 @@
     padding: 0 15px 0 15px;
     width: 100%;
     height: 100%;
-    display: flex;
+    // display: flex;
+    position: relative;
     justify-content: space-between;
     .bgbuild-left{
+        position: absolute;
+        left: 0;
         width: 25%;
         height: 100%;
         .build-left-top{
@@ -201,6 +204,8 @@
         }
     }
     .bgbuild-right{
+        position: absolute;
+        right: 0;
         width: 25%;
         height: 100%;
         .build-right-top{

web/client/src/sections/quanju/containers/footer/guanli/style.less

@@ -8,11 +8,14 @@
     padding: 0 15px 0 15px;
     width: 100%;
     height: 100%;
-    display: flex;
-    justify-content: space-between;
+    position: relative;
+    // display: flex;
+    // justify-content: space-between;
     .guanli-left{
         width: 25%;
         height: 100%;
+        position: absolute;
+        left: 0;
         .guanli-left-item{
             box-sizing: border-box;
             width: 85%;
@@ -84,6 +87,8 @@
     .guanli-right{
         width: 25%;
         height: 100%;
+        position: absolute;
+        right: 0;
         .guanli-right-top{
             width: 100%;
         //    height: 5%;

web/client/src/sections/quanju/containers/public/noData.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function NoData() {
+  return (
+    <div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>
+  )
+}