| | |
| | | <> |
| | | <Box m={2}> |
| | | <AgvMainDetail record={record} /> |
| | | <Divider sx={{ m: 2 }} /> |
| | | <Divider sx={{ mt: 2, mb: 2 }} /> |
| | | <AgvMoreDetail record={record} /> |
| | | <Divider sx={{ m: 2 }} /> |
| | | <Divider sx={{ mt: 2, mb: 2 }} /> |
| | | <AgvModelDetail record={record} /> |
| | | </Box> |
| | | </> |
| | |
| | | |
| | | const DetailValue = ({ value }) => { |
| | | return ( |
| | | <Typography variant="body2"> |
| | | <Typography |
| | | variant="body2" |
| | | width='80%' |
| | | sx={{ |
| | | wordWrap: 'break-word', |
| | | whiteSpace: 'normal', |
| | | }} |
| | | > |
| | | {value} |
| | | </Typography> |
| | | ) |
| | |
| | | } |
| | | const AgvModelDetail = ({ record }) => { |
| | | const translate = useTranslate(); |
| | | console.log(record); |
| | | |
| | | return ( |
| | | <Grid container spacing={1} sx={{ maxWidth: GRID_CONTAINER_MAX_WIDTH }}> |
| | | <Grid item xs={ITEM_COL}> |