From 75f8d75a7b932ee456081109bd023ba730583fc1 Mon Sep 17 00:00:00 2001 From: lb Date: Wed, 1 Nov 2023 16:13:56 +0800 Subject: [PATCH] update layout --- src/pages/index.jsx | 9 +-- src/pages/总览/index.jsx | 117 ++++++++++++++++++++++++++++++++++++++- 2 files changed, 119 insertions(+), 7 deletions(-) diff --git a/src/pages/index.jsx b/src/pages/index.jsx index 057ca54..89f3f92 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -23,11 +23,12 @@ export default function index() { setNavActive(v)} /> - {navActive == '窑炉总览' && } - {navActive == '质检统计' && } - {navActive == '退火监测' && } {navActive == '能耗分析' && } - {navActive == '窑炉内部' && } + {navActive != '能耗分析' && } + {/* {navActive == '窑炉总览' && } */} + {/* {navActive == '质检统计' && } + {navActive == '退火监测' && } + {navActive == '窑炉内部' && } */} diff --git a/src/pages/总览/index.jsx b/src/pages/总览/index.jsx index 616daf4..539f911 100644 --- a/src/pages/总览/index.jsx +++ b/src/pages/总览/index.jsx @@ -5,10 +5,116 @@ import CenterTopData from '../../components/模块组件/总览/CenterTop'; import V3DBG from '../../assets/V3DBG.png'; -export default function Home() { +const KilnTotalLeft = (props) => { + return ( +
+ 窑炉总览LEFT +
+ ); +}; + +const KilnInnerLeft = (props) => { + return ( +
+ 窑炉内部LEFT +
+ ); +}; +const FireCheckLeft = (props) => { + return ( +
+ 退火监测LEFT +
+ ); +}; +const QualityCheckLeft = (props) => { + return ( +
+ 质检统计LEFT +
+ ); +}; + +const KilnTotalRight = (props) => { + return ( +
+ 窑炉总览 Right +
+ ); +}; + +const KilnInnerRight = (props) => { + return ( +
+ 窑炉内部LEFT +
+ ); +}; +const FireCheckRight = (props) => { + return ( +
+ 退火监测LEFT +
+ ); +}; +const QualityCheckRight = (props) => { + return ( +
+ 质检统计LEFT +
+ ); +}; + +export default function Home({ active }) { + console.log('home', active); return (
- + {/* {active == '窑炉总览' && } */} + {active == '窑炉总览' && } + {active == '窑炉内部' && } + {active == '退火监测' && } + {active == '质检统计' && } + {/* */}
@@ -19,7 +125,12 @@ export default function Home() {
- + + {active == '窑炉总览' && } + {active == '窑炉内部' && } + {active == '退火监测' && } + {active == '质检统计' && } + {/* */}
); }