update

src/components/Common/Energy/index.jsx

@@ -9,7 +9,7 @@ function EnergyCost(props) {
   if (energyInfo) {
   }
   return (
-    <Container title="能耗" icon="charger" className={cls.energyCost}>
+    <Container title="能耗" icon="charger" className={cls.energyCost} pending={true}>
       <div className={`flex flex-col`}>
         <div className={`${cls.cost__info} flex`}>
           <div

src/components/Common/NavMenu/index.jsx

@@ -7,7 +7,7 @@ export default function CenterMenu({ active, onChangeActive }) {
 		['窑炉内部', '/kilnInner'],
 		['退火监测', '/stopFire'],
 		['质检统计', '/quailtyCheck'],
-		['能耗分析', '/energyCost'],
+		// ['能耗分析', '/energyCost'],
 	];
 	return (
 		<div className={`${cls.centerMenu} flex`}>

src/components/Common/NavMenu/index.module.scss

@@ -1,7 +1,8 @@
 .centerMenu {
 	position: fixed;
 	top: 120px;
-	left: 1340px;
+	// left: 1340px;
+	left: 1460px;
 	color: white;
 	z-index: 10000;
 }

src/components/Common/SmokeHandle/index.jsx

@@ -5,7 +5,7 @@ import SmokeTrendChart from './SmokeTrendChart';
 
 function SmokeHandle(props) {
 	return (
-		<Container title="烟气处理" icon="smoke" className={cls.smokeHandle}>
+		<Container title="烟气处理" icon="smoke" className={cls.smokeHandle} pending={true}>
 			<div className={`${cls.smokeHandle__content} flex flex-col`}>
 				<div className={cls.info__item_groups}>
 					<div className={cls.info__item}>氧 气 含 量 : 72%</div>

src/components/Common/TodayGood/components/TodayTableData/index.jsx

@@ -19,11 +19,11 @@ const TodayTableData = (props) => {
     headerHeight: 40,
     hoverPause: false,
     data: [
-      ["产线1", "37%", "62%", "97%", "7%"],
-      ["产线2", "95%", "10%", "99%", "3%"],
-      ["产线3", "68%", "1%", "92%", "4%"],
-      ["产线4", "94%", "21%", "97%", "2%"],
-      ["产线5", "99%", "30%", "95%", "5%"],
+      ["Y61", "37%", "62%", "97%", "7%"],
+      ["Y62", "95%", "10%", "99%", "3%"],
+      ["Y63", "68%", "1%", "92%", "4%"],
+      ["Y64", "94%", "21%", "97%", "2%"],
+      ["Y65", "99%", "30%", "95%", "5%"],
     ],
   });
   return (

src/components/Container.jsx

@@ -1,23 +1,41 @@
-import { useEffect, useRef } from 'react';
-import useIcon from '../hooks/useIcon';
-import cls from './container.module.scss';
+import { useEffect, useRef } from "react";
+import useIcon from "../hooks/useIcon";
+import cls from "./container.module.scss";
 
 const Container = (props) => {
-	let icon = useIcon(props.icon);
+  let icon = useIcon(props.icon);
 
-	return (
-		<div className={`${cls.container} ${props.className}`} style={props.style}>
-			<div className={cls.container__head}>
-				<img
-					src={icon}
-					alt="#"
-					className={props.icon == 'kiln' ? cls.bigger : ''}
-				/>
-				<h2>{props.title}</h2>
-			</div>
-			<div className={cls.container__content}>{props.children}</div>
-		</div>
-	);
+  return (
+    <div
+      className={`${cls.container} ${props.className}`}
+      style={props.pending ? { filter: "grayscale(100%)" } : props.style}
+    >
+      <div className={cls.container__head}>
+        <img
+          src={icon}
+          alt="#"
+          className={props.icon == "kiln" ? cls.bigger : ""}
+        />
+        <h2>{props.title}</h2>
+      </div>
+      <div className={cls.container__content}>{props.children}</div>
+      {props.pending && (
+        <div
+          className={`${cls.container__content} pending-modal`}
+          style={{
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            borderRadius: "20px",
+            userSelect: "none",
+            cursor: "not-allowed",
+          }}
+        ></div>
+      )}
+    </div>
+  );
 };
 
 export default Container;

src/components/Modules/Home/CenterTop/index.jsx

@@ -11,9 +11,9 @@ export default function index() {
 				<div className={cls.leftGrid}>
 					<Item1 />
 				</div>
-				<div className={cls.rightTable}>
+				{/* <div className={cls.rightTable}>
 					<Item2 />
-				</div>
+				</div> */}
 			</div>
 		</>
 	);

src/components/Modules/KilnInner/Center/index.jsx

@@ -44,7 +44,7 @@ function KilnCenter() {
           }
           onClick={() => onFloorUpdate(1)}
         >
-          一层
+          碹顶
         </div>
         <div
           className={
@@ -52,7 +52,7 @@ function KilnCenter() {
           }
           onClick={() => onFloorUpdate(2)}
         >
-          二层
+          池底
         </div>
       </div>
 

src/components/container.module.scss

@@ -4,6 +4,7 @@
   flex-direction: column;
   background-size: 100% 100%;
   background-repeat: no-repeat;
+  position: relative;
 
   .container__head {
     display: flex;

src/index.css

@@ -14,6 +14,7 @@ html,
 body {
   margin: 0;
   padding: 0;
+  overflow-y: hidden;
 }
 
 #FullScreen {

src/pages/Home/index.jsx

@@ -10,11 +10,11 @@ import FireCheckLeft from "../../components/Modules/FireCheck/LeftSide";
 import QualityCheckLeft from "../../components/Modules/QualityCheck/LeftSide";
 import FireCheckRight from "../../components/Modules/FireCheck/RightSide";
 import QualityCheckRight from "../../components/Modules/QualityCheck/RightSide";
+import { useSelector } from "react-redux";
 
 export default function Home({ active }) {
-  const ctx = null;
-
-  const fireDir = ctx?.runState?.fireDirection || null;
+  const ctx = useSelector((state) => state.fireInfo);
+  const fireDir = ctx.fireDirection || null;
 
   return (
     <div className="Main">