#

luxiaotao1123

2024-12-30 3209b7899f99fbc567c24be9709ba289f33ea73b

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

@@ -23,10 +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();
@@ -58,9 +64,10 @@
}

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

    return (
        <>
@@ -81,7 +88,7 @@
                                    sx={{
                                        width: 30,
                                        height: 30,
                                        bgcolor: blueGrey[500],
                                        bgcolor: theme.palette.primary.main,
                                    }}
                                >
                                    {record.agv}
@@ -105,7 +112,7 @@
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Expected closing date
                                    {translate('table.field.mission.lastSendDate')}
                                </Typography>
                                <Stack
                                    direction="row"
@@ -113,15 +120,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 +130,39 @@
                                    color="textSecondary"
                                    variant="caption"
                                >
                                    Budget
                                    {translate('table.field.bus.busNo')}
                                </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"
                                >
                                    {translate('table.field.mission.actionCount')}
                                </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 +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' }}>
                                    [&nbsp;{record.codeList.map((code, index) => (
                                        <span key={index} style={{
                                            color: record.currCode === code ? theme.palette.primary.main : 'inherit',
                                        }}>
                                            {code}{index < record.codeList.length - 1 && ','}&nbsp;
                                        </span>
                                    ))}&nbsp;]
                                </Typography>
                            </Box>
                        )}

                        <Box m={2}>
                            <Typography
                                color="textSecondary"
                                variant="caption"
                            >
                                {translate('table.field.mission.actions')}
                            </Typography>
                            <Divider />
                            <ActionsIterator actionIds={record.actionIds} />
                        </Box>
                    </Box>
                </Box>
@@ -222,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')}