mt-fe-group/xuchang-screen
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update Home

Browse Source
This commit is contained in:
lb
2023-11-01 15:26:20 +08:00
parent 296a39c7f8
commit d56becaf05
2 changed files with 30 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/index.jsx
View File

@@ -1,14 +1,10 @@
import './global.less';
import './index.less';
import Head from '../components/公共组件/顶部公司名称';
import LeftBar from '../components/模块组件/总览/LeftSide';
import BottomBar from '../components/模块组件/总览/Bottom';
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 './总览';
@@ -25,22 +21,13 @@ export default function index() {
<>
<div id="FullScreen" style={styles}>
<NavMenu active={navActive} onChangeActive={(v) => setNavActive(v)} />
<Head />
<SocketContextProvider>
<Head />
<div className="Main">
<LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder">{/* <V3D /> */}</div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
</div>
{navActive == '窑炉总览' && <Home />}
{navActive == '质检统计' && <CheckInfo />}
{navActive == '退火监测' && <FireCheck />}
{navActive == '能耗分析' && <EnergyAnalysis />}
{navActive == '窑炉内部' && <KilnInner />}
</SocketContextProvider>
</div>
<Slider value={value} setValue={setValue} />

24
src/pages/总览/index.jsx
View File

@@ -1,3 +1,25 @@
import LeftBar from '../../components/模块组件/总览/LeftSide';
import BottomBar from '../../components/模块组件/总览/Bottom';
import RightBar from '../../components/模块组件/总览/RightSide';
import CenterTopData from '../../components/模块组件/总览/CenterTop';
import V3DBG from '../../assets/V3DBG.png';
export default function Home() {
return <div>Home</div>;
return (
<div className="Main">
<LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder"></div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
</div>
);
}