From ab954d36956882f389739a237d0393d67137b6c4 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Sun, 10 Sep 2023 19:48:53 +0800
Subject: [PATCH] update layout complete

---
 .../LeftBoxes/leftbox.module.less             | 59 ++++++++++---------
 src/components/yx-dark/MainContainer.jsx      |  5 +-
 src/components/yx-dark/styles/main.module.css |  4 +-
 3 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/components/CenterTopData/LeftBoxes/leftbox.module.less b/src/components/CenterTopData/LeftBoxes/leftbox.module.less
index 6db3dd8..db5eaff 100644
--- a/src/components/CenterTopData/LeftBoxes/leftbox.module.less
+++ b/src/components/CenterTopData/LeftBoxes/leftbox.module.less
@@ -1,33 +1,34 @@
 .leftbox {
-  // width: 440px;
-  // background: rgb(127, 202, 42);
-  
-  .box {
-    margin-right: 16px;
-    width: 200px;
-    padding: 8px;
-    background: url(../../../assets/CenterChart2ItemBg.png);
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    display: flex;
-    align-items: flex-start;
-    user-select: none;
+	// width: 440px;
+	// background: rgb(127, 202, 42);
+	height: 98px;
 
-    .box__inner {
-      padding-top: 12px;
+	.box {
+		margin-right: 16px;
+		width: 200px;
+		padding: 8px;
+		background: url(../../../assets/CenterChart2ItemBg.png);
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		display: flex;
+		align-items: flex-start;
+		user-select: none;
 
-      .box__label {
-        color: #fffa;
-        font-size: 18px;
-        line-height: 14px;
-      }
-      
-      .box__value {
-        color: #fff;
-        font-weight: 400;
-        font-size: 30px;
-        line-height: 34px;
-      }
-    }
-  }
+		.box__inner {
+			padding-top: 12px;
+
+			.box__label {
+				color: #fffa;
+				font-size: 18px;
+				line-height: 14px;
+			}
+
+			.box__value {
+				color: #fff;
+				font-weight: 400;
+				font-size: 30px;
+				line-height: 34px;
+			}
+		}
+	}
 }
diff --git a/src/components/yx-dark/MainContainer.jsx b/src/components/yx-dark/MainContainer.jsx
index 09e4328..cd17457 100644
--- a/src/components/yx-dark/MainContainer.jsx
+++ b/src/components/yx-dark/MainContainer.jsx
@@ -8,12 +8,15 @@ import FaultType from '../BottomBar/FaultType';
 import GasFlow from '../BottomBar/gasii';
 import WindFlow from '../BottomBar/gasi';
 import SpecPL from '../BottomBar/SpecPL';
+import CenterTopBox from '../CenterTopData/LeftBoxes';
 
 export default (props) => {
 	return (
 		<div className="main-container">
 			<LeftContent className="left"></LeftContent>
-			<div className="main-center"></div>
+			<div className="main-center">
+				<CenterTopBox />
+			</div>
 			<Bottom title="产线缺陷统计" className="bottom-1">
 				<FaultTotal />
 			</Bottom>
diff --git a/src/components/yx-dark/styles/main.module.css b/src/components/yx-dark/styles/main.module.css
index 801aecd..c7a8151 100644
--- a/src/components/yx-dark/styles/main.module.css
+++ b/src/components/yx-dark/styles/main.module.css
@@ -15,7 +15,9 @@
 
 .main-center {
 	grid-area: main;
-	background: url(../images/3d.png) 100% 100% / contain no-repeat;
+	background: url(../images/3d.png) 100% 80% / contain no-repeat;
+	display: flex;
+	justify-content: center;
 }
 
 .left {