#

luxiaotao1123

2024-09-29 2be80f8dbf6bc0d66c7ebb21f8a1b9d3a2eb902d

 zy-acs-flow/src/page/mission/MissionShow.jsx

@@ -27,6 +27,9 @@
import DialogCloseButton from "../components/DialogCloseButton";
import { blueGrey } 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";

const MissionShow = ({ open, id }) => {
    const redirect = useRedirect();
@@ -59,6 +62,7 @@

const MissionShowContent = ({ handleClose }) => {
    const record = useRecordContext();
    const translate = useTranslate();
    if (!record) return null;
    console.log(record);

@@ -105,7 +109,7 @@
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Expected closing date
                                    Last sending date
                                </Typography>
                                <Stack
                                    direction="row"
@@ -113,15 +117,8 @@
                                    gap={1}
                                >
                                    <Typography variant="body2">
                                        {format(record.sendTime, 'yyyy-MM-dd HH:mm:ss') || '-'}
                                    </Typography>
                                    {new Date(record.expected_closing_date) <
                                        new Date() ? (
                                        <Chip
                                            label="Past"
                                            color="error"
                                            size="small"
                                        />
                                    ) : null}
                                </Stack>
                            </Box>

@@ -130,43 +127,39 @@
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Budget
                                    Bus No
                                </Typography>
                                <Typography variant="body2">
                                    {record.busNo || '-'}
                                </Typography>
                            </Box>

                            {record.category && (
                                <Box
                                    display="flex"
                                    mr={5}
                                    flexDirection="column"
                                >
                                    <Typography
                                        color="textSecondary"
                                        variant="caption"
                                    >
                                        Category
                                    </Typography>
                                    <Typography variant="body2">
                                        {record.category}
                                    </Typography>
                                </Box>
                            )}

                            <Box display="flex" mr={5} flexDirection="column">
                                <Typography
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Stage
                                    {translate('table.field.segment.posType')}
                                </Typography>
                                <Typography variant="body2">
                                    {translate(`page.mission.enums.posType.${record.posType}`)}
                                </Typography>
                            </Box>

                            <Box display="flex" mr={5} flexDirection="column">
                                <Typography
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Action Count
                                </Typography>
                                <Typography variant="body2">
                                    {record.actionCount || 'unknown'}
                                </Typography>
                            </Box>
                        </Box>

                        {!!record.contact_ids?.length && (
                        {!!record.taskIds?.length && (
                            <Box m={2}>
                                <Box
                                    display="flex"
@@ -178,34 +171,35 @@
                                        color="textSecondary"
                                        variant="caption"
                                    >
                                        Contacts
                                        Tasks
                                    </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
                                    Run Path
                                </Typography>
                                <Typography variant="body2">
                                    {record.description}
                                    [&nbsp;{record.codeList.join(' , ')}&nbsp;]
                                </Typography>
                            </Box>
                        )}

                        <Box m={2}>
                            <Divider />
                            <ActionsIterator actionIds={record.actionIds} />
                        </Box>
                    </Box>
                </Box>