From f90c8e539210948ebdd890c4ba98c451f590d4b0 Mon Sep 17 00:00:00 2001
From: dengyinhuan <deng.yinhuan@free-sun.com.cn>
Date: Tue, 26 Jul 2022 15:20:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sections/quanju/containers/footer/build/index.js   | 10 +++++-----
 .../sections/quanju/containers/footer/build/style.less |  7 ++++++-
 .../quanju/containers/footer/guanli/style.less         |  9 +++++++--
 .../src/sections/quanju/containers/public/noData.js    |  7 +++++++
 4 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 web/client/src/sections/quanju/containers/public/noData.js

diff --git a/web/client/src/sections/quanju/containers/footer/build/index.js b/web/client/src/sections/quanju/containers/footer/build/index.js
index 42f71567..0a65c2dc 100644
--- a/web/client/src/sections/quanju/containers/footer/build/index.js
+++ b/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>
diff --git a/web/client/src/sections/quanju/containers/footer/build/style.less b/web/client/src/sections/quanju/containers/footer/build/style.less
index e5416688..86615480 100644
--- a/web/client/src/sections/quanju/containers/footer/build/style.less
+++ b/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{
diff --git a/web/client/src/sections/quanju/containers/footer/guanli/style.less b/web/client/src/sections/quanju/containers/footer/guanli/style.less
index cef122d7..b44aa81e 100644
--- a/web/client/src/sections/quanju/containers/footer/guanli/style.less
+++ b/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%;
diff --git a/web/client/src/sections/quanju/containers/public/noData.js b/web/client/src/sections/quanju/containers/public/noData.js
new file mode 100644
index 00000000..267ad683
--- /dev/null
+++ b/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>
+  )
+}