34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
// import "./App.css";
|
|
import "./global.css";
|
|
import "./index.css";
|
|
import Head from "./components/Common/Company";
|
|
// import { SocketContextProvider } from "../store/socket-data-provider";
|
|
import useSlider, { Slider } from "./hooks/useSlider";
|
|
import NavMenu from "./components/Common/NavMenu";
|
|
import { useState } from "react";
|
|
import Home from "./pages/Home";
|
|
import EnergyAnalysis from "./pages/EnergyCostAnalysis";
|
|
import RulerContainer from "./components/Tools/Ruler";
|
|
import { createPortal } from "react-dom";
|
|
|
|
function App() {
|
|
const { styles, value, setValue } = useSlider(100);
|
|
const [navActive, setNavActive] = useState("窑炉总览");
|
|
|
|
return (
|
|
<>
|
|
<div id="FullScreen" style={styles}>
|
|
<NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} />
|
|
<Head />
|
|
|
|
{navActive == "能耗分析" && <EnergyAnalysis />}
|
|
{navActive != "能耗分析" && <Home active={navActive} />}
|
|
</div>
|
|
<Slider value={value} setValue={setValue} />
|
|
{createPortal(<RulerContainer />, document.body)}
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default App;
|