|
|
@@ -7,17 +7,25 @@ import RightBar from '../components/模块组件/总览/RightSide'; |
|
|
|
import CenterTopData from '../components/模块组件/总览/CenterTop'; |
|
|
|
import { SocketContextProvider } from '../store/socket-data-provider'; |
|
|
|
import useSlider, { Slider } from '../hooks/useSlider'; |
|
|
|
|
|
|
|
import NavMenu from '../components/公共组件/导航菜单'; |
|
|
|
import V3DBG from '../assets/V3DBG.png'; |
|
|
|
import { useState } from 'react'; |
|
|
|
// import V3D from './V3D'; |
|
|
|
import Home from './总览'; |
|
|
|
import CheckInfo from './质检统计'; |
|
|
|
import FireCheck from './退火监测'; |
|
|
|
import EnergyAnalysis from './能耗分析'; |
|
|
|
import KilnInner from './窑炉内部'; |
|
|
|
|
|
|
|
export default function index() { |
|
|
|
const { styles, setValue } = useSlider(75); |
|
|
|
const { styles, value, setValue } = useSlider(75); |
|
|
|
const [navActive, setNavActive] = useState('窑炉总览'); |
|
|
|
|
|
|
|
return ( |
|
|
|
<> |
|
|
|
<SocketContextProvider> |
|
|
|
<div id="FullScreen" style={styles}> |
|
|
|
<div id="FullScreen" style={styles}> |
|
|
|
<NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} /> |
|
|
|
<SocketContextProvider> |
|
|
|
<Head /> |
|
|
|
<div className="Main"> |
|
|
|
<LeftBar /> |
|
|
@@ -33,9 +41,9 @@ export default function index() { |
|
|
|
</div> |
|
|
|
<RightBar /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<Slider setValue={setValue} /> |
|
|
|
</SocketContextProvider> |
|
|
|
</SocketContextProvider> |
|
|
|
</div> |
|
|
|
<Slider value={value} setValue={setValue} /> |
|
|
|
</> |
|
|
|
); |
|
|
|
} |