chen.lin
昨天 b003a49794f49a329e2702918ecfc8d14b371d0d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
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;