mt-fe-group/xuchang-new
8
0
派生 0
代码 工单 合并请求 版本发布 百科 动态

update lunbo

浏览代码
这个提交包含在：
lb 2024-01-26 17:19:39 +08:00
父节点 6cf533e718
当前提交 4374260acd
共有 4 个文件被更改，包括 47 次插入 和 6 次删除
显示统计 下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

二进制
public/video/enter.webm
查看文件

二进制文件未显示。

二进制
public/video/floor1.webm 普通文件
查看文件

二进制文件未显示。

38
src/App.js
查看文件

@ -7,6 +7,7 @@ import { useEffect, useState } from "react";
import Home from "./pages/Home";
import EnergyAnalysis from "./pages/EnergyCostAnalysis";
import RulerContainer from "./components/Tools/Ruler";
import { Switch } from "antd";
import { createPortal } from "react-dom";
const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", "能耗分析"];
@ -14,16 +15,23 @@ const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", "
function App() {
const { styles, value, setValue } = useSlider(100);
const [navActive, setNavActive] = useState("窑炉总览");
const [lunbo, setlunbo] = useState(false);
useEffect(() => {
const timer = setInterval(() => {
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]);
}, 10000);
let timer;
if (lunbo) {
timer = setInterval(() => {
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]);
}, 5000);
}
return () => {
clearInterval(timer);
};
}, [navActive]);
}, [lunbo, navActive]);
function handleSwitchChange(val) {
setlunbo(val);
}
function handleMenuChange(value) {
setNavActive(value);
@ -34,7 +42,25 @@ function App() {
<div id="FullScreen" style={{ ...styles, overflow: "hidden" }}>
<NavMenu active={navActive} onChangeActive={handleMenuChange} />
<Head />
<div
className="lunbo-setting"
style={{
position: "fixed",
top: "64px",
right: "680px",
display: "flex",
alignItems: "center",
gap: "16px",
}}
>
<span style={{ fontSize: "20px", color: "#00fff7" }}>模块轮播</span>
<Switch
className="lunbo-btn"
size="small"
value={lunbo}
onChange={handleSwitchChange}
/>
</div>
{navActive == "能耗分析" && <EnergyAnalysis />}
{navActive == "能耗分析" && <div className="bgDitu"></div>}
{navActive != "能耗分析" && <Home active={navActive} />}

15
src/index.css
查看文件

@ -139,3 +139,18 @@ body {
.dv-scroll-board .header .header-item:not(:first-child) {
border-left: 1px solid #0004;
}
.lunbo-btn.ant-switch {
background: #095063 !important;
}
.lunbo-btn.ant-switch .ant-switch-handle::before {
background: #c0f7ff !important;
}
.lunbo-btn.ant-switch-checked {
background: #00fff7 !important;
}
.lunbo-btn.ant-switch-checked .ant-switch-handle::before {
background: #c0f7ff !important;
}