update rightbar

src/components/Common/SmokeHandle/SmokeHandleTable/index.jsx

@@ -0,0 +1,24 @@
+import { useSelector } from "react-redux";
+import cls from "../index.module.scss";
+
+const SmokeHandleTable = () => {
+  const smokeInfo = useSelector((state) => state.smoke?.info);
+  return (
+    <div className={cls.info__item_groups}>
+      <div className={cls.info__item}>
+        氧 气 含 量 : {(+smokeInfo?.O2_float)?.toFixed(2) || 0}%
+      </div>
+      <div className={cls.info__item}>
+        氮氧化物浓度: {(+smokeInfo?.NOX_float)?.toFixed(2) || 0}mg/m³
+      </div>
+      <div className={cls.info__item}>
+        二氧化硫浓度: {(+smokeInfo?.SO2_float)?.toFixed(2) || 0}mg/m³
+      </div>
+      <div className={cls.info__item}>
+        颗粒物浓度: {(+smokeInfo?.dust_float)?.toFixed(2) || 0}mg/m³
+      </div>
+    </div>
+  );
+};
+
+export default SmokeHandleTable;