update

src/components/公共组件/GraphBase/index.jsx

@@ -22,6 +22,8 @@ function choseBg(size) {
 		? 'middle-short'
 		: width === 'middle' && height === 'long'
 		? 'middle-long'
+		: width === 'middle' && height === 'full'
+		? 'middle-full'
 		: 'middle-middle';
 }
 

src/components/公共组件/GraphBase/index.module.css

@@ -22,6 +22,12 @@
 	background-position: 0 0;
 }
 
+.middle-full {
+	background: url('../../../assets/middle-long.png') no-repeat;
+	background-size: 100% 100%;
+	background-position: 0 0;
+}
+
 .middle-middle {
 	background: url('../../../assets/middle-middle-2.png') no-repeat;
 	background-size: 100% 100%;

src/components/公共组件/风机信息/index.jsx

@@ -69,7 +69,11 @@ function FanInfo(props) {
 	};
 
 	return (
-		<GraphBase icon="kiln" title="风机信息" size={['middle', 'short']}>
+		<GraphBase
+			icon="kiln"
+			title="风机信息"
+			size={props.longBg ? ['middle', 'full'] : ['middle', 'short']}
+		>
 			<div
 				className="flex"
 				style={{

src/components/模块组件/退火监测/RightSide/index.jsx

@@ -18,7 +18,7 @@ export default function index() {
 			transition={{ type: 'tween' }}
 		>
 			<div style={{ flex: 1 }}>
-				<FanInfo rows={24} />
+				<FanInfo longBg={true} rows={24} />
 			</div>
 		</motion.div>
 	);

src/pages/index.less

@@ -80,6 +80,7 @@
 	background-size: 100%;
 }
 
+.bgQuality,
 .bgFire {
 	position: absolute;
 	top: 16%;
@@ -87,7 +88,14 @@
 	width: 100%;
 	height: 100%;
 	/* background: #f003; */
-	background: url('../assets/moxing.png') no-repeat;
 	background-position: 50% 50%;
 	background-size: 170% 200%;
 }
+
+.bgFire {
+	background: url(../assets/TH.png) no-repeat;
+}
+
+.bgQuality {
+	background: url('../assets/ZL.png') no-repeat;
+}

src/pages/总览/index.jsx

@@ -78,7 +78,7 @@ export default function Home({ active }) {
 
 				{active == '退火监测' && <div className="bgFire"></div>}
 
-				{active == '质检统计' && <div className="bgFire"></div>}
+				{active == '质检统计' && <div className="bgQuality"></div>}
 			</div>
 
 			{active == '窑炉总览' && <RightBar key="right-bar" />}