update 窑炉内部right

src/components/公共组件/风机运行频率/index.jsx

@@ -1,10 +1,9 @@
 // 风机运行频率
 import cls from './index.module.css';
-import BottomBarItem from '../BottomItemBackground';
 import ReactECharts from 'echarts-for-react';
 import * as echarts from 'echarts';
-import { randomInt } from '../../../utils';
 import { Switch } from 'antd';
+import GraphBase from '../../公共组件/GraphBase';
 import { useState, useContext } from 'react';
 import SocketContext from '../../../store/socket-data-provider';
 
@@ -163,12 +162,7 @@ function WindFrequence(props) {
 		}
 	}
 	return (
-		<BottomBarItem
-			icon="pause"
-			title="风机运行频率"
-			className={cls.relative}
-			style={props.style}
-		>
+		<GraphBase icon="kiln" title="风机运行频率" size={['middle', 'long']}>
 			<div className={cls.headWidget}>
 				<div className="flex items-center">
 					<Switch size="small" defaultChecked onChange={handleSwitchChange} />
@@ -191,7 +185,7 @@ function WindFrequence(props) {
 					</div>
 				)}
 			</div>
-		</BottomBarItem>
+		</GraphBase>
 	);
 }
 

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import FanInfo from '../../../公共组件/风机信息';
+import WindFrequence from '../../../公共组件/风机运行频率';
 import { motion } from 'framer-motion';
 
 import cls from './index.module.less';
@@ -11,6 +12,8 @@ export default function index() {
 				width: '625px',
 				height: '966px',
 				// background: '#fff3',
+				display: 'flex',
+				flexDirection: 'column',
 			}}
 			initial={{ opacity: 0, position: 'absolute' }}
 			animate={{ opacity: 1, position: 'relative' }}
@@ -20,6 +23,9 @@ export default function index() {
 			<div style={{ height: '380px' }}>
 				<FanInfo />
 			</div>
+			<div style={{ flex: 1, marginTop: '24px' }}>
+				<WindFrequence />
+			</div>
 		</motion.div>
 	);
 }