39 lines
1.8 KiB
TypeScript
39 lines
1.8 KiB
TypeScript
import React, {useEffect, useRef, useState} from "react";
|
|
import intl from "react-intl-universal";
|
|
import '../../../lanhuapp/common.css';
|
|
import "../../../lanhuapp/index.css";
|
|
import "../../style/standard.css"
|
|
import {Table, TableBody, TableHead} from "@mui/material";
|
|
import {useAppSelector} from "../../../store/hooks";
|
|
import {selectSumProductionDets} from "../../../store/ProductionMonitoringEntity";
|
|
import {StyledTableCell, StyledTableContainer, StyledTableRow} from "../../Component/StyledTable";
|
|
|
|
function RightUpTable() {
|
|
const sumProductionDets = useAppSelector(selectSumProductionDets);
|
|
return (
|
|
<StyledTableContainer>
|
|
<Table>
|
|
<TableHead>
|
|
<StyledTableRow>
|
|
<StyledTableCell align="center">{intl.get('ProductionLineName')}</StyledTableCell>
|
|
<StyledTableCell align="center">{intl.get('InputNum')}</StyledTableCell>
|
|
<StyledTableCell align="center">{intl.get('OutputNum')}</StyledTableCell>
|
|
<StyledTableCell align="center">{intl.get('PassRate')}</StyledTableCell>
|
|
</StyledTableRow>
|
|
</TableHead>
|
|
<TableBody>
|
|
{sumProductionDets.map((sumProductionDets) => (
|
|
<StyledTableRow key={sumProductionDets.lineName}>
|
|
<StyledTableCell align="center">{sumProductionDets.lineName}</StyledTableCell>
|
|
<StyledTableCell align="center">{sumProductionDets.inputNum}</StyledTableCell>
|
|
<StyledTableCell align="center">{sumProductionDets.outputNum}</StyledTableCell>
|
|
<StyledTableCell align="center">{sumProductionDets.passRate}</StyledTableCell>
|
|
</StyledTableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
</StyledTableContainer>
|
|
);
|
|
}
|
|
|
|
export default RightUpTable; |