|
|
@@ -7,6 +7,7 @@ import { useEffect, useState } from "react"; |
|
|
|
import Home from "./pages/Home"; |
|
|
|
import EnergyAnalysis from "./pages/EnergyCostAnalysis"; |
|
|
|
import RulerContainer from "./components/Tools/Ruler"; |
|
|
|
import { Switch } from "antd"; |
|
|
|
import { createPortal } from "react-dom"; |
|
|
|
|
|
|
|
const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", "能耗分析"]; |
|
|
@@ -14,16 +15,23 @@ const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", " |
|
|
|
function App() { |
|
|
|
const { styles, value, setValue } = useSlider(100); |
|
|
|
const [navActive, setNavActive] = useState("窑炉总览"); |
|
|
|
const [lunbo, setlunbo] = useState(false); |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
const timer = setInterval(() => { |
|
|
|
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]); |
|
|
|
}, 10000); |
|
|
|
|
|
|
|
let timer; |
|
|
|
if (lunbo) { |
|
|
|
timer = setInterval(() => { |
|
|
|
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]); |
|
|
|
}, 5000); |
|
|
|
} |
|
|
|
return () => { |
|
|
|
clearInterval(timer); |
|
|
|
}; |
|
|
|
}, [navActive]); |
|
|
|
}, [lunbo, navActive]); |
|
|
|
|
|
|
|
function handleSwitchChange(val) { |
|
|
|
setlunbo(val); |
|
|
|
} |
|
|
|
|
|
|
|
function handleMenuChange(value) { |
|
|
|
setNavActive(value); |
|
|
@@ -34,7 +42,25 @@ function App() { |
|
|
|
<div id="FullScreen" style={{ ...styles, overflow: "hidden" }}> |
|
|
|
<NavMenu active={navActive} onChangeActive={handleMenuChange} /> |
|
|
|
<Head /> |
|
|
|
|
|
|
|
<div |
|
|
|
className="lunbo-setting" |
|
|
|
style={{ |
|
|
|
position: "fixed", |
|
|
|
top: "64px", |
|
|
|
right: "680px", |
|
|
|
display: "flex", |
|
|
|
alignItems: "center", |
|
|
|
gap: "16px", |
|
|
|
}} |
|
|
|
> |
|
|
|
<span style={{ fontSize: "20px", color: "#00fff7" }}>模块轮播</span> |
|
|
|
<Switch |
|
|
|
className="lunbo-btn" |
|
|
|
size="small" |
|
|
|
value={lunbo} |
|
|
|
onChange={handleSwitchChange} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
{navActive == "能耗分析" && <EnergyAnalysis />} |
|
|
|
{navActive == "能耗分析" && <div className="bgDitu"></div>} |
|
|
|
{navActive != "能耗分析" && <Home active={navActive} />} |
|
|
|