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/mission/MissionShow.jsx | 55 ++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 38 insertions(+), 17 deletions(-) diff --git a/zy-acs-flow/src/page/mission/MissionShow.jsx b/zy-acs-flow/src/page/mission/MissionShow.jsx index 451db8c..4ccffc4 100644 --- a/zy-acs-flow/src/page/mission/MissionShow.jsx +++ b/zy-acs-flow/src/page/mission/MissionShow.jsx @@ -23,11 +23,16 @@ Stack, Typography, Avatar, + useTheme, } from '@mui/material'; import DialogCloseButton from "../components/DialogCloseButton"; -import { blueGrey } from '@mui/material/colors'; +import { blueGrey, blue } from '@mui/material/colors'; import MoveToInboxIcon from '@mui/icons-material/MoveToInbox'; import { format } from 'date-fns'; +import { TaskList } from "./TaskList"; +import { ActionsIterator } from "../action/ActionsIterator"; +import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'; + const MissionShow = ({ open, id }) => { const redirect = useRedirect(); @@ -59,10 +64,10 @@ } const MissionShowContent = ({ handleClose }) => { + const theme = useTheme(); const record = useRecordContext(); const translate = useTranslate(); if (!record) return null; - console.log(record); return ( <> @@ -83,7 +88,7 @@ sx={{ width: 30, height: 30, - bgcolor: blueGrey[500], + bgcolor: theme.palette.primary.main, }} > {record.agv} @@ -107,7 +112,7 @@ color="textSecondary" variant="caption" > - Last sending date + {translate('table.field.mission.lastSendDate')} </Typography> <Stack direction="row" @@ -115,7 +120,7 @@ gap={1} > <Typography variant="body2"> - {format(record.sendTime, 'yyyy-MM-dd HH:mm:ss')} + {format(record.sendTime, 'yyyy-MM-dd HH:mm:ss') || '-'} </Typography> </Stack> </Box> @@ -125,10 +130,10 @@ color="textSecondary" variant="caption" > - Bus No + {translate('table.field.bus.busNo')} </Typography> <Typography variant="body2"> - {record.busNo} + {record.busNo || '-'} </Typography> </Box> @@ -149,7 +154,7 @@ color="textSecondary" variant="caption" > - Action Count + {translate('table.field.mission.actionCount')} </Typography> <Typography variant="body2"> {record.actionCount || 'unknown'} @@ -157,7 +162,7 @@ </Box> </Box> - {!!record.contact_ids?.length && ( + {!!record.taskIds?.length && ( <Box m={2}> <Box display="flex" @@ -169,34 +174,47 @@ color="textSecondary" variant="caption" > - Contacts + {translate('table.field.mission.task')} </Typography> <ReferenceArrayField source="contact_ids" reference="contacts_summary" > - <ContactList /> + <TaskList taskIds={record.taskIds} /> </ReferenceArrayField> </Box> </Box> )} - {record.description && ( + {!!record.codeList?.length && ( <Box m={2} sx={{ whiteSpace: 'pre-line' }}> <Typography color="textSecondary" variant="caption" > - Description + {translate('table.field.mission.runPath')} </Typography> - <Typography variant="body2"> - {record.description} + <Typography variant="body2" sx={{ whiteSpace: 'normal', overflow: 'hidden', display: 'flex', flexWrap: 'wrap' }}> + [ {record.codeList.map((code, index) => ( + <span key={index} style={{ + color: record.currCode === code ? theme.palette.primary.main : 'inherit', + }}> + {code}{index < record.codeList.length - 1 && ','} + </span> + ))} ] </Typography> </Box> )} <Box m={2}> + <Typography + color="textSecondary" + variant="caption" + > + {translate('table.field.mission.actions')} + </Typography> <Divider /> + <ActionsIterator actionIds={record.actionIds} /> </Box> </Box> </Box> @@ -213,13 +231,16 @@ const translate = useTranslate(); const handleClick = () => { - alert(1); + redirect(`/mission/${record.id}/resend`, undefined, undefined, undefined, { + _scrollToTop: false, + }); }; return ( <Button onClick={handleClick} - startIcon={<MoveToInboxIcon />} + // startIcon={<MoveToInboxIcon />} + endIcon={<ArrowForwardIosIcon />} size="small" > {translate('common.action.resend')} -- Gitblit v1.9.1