#

luxiaotao1123

2024-11-04 7f70cb15d035f0c233b9e62b9e43aa985317c908

 zy-acs-flow/src/page/agv/show/AgvShowAside.jsx

@@ -2,12 +2,14 @@
import {
    DateField,
    EditButton,
    DeleteButton,
    ReferenceField,
    SelectField,
    ShowButton,
    TextField,
    UrlField,
    useRecordContext,
    useTranslate,
} from 'react-admin';
import { Link as RouterLink, useLocation } from 'react-router-dom';
import {
@@ -19,32 +21,79 @@
    Stack,
    Typography,
    Divider,
    Grid,
} from '@mui/material';
import { formatDistance } from 'date-fns';

import StatusField from "../../components/StatusField";
import AccessTimeIcon from '@mui/icons-material/AccessTime';

export const AgvShowAside = (props) => {
    const { link = 'edit' } = props;
    const translate = useTranslate();
    const record = useRecordContext();
    if (!record) return null;

    return (<>
        <Stack ml={4} width={250} minWidth={250} spacing={2}>
            <Stack direction="row" spacing={1}>
                {link === 'edit' ? (
                    <EditButton label="Edit Company" />
                ) : (
                    <ShowButton label="Show Company" />
                )}
            </Stack>

            {/* <CompanyInfo record={record} />

            <AddressInfo record={record} />

            <ContextInfo record={record} />

            <AdditionalInfo record={record} /> */}
        </Stack>
    </>)
    return (
        <Box width={400} display={{ xs: 'none', lg: 'block' }}>
            {record && (
                <Box ml={2}>
                    <Card>
                        <CardContent>
                            <Stack direction="row" spacing={1}>
                                <EditButton />
                            </Stack>
                            <Stack direction="row" mt={1}>
                                <DeleteButton mutationMode="optimistic" />
                            </Stack>
                            <Box mt={1} />
                            <Typography variant="subtitle2" gutterBottom>
                                {translate('common.edit.side.title')}
                            </Typography>
                            <Divider sx={{ mb: 2 }} />
                            <Grid container rowSpacing={2} columnSpacing={1}>
                                <Grid item xs={12} display="flex" gap={1}>
                                    <StatusField label="Status" />
                                </Grid>
                                <Grid item xs={12} display="flex" gap={1}>
                                    <Stack
                                        direction="row"
                                        alignItems="center"
                                        gap={1}
                                        minHeight={24}
                                    >
                                        <AccessTimeIcon fontSize="small" color="disabled" />
                                        <Typography variant="body2">
                                            {translate('common.field.createTime')}
                                        </Typography>
                                        <DateField
                                            record={record}
                                            source="createTime"
                                            showTime
                                        />
                                    </Stack>
                                </Grid>
                                <Grid item xs={12} display="flex" gap={1}>
                                    <Stack
                                        direction="row"
                                        alignItems="center"
                                        gap={1}
                                        minHeight={24}
                                    >
                                        <AccessTimeIcon fontSize="small" color="disabled" />
                                        <Typography variant="body2">
                                            {translate('common.field.updateTime')}
                                        </Typography>
                                        <DateField
                                            record={record}
                                            source="updateTime"
                                            showTime
                                        />
                                    </Stack>
                                </Grid>
                            </Grid>
                        </CardContent>
                    </Card>
                </Box>
            )}
        </Box>
    );
}