From 7f70cb15d035f0c233b9e62b9e43aa985317c908 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 04 十一月 2024 10:22:45 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/show/AgvShowAside.jsx | 91 +++++++++++++++++++++++++++++++++++----------
1 files changed, 70 insertions(+), 21 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/show/AgvShowAside.jsx b/zy-acs-flow/src/page/agv/show/AgvShowAside.jsx
index f3a60b7..adcc9d6 100644
--- a/zy-acs-flow/src/page/agv/show/AgvShowAside.jsx
+++ b/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>
+ );
}
\ No newline at end of file
--
Gitblit v1.9.1