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

add more slices

Browse Source
This commit is contained in:
lb
2023-11-10 10:09:50 +08:00
parent a18cb7a1c7
commit 3821121a6f
8 changed files with 487 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/components/Common/NatGasFlow/gridList/index.jsx
View File

@@ -1,55 +1,54 @@
import cls from './index.module.css';
import { useContext, useEffect, useState } from 'react';
// import SocketContext from '../../../../store/socket-data-provider';
import cls from "./index.module.css";
import { useEffect, useState } from "react";
function getData(type) {
let data = [];
switch (type) {
case 'gas-i':
data = [
{ id: 1, name: '1#天然气I', value: '0m³/h' },
{ id: 2, name: '2#天然气I', value: '0m³/h' },
{ id: 3, name: '3#天然气I', value: '0m³/h' },
{ id: 4, name: '4#天然气I', value: '0m³/h' },
{ id: 5, name: '5#天然气I', value: '0m³/h' },
{ id: 6, name: '6#天然气I', value: '0m³/h' },
{ id: 7, name: '7#天然气I', value: '0m³/h' },
{ id: 8, name: '8#天然气I', value: '0m³/h' },
];
break;
case 'gas-ii':
data = [
{ id: 11, name: '1#天然气II', value: '0m³/h' },
{ id: 12, name: '2#天然气II', value: '0m³/h' },
{ id: 13, name: '3#天然气II', value: '0m³/h' },
{ id: 14, name: '4#天然气II', value: '0m³/h' },
// { id: 15, name: '5#天然气II', value: '0m³/h' },
];
break;
}
return data;
let data = [];
switch (type) {
case "gas-i":
data = [
{ id: 1, name: "1#天然气I", value: "0m³/h" },
{ id: 2, name: "2#天然气I", value: "0m³/h" },
{ id: 3, name: "3#天然气I", value: "0m³/h" },
{ id: 4, name: "4#天然气I", value: "0m³/h" },
{ id: 5, name: "5#天然气I", value: "0m³/h" },
{ id: 6, name: "6#天然气I", value: "0m³/h" },
{ id: 7, name: "7#天然气I", value: "0m³/h" },
{ id: 8, name: "8#天然气I", value: "0m³/h" },
];
break;
case "gas-ii":
data = [
{ id: 11, name: "1#天然气II", value: "0m³/h" },
{ id: 12, name: "2#天然气II", value: "0m³/h" },
{ id: 13, name: "3#天然气II", value: "0m³/h" },
{ id: 14, name: "4#天然气II", value: "0m³/h" },
// { id: 15, name: '5#天然气II', value: '0m³/h' },
];
break;
}
return data;
}
function GridList(props) {
// const { runState } = useContext(SocketContext);
const runState = null;
const key = props.dataSource == 'gas-i' ? 'gasFlowArr' : 'furnaceGasFlowArr';
// const { runState } = useContext(SocketContext);
const runState = null;
let dataList = getData(props.dataSource);
dataList = runState?.[key]
? dataList.map((v, i) => ({ ...v, value: runState[key][i] ?? '/' }))
: dataList;
const key = props.dataSource == "gas-i" ? "gasFlowArr" : "furnaceGasFlowArr";
return (
<div className={cls.gridList}>
{dataList.map((item) => (
<div key={item.id} className={cls.listItem}>
{item.name}: {item.value}
</div>
))}
</div>
);
let dataList = getData(props.dataSource);
dataList = runState?.[key]
? dataList.map((v, i) => ({ ...v, value: runState[key][i] ?? "/" }))
: dataList;
return (
<div className={cls.gridList}>
{dataList.map((item) => (
<div key={item.id} className={cls.listItem}>
{item.name}: {item.value}
</div>
))}
</div>
);
}
export default GridList;