update right table

src/components/Modules/EnergyCostAnalysis/SmokeHandle/index.jsx

@@ -1,37 +1,39 @@
-import cls from './index.module.css';
-import GradientText from '../../../Common/GradientText';
+import cls from "./index.module.css";
+import GradientText from "../../../Common/GradientText";
+import { useSelector } from "react-redux";
 
 function SmokeHandle(props) {
-	return (
-		<div className={' ' + cls.smoke} style={{ color: '#fff' }}>
-			<span
-				className={cls.shadowBorder}
-				style={{
-					gridRow: '1 / 3',
-					paddingTop: '38px',
-					paddingLeft: '32px',
-					userSelect: 'none',
-				}}
-			>
-				<GradientText text="烟气处理" />
-			</span>
-			<span
-				className={cls.shadowBorder + ' ' + cls.infoText}
-				style={{ letterSpacing: '12px' }}
-			>
-				氧气含量: <span style={{ letterSpacing: '1px' }}>80%</span>
-			</span>
-			<span className={cls.shadowBorder + ' ' + cls.infoText}>
-				一氧化氮排放浓度: 20mg/m³
-			</span>
-			<span className={cls.shadowBorder + ' ' + cls.infoText}>
-				二氧化硫排放浓度: 20mg/m³
-			</span>
-			<span className={cls.shadowBorder + ' ' + cls.infoText}>
-				二氧化氮排放浓度: 20mg/m³
-			</span>
-		</div>
-	);
+  const smokeInfo = useSelector((state) => state.smoke?.info);
+  return (
+    <div className={" " + cls.smoke} style={{ color: "#fff" }}>
+      <span
+        className={cls.shadowBorder}
+        style={{
+          gridRow: "1 / 3",
+          paddingTop: "38px",
+          paddingLeft: "32px",
+          userSelect: "none",
+        }}
+      >
+        <GradientText text="烟气处理" />
+      </span>
+      <span
+        className={cls.shadowBorder + " " + cls.infoText}
+        style={{ letterSpacing: "12px" }}
+      >
+        氧气含量: {smokeInfo?.O2_float || 0}%
+      </span>
+      <span className={cls.shadowBorder + " " + cls.infoText}>
+        氮氧化物浓度: {smokeInfo?.NOX_float || 0}mg/m³
+      </span>
+      <span className={cls.shadowBorder + " " + cls.infoText}>
+        二氧化硫浓度: {smokeInfo?.SO2_float || 0}mg/m³
+      </span>
+      <span className={cls.shadowBorder + " " + cls.infoText}>
+        颗粒物浓度: {smokeInfo?.dust_float || 0}mg/m³
+      </span>
+    </div>
+  );
 }
 
 export default SmokeHandle;