#

luxiaotao1123

2024-09-27 3bc55366259d3beb5802817ea62cc8418a558436

#

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

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

@@ -42,51 +42,43 @@
                style={{
                    opacity: snapshot?.isDragging ? 0.9 : 1,
                    transform: snapshot?.isDragging ? 'rotate(-2deg)' : '',
                    transition: '0.3s',
                }}
                elevation={snapshot?.isDragging ? 3 : 1}
            >
                <Box padding={1} display="flex" flexDirection="column">
                    <Box display="flex" flexDirection="row">
                <Box padding={2} pb={1} display="flex" flexDirection="column">
                    <Box display="flex" alignItems="center" mb={1.5}>
                        <Avatar
                            sx={{
                                '& img': { objectFit: 'contain' },
                                width: 20,
                                height: 20,
                                fontSize: '.8rem',
                                bgcolor: blueGrey[500]
                                width: 30,
                                height: 30,
                                // bgcolor: blueGrey[500],
                            }}
                        >
                            {mission.agv}
                        </Avatar>
                        <Divider />
                        <Typography variant="body2" >
                        <Divider orientation="vertical" flexItem sx={{ margin: '0 8px' }} />
                        <Typography variant="h6" noWrap>
                            {mission.groupNo}
                        </Typography>
                    </Box>

                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                            groupNo {mission.groupNo}
                        </Typography>
                        <Typography variant="caption" color="textSecondary">
                            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 sx={{}}>
                        <Stack direction="row" justifyContent="space-between">
                            <Typography variant="caption" color="textSecondary">
                                Backpack: {mission.backpack}
                            </Typography>
                            <Typography variant="caption" color="textPrimary">
                                Code: {mission.destCode}
                            </Typography>
                        </Stack>
                        <Stack direction="row" justifyContent="space-between">
                            <Typography variant="overline">
                                Task: [{mission.taskNos.join(',')}]
                            </Typography>
                        </Stack>
                        <Stack direction="row">
                            <Slider />
                        </Stack>
                    </Box>
                </Box>
            </Card>