#

vincentlu

2026-01-04 f9f14e942c5c2321334f985ab873cfc8ec31d422

#

 zy-acs-flow/src/page/sta/StaPanel.jsx

@@ -30,15 +30,15 @@
];

const INFO_FIELDS = [
    { labelKey: 'table.field.sta.uuid', valueKey: 'uuid' },
    // { labelKey: 'table.field.sta.uuid', valueKey: 'uuid' },
    { labelKey: 'table.field.sta.zoneId', valueKey: 'zoneId$' },
    { labelKey: 'table.field.sta.staType', valueKey: 'staType$' },
    { labelKey: 'table.field.sta.code', valueKey: 'code$' },
    { labelKey: 'table.field.sta.capacity', valueKey: 'capacity' },
    { labelKey: 'table.field.sta.offset', valueKey: 'offset' },
    { labelKey: 'table.field.sta.rsvInCnt', valueKey: 'rsvInCnt' },
    { labelKey: 'table.field.sta.rsvOutCnt', valueKey: 'rsvOutCnt' },
    { labelKey: 'table.field.sta.staSts', valueKey: 'staSts$' },
    // { labelKey: 'table.field.sta.staSts', valueKey: 'staSts$' },
    { labelKey: 'table.field.sta.offset', valueKey: 'offset' },
    { labelKey: 'table.field.sta.zpallet', valueKey: 'zpallet' },
];
const StaPanel = () => {
@@ -59,18 +59,15 @@
        setIsReservesLoading(true);
        dataProvider.getList('staReserve', {
            pagination: { page: 1, perPage: 10 },
            sort: { field: 'updateTime', order: 'DESC' },
            sort: { field: 'updateTime', order: 'desc' },
            filter: { staId: record.id },
        })
            .then(({ data }) => {
        }).then(({ data }) => {
                if (!isMounted) return;
                setReserves(data || []);
            })
            .catch(() => {
        }).catch(() => {
                if (!isMounted) return;
                setReserves([]);
            })
            .finally(() => {
        }).finally(() => {
                if (!isMounted) return;
                setIsReservesLoading(false);
            });
@@ -84,11 +81,11 @@

    return (
        <>
            <Card sx={{ width: { xs: 320, sm: 560, md: 680, lg: 900 }, margin: 'auto', mt: .5, mb: .5 }}>
            <Card sx={{ maxWidth: '80%', margin: 'auto', mt: .5, mb: .5 }}>
                <CardContent>
                    <Grid container spacing={2}>
                        <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}>
                            <Typography variant="h6" gutterBottom align="left" sx={{
                            <Typography variant="subtitle2" gutterBottom align="left" sx={{
                                maxWidth: { xs: '140px', sm: '220px', md: '300px', lg: '360px' },
                                whiteSpace: 'nowrap',
                                overflow: 'hidden',
@@ -96,19 +93,14 @@
                            }}>
                                {Common.camelToPascalWithSpaces(translate('table.field.sta.staNo'))}: {record.staNo}
                            </Typography>
                            <Typography variant="h6" gutterBottom align="right" >
                                ID: {record.id}
                            </Typography>
                        </Grid>
                    </Grid>
                    <Grid container spacing={2}>
                        <Grid item xs={12} container alignContent="flex-end">
                            <Typography variant="caption" color="textSecondary" sx={{ wordWrap: 'break-word', wordBreak: 'break-all' }}>
                                {Common.camelToPascalWithSpaces(translate('common.field.memo'))}:{record.memo || '-'}
                            </Typography>
                        </Grid>
                    </Grid>
                    <Box height={16}>&nbsp;</Box>

                    <Box height={12}>&nbsp;</Box>

                    <Grid container spacing={2}>
                        {INFO_FIELDS.map(({ labelKey, valueKey }) => (
                            <Grid item xs={12} sm={6} md={4} key={labelKey}>
@@ -122,9 +114,9 @@

                    <Divider sx={{ my: 2 }} />

                    <Typography variant="subtitle2" color="textSecondary" gutterBottom>
                        {translate('common.field.status')} / {translate('table.field.sta.staNo')}
                    </Typography>
                    {/* <Typography variant="subtitle2" color="textSecondary" gutterBottom>
                        {translate('common.field.status')}
                    </Typography> */}
                    <Grid container spacing={2}>
                        {STATUS_FIELDS.map(({ key, labelKey }) => (
                            <Grid item xs={6} sm={3} key={key}>
@@ -132,7 +124,6 @@
                            </Grid>
                        ))}
                    </Grid>

                    <Divider sx={{ my: 2 }} />

                    <Box>
@@ -200,7 +191,7 @@
            <Typography variant="caption" color="textSecondary">
                {Common.camelToPascalWithSpaces(translate(labelKey))}
            </Typography>
            <Typography variant="body2" fontWeight={600}>
            <Typography variant="body2" fontWeight={400}>
                {formatInfoValue(value)}
            </Typography>
        </Stack>