add 退火监测左边栏

src/components/模块组件/窑炉内部/LeftSide/index.jsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import Kiln from '../../../公共组件/窑炉信息/Kiln';
-import GoodProduction from '../../../公共组件/本日生产良品率/GoodProduction';
+import GasFlow from '../../../公共组件/天然气流量';
+import WindFlow from '../../../公共组件/助燃风流量';
+
 import { motion } from 'framer-motion';
 
 import cls from './index.module.less';
@@ -15,7 +17,8 @@ export default function index() {
 			transition={{ type: 'tween' }}
 		>
 			<Kiln />
-			<GoodProduction />
+			<GasFlow style={{ flex: 1, width: '100%', marginTop: '24px' }} />
+			<WindFlow style={{ flex: 1, width: '100%', marginTop: '24px' }} />
 		</motion.div>
 	);
 }

src/components/模块组件/退火监测/1

@@ -1 +0,0 @@
-1

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import Kiln from '../../../公共组件/窑炉信息/Kiln';
+import GasFlow from '../../../公共组件/天然气流量';
+import WindFlow from '../../../公共组件/助燃风流量';
+
+import { motion } from 'framer-motion';
+
+import cls from './index.module.less';
+
+export default function index() {
+	return (
+		<motion.div
+			className={cls.leftBar}
+			initial={{ opacity: 0, position: 'absolute' }}
+			animate={{ opacity: 1, position: 'relative' }}
+			exit={{ opacity: 0, position: 'relative' }}
+			transition={{ type: 'tween' }}
+		>
+			<Kiln />
+			<GasFlow style={{ flex: 1, width: '100%', marginTop: '24px' }} />
+			<WindFlow style={{ flex: 1, width: '100%', marginTop: '24px' }} />
+		</motion.div>
+	);
+}

src/components/模块组件/退火监测/LeftSide/index.module.less

@@ -0,0 +1,9 @@
+.leftBar {
+	width: 625px;
+	height: 966px;
+	// margin-left: 40px;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}