import React from "react";
|
import {
|
Show,
|
TextField,
|
NumberField,
|
} from 'react-admin';
|
import { Box, Typography, Stack, Grid } from '@mui/material';
|
import { useTranslate } from 'react-admin';
|
import WaitPakinItemLogList from "./WaitPakinItemLogList";
|
|
/**
|
* 组托历史档查看详情:与组托通知档查看详情保持一致(主信息布局 + 明细列/omit 一致),仅展示无编辑。
|
*/
|
const WaitPakinLogShow = () => {
|
const translate = useTranslate();
|
return (
|
<Show actions={false} title="组托历史档详情">
|
<Box sx={{ pt: 1 }}>
|
<Grid container width={{ xs: '100%', xl: '100%' }}>
|
<Grid item xs={24} md={12}>
|
<Typography variant="h6" gutterBottom>
|
{translate('common.edit.title.main')}
|
</Typography>
|
<Stack direction="row" gap={2} flexWrap="wrap" useFlexGap>
|
<TextField source="code" label="table.field.waitPakinLog.code" />
|
<TextField source="asnCodes" label="table.field.waitPakin.asnCodes" />
|
<TextField source="barcode" label="table.field.waitPakinLog.barcode" />
|
<NumberField source="anfme" label="table.field.waitPakinLog.anfme" options={{ minimumFractionDigits: 2, maximumFractionDigits: 2 }} />
|
<TextField source="ioStatus$" label="table.field.waitPakinLog.ioStatus" />
|
</Stack>
|
</Grid>
|
</Grid>
|
</Box>
|
<WaitPakinItemLogList />
|
</Show>
|
);
|
};
|
|
export default WaitPakinLogShow;
|