add left

src/components/LeftBar/good.module.less

@@ -1,11 +1,7 @@
 .goodProd {
-	background: url(../../assets/good.png) no-repeat;
+	background: url(../../assets/good-bg.png) no-repeat;
 	background-size: 100% 100%;
-	width: 625px;
+	height: 610px;
-	// height: 626px;
-	flex: 1;
-	height: 1px;
-	margin-top: 24px;
 
 	.goodProd__content {
 		display: flex;

src/components/LeftBar/kiln.module.less

@@ -1,9 +1,7 @@
 .leftBar__top {
-	width: 625px;
+	background: url('../../assets/kiln-bg.png') no-repeat;
-	// height: 305px;
-	height: 300px;
-	background: url('../../assets/ItemBg.png') no-repeat;
 	background-size: 100% 100%;
+	height: 306px;
 
 	.leftBar__top__content {
 		flex: 1;
@@ -11,7 +9,7 @@
 		display: grid;
 		grid-template-columns: 1fr 1fr;
 		gap: 10px;
-		padding-top: 18px;
+		padding-top: 8px;
 
 		.info__item {
 			border-radius: 2px;

src/components/LeftBar/substitutionCharts/GoodRateChart/index.jsx

@@ -8,7 +8,7 @@ import { randomInt } from '../../../../utils';
 const GoodRateChart = (props) => {
 	const options = {
 		color: ['#FFD160', '#12FFF5', '#2760FF'],
-		grid: { top: 28, right: 12, bottom: 32, left: 48 },
+		grid: { top: 28, right: 12, bottom: 64, left: 48 },
 		xAxis: {
 			type: 'category',
 			data: Array(7)
@@ -29,7 +29,7 @@ const GoodRateChart = (props) => {
 			axisLine: {
 				lineStyle: {
 					width: 1,
-					color: '#213259',
+					color: '#4561AE',
 				},
 			},
 		},
@@ -43,12 +43,12 @@ const GoodRateChart = (props) => {
 			axisLine: {
 				show: true,
 				lineStyle: {
-					color: '#213259',
+					color: '#4561AE',
 				},
 			},
 			splitLine: {
 				lineStyle: {
-					color: '#213259a0',
+					color: '#4561AEa0',
 				},
 			},
 			interval: 10,

src/components/LeftBar/substitutionCharts/TodayTableData/index.jsx

@@ -5,7 +5,8 @@ import { ScrollBoard } from '@jiaminghi/data-view-react';
 const TodayTableData = (props) => {
 	const [config, setConfig] = useState({
 		// headerBGC: 'rgba(4, 44, 76, 0.3)',
-		headerBGC: 'rgba(4, 44, 76, .8)',
+		// headerBGC: 'rgba(4, 44, 76, .8)',
+		headerBGC: '#044A8425',
 		header: [
 			'<span style="color:#fff">产线<span/>',
 			'<span style="color:#fff">一等率<span/>',
@@ -13,8 +14,10 @@ const TodayTableData = (props) => {
 			'<span style="color:#fff">成品率<span/>',
 			'<span style="color:#fff">废品率<span/>',
 		],
-		oddRowBGC: '#042444',
+		// oddRowBGC: '#042444',
-		evenRowBGC: '#042c4c',
+		oddRowBGC: '#044A8425',
+		// evenRowBGC: '#042c4c',
+		evenRowBGC: '#0B549945',
 		columnWidth: [90],
 		headerHeight: 40,
 		hoverPause: false,
@@ -28,7 +31,11 @@ const TodayTableData = (props) => {
 	});
 	return (
 		<div className={cls.todayTableData}>
-			<ScrollBoard config={config} style={{ width: '100%' }} />
+			<ScrollBoard
+				config={config}
+				className={cls.tableClass}
+				style={{ width: '100%' }}
+			/>
 		</div>
 	);
 };

src/components/container.module.less

@@ -10,7 +10,7 @@
 		align-items: center;
 
 		img {
-			width: 20px;
+			width: 24px;
 
 			&.bigger {
 				width: 24px;
@@ -24,7 +24,7 @@
 				sans-serif;
 			margin: 0;
 			margin-left: 6px;
-			font-size: 18px;
+			font-size: 24px;
 			color: #fff;
 			letter-spacing: 2px;
 			font-weight: 500;

src/components/yx-dark/LeftContent.jsx

@@ -1,5 +1,13 @@
 import './styles/left.module.css';
 
+import Kiln from '../LeftBar/Kiln';
+import GoodProduction from '../LeftBar/GoodProduction';
+
 export default (props) => {
-	return <div className={`left-content ${props.className}`}></div>;
+	return (
+		<div className={`left-content ${props.className}`}>
+			<Kiln />
+			<GoodProduction />
+		</div>
+	);
 };

src/components/yx-dark/styles/left.module.css

@@ -3,5 +3,5 @@
     display: flex;
     flex-direction: column;
     gap: 20px;
-    background: #fcc3;
+    /* background: #fcc3; */
 }

src/components/yx-dark/styles/main.module.css

@@ -1,7 +1,7 @@
 .main-container {
 	height: 1px;
 	flex: 1;
-	background: #ccc4;
+	/* background: #ccc4; */
 	display: grid;
 	grid-template-columns: 626px 576px 580px 626px 626px 450px 626px;
 	grid-template-rows: 600px 306px;