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

connect 助燃风流量

Browse Source
This commit is contained in:
lb
2023-11-30 16:40:02 +08:00
parent af531456f4
commit d65fc0e3ed
4 changed files with 128 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/components/Common/GasFlow/index.jsx
View File

@@ -7,55 +7,56 @@ import { Switch } from "antd";
import { useState, useEffect } from "react";
import { useSelector, useDispatch } from "react-redux";
function mockData(type = "runtime") {
const RUNTIME_DATA_LENGTH = 8;
const MAX_HISTORY_DATA_LENGTH = 8;
const WEEK = 7;
// function mockData(type = "runtime") {
// const RUNTIME_DATA_LENGTH = 8;
// const MAX_HISTORY_DATA_LENGTH = 8;
// const WEEK = 7;
switch (type) {
case "runtime":
return [
...Array.from(
{ length: RUNTIME_DATA_LENGTH },
() => Math.floor(Math.random() * 100) + "m³/h"
),
];
case "history":
return {
...Array.from(
{ length: Math.floor(Math.random() * MAX_HISTORY_DATA_LENGTH) },
(_, index) => ({
["GAS_" + index]: [
...Array.from({ length: WEEK }, () =>
Math.floor(Math.random() * 100)
),
],
})
).reduce((arr, curr) => ({ ...arr, ...curr }), {}),
};
default:
break;
}
}
// switch (type) {
// case "runtime":
// return [
// ...Array.from(
// { length: RUNTIME_DATA_LENGTH },
// () => Math.floor(Math.random() * 100) + "m³/h"
// ),
// ];
// case "history":
// return {
// ...Array.from(
// { length: Math.floor(Math.random() * MAX_HISTORY_DATA_LENGTH) },
// (_, index) => ({
// ["GAS_" + index]: [
// ...Array.from({ length: WEEK }, () =>
// Math.floor(Math.random() * 100)
// ),
// ],
// })
// ).reduce((arr, curr) => ({ ...arr, ...curr }), {}),
// };
// default:
// break;
// }
// }
/** 助燃风流量 */
function GasI(props) {
const [showChart, setShowChart] = useState(true);
const dispath = useDispatch();
const runState = useSelector((state) => state.wind.runtime);
const hisState = useSelector((state) => state.wind.history);
// const dispath = useDispatch();
const runState = useSelector((state) => state.combustionAir.runtime);
const hisState = useSelector((state) => state.combustionAir.history);
useEffect(() => {
setInterval(() => {
dispath({
type: "fanFrequence/setRuntime",
payload: mockData("runtime"),
});
dispath({
type: "fanFrequence/setHistory",
payload: mockData("history"),
});
}, 60000);
}, [dispath]);
// useEffect(() => {
// setInterval(() => {
// dispath({
// type: "combustionAir/setRuntime",
// payload: mockData("runtime"),
// });
// dispath({
// type: "combustionAir/setHistory",
// payload: mockData("history"),
// });
// }, 60000);
// }, [dispath]);
let dataList = [];
let seriesData = [];
@@ -136,7 +137,7 @@ function GasI(props) {
// max: 100,
},
series: seriesData.map((v, i) => ({
name: i + 1 + "#助燃风",
name: i + 1 + "#助燃风流量",
data: v,
type: "line",
symbol: "circle",
@@ -156,27 +157,27 @@ function GasI(props) {
dataList =
runState != null
? [
{ id: 1, name: "1#助燃风", value: "0m³/h" },
{ id: 2, name: "2#助燃风", value: "0m³/h" },
{ id: 3, name: "3#助燃风", value: "0m³/h" },
{ id: 4, name: "4#助燃风", value: "0m³/h" },
{ id: 5, name: "5#助燃风", value: "0m³/h" },
{ id: 6, name: "6#助燃风", value: "0m³/h" },
{ id: 7, name: "7#助燃风", value: "0m³/h" },
{ id: 8, name: "8#助燃风", value: "0m³/h" },
{ id: 1, name: "1#助燃风流量", value: "0m³/h" },
{ id: 2, name: "2#助燃风流量", value: "0m³/h" },
{ id: 3, name: "3#助燃风流量", value: "0m³/h" },
{ id: 4, name: "4#助燃风流量", value: "0m³/h" },
{ id: 5, name: "5#助燃风流量", value: "0m³/h" },
{ id: 6, name: "6#助燃风流量", value: "0m³/h" },
{ id: 7, name: "7#助燃风流量", value: "0m³/h" },
{ id: 8, name: "8#助燃风流量", value: "0m³/h" },
].map((item, index) => ({
...item,
value: runState[index] ?? "/",
}))
: [
{ id: 1, name: "1#助燃风", value: "0m³/h" },
{ id: 2, name: "2#助燃风", value: "0m³/h" },
{ id: 3, name: "3#助燃风", value: "0m³/h" },
{ id: 4, name: "4#助燃风", value: "0m³/h" },
{ id: 5, name: "5#助燃风", value: "0m³/h" },
{ id: 6, name: "6#助燃风", value: "0m³/h" },
{ id: 7, name: "7#助燃风", value: "0m³/h" },
{ id: 8, name: "8#助燃风", value: "0m³/h" },
{ id: 1, name: "1#助燃风流量", value: "0m³/h" },
{ id: 2, name: "2#助燃风流量", value: "0m³/h" },
{ id: 3, name: "3#助燃风流量", value: "0m³/h" },
{ id: 4, name: "4#助燃风流量", value: "0m³/h" },
{ id: 5, name: "5#助燃风流量", value: "0m³/h" },
{ id: 6, name: "6#助燃风流量", value: "0m³/h" },
{ id: 7, name: "7#助燃风流量", value: "0m³/h" },
{ id: 8, name: "8#助燃风流量", value: "0m³/h" },
];
}