|
|
@@ -11,7 +11,7 @@ import QualityCheckLeft from '../../components/模块组件/质检统计/LeftSid |
|
|
|
import FireCheckRight from '../../components/模块组件/退火监测/RightSide'; |
|
|
|
import QualityCheckRight from '../../components/模块组件/质检统计/RightSide'; |
|
|
|
|
|
|
|
import V3DBG from '../../assets/V3DBG.png'; |
|
|
|
// import V3DBG from '../../assets/V3DBG.png'; |
|
|
|
|
|
|
|
const KilnTotalRight = (props) => { |
|
|
|
return ( |
|
|
@@ -36,7 +36,8 @@ export default function Home({ active }) { |
|
|
|
|
|
|
|
return ( |
|
|
|
<div className="Main"> |
|
|
|
{active != '总览' && <div className="bgDitu"></div>} |
|
|
|
{active != '窑炉总览' && <div className="bgDitu"></div>} |
|
|
|
{active == '窑炉总览' && <div className="bgOverview"></div>} |
|
|
|
<AnimatePresence mode="wait"> |
|
|
|
<div |
|
|
|
className="left-side" |
|
|
@@ -56,16 +57,26 @@ export default function Home({ active }) { |
|
|
|
<div className="Center"> |
|
|
|
{active == '窑炉总览' && ( |
|
|
|
<> |
|
|
|
<div className="CenterData"> |
|
|
|
<CenterTopData /> |
|
|
|
</div> |
|
|
|
<img src={V3DBG} alt="图片加载错误" className="V3DBG" /> |
|
|
|
<div className="V3DBorder"></div> |
|
|
|
<div className="Button"> |
|
|
|
<AnimatePresence> |
|
|
|
<motion.div |
|
|
|
key="center-top" |
|
|
|
className="CenterData" |
|
|
|
initial={{ visibility: 'hidden' }} |
|
|
|
animate={{ visibility: 'visible' }} |
|
|
|
> |
|
|
|
<CenterTopData /> |
|
|
|
</motion.div> |
|
|
|
</AnimatePresence> |
|
|
|
<div key="v3d" className="V3DBorder"></div> |
|
|
|
<div key="bottom-bar" className="Button"> |
|
|
|
<BottomBar /> |
|
|
|
</div> |
|
|
|
</> |
|
|
|
)} |
|
|
|
|
|
|
|
{active == '退火监测' && <div className="bgFire"></div>} |
|
|
|
|
|
|
|
{active == '质检统计' && <div className="bgFire"></div>} |
|
|
|
</div> |
|
|
|
|
|
|
|
{active == '窑炉总览' && <RightBar key="right-bar" />} |
|
|
|