#

luxiaotao1123

2024-09-27 558bda3d6bd3995409122463a0d8ce5250b6d211

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

@@ -1,6 +1,7 @@
import { Draggable } from '@hello-pangea/dnd';
import { Box, Card, Typography } from '@mui/material';
import { Box, Card, Typography, Avatar, Divider } from '@mui/material';
import { ReferenceField, useRedirect } from 'react-admin';
import { blueGrey } from '@mui/material/colors';

export const MissionCard = ({ mission, index }) => {
    if (!mission) return null;
@@ -27,7 +28,7 @@
    };

    console.log(mission);
    


    return (
        <Box
@@ -44,20 +45,47 @@
                }}
                elevation={snapshot?.isDragging ? 3 : 1}
            >
                <Box padding={1} display="flex">
                    <ReferenceField
                        source="company_id"
                        record={mission}
                        reference="companies"
                        link={false}
                    >
                    </ReferenceField>
                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                <Box padding={1} display="flex" flexDirection="column">
                    <Box display="flex" flexDirection="row">
                        <Avatar
                            sx={{
                                '& img': { objectFit: 'contain' },
                                width: 20,
                                height: 20,
                                fontSize: '.8rem',
                                bgcolor: blueGrey[500]
                            }}
                        >
                            {mission.agv}
                        </Avatar>
                        <Divider />
                        <Typography variant="body2" >
                            {mission.groupNo}
                        </Typography>
                    </Box>

                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                            groupNo {mission.groupNo}
                        </Typography>
                        <Typography variant="caption" color="textSecondary">
                            {mission.posType}
                            posType  {mission.posType}
                        </Typography>
                    </Box>
                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                            taskNos  {mission.taskNos}
                        </Typography>
                        <Typography variant="caption" color="textSecondary">
                            backpack{mission.backpack}
                        </Typography>
                    </Box>
                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                            destCode {mission.destCode}
                        </Typography>
                        <Typography variant="caption" color="textSecondary">
                            agv {mission.agv}
                        </Typography>
                    </Box>
                </Box>