#

luxiaotao1123

2024-09-29 2be80f8dbf6bc0d66c7ebb21f8a1b9d3a2eb902d

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

@@ -2,6 +2,7 @@
import { Box, Card, Typography, Avatar, Divider, Stack, Slider } from '@mui/material';
import { ReferenceField, useRedirect } from 'react-admin';
import { blueGrey } from '@mui/material/colors';
import { styled } from '@mui/material/styles';

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

    console.log(mission);


    return (
        <Box
            sx={{ marginBottom: 1, cursor: 'pointer' }}
@@ -52,18 +50,18 @@
                            sx={{
                                width: 30,
                                height: 30,
                                // bgcolor: blueGrey[500],
                                bgcolor: blueGrey[500],
                            }}
                        >
                            {mission.agv}
                        </Avatar>
                        <Divider orientation="vertical" flexItem sx={{ margin: '0 8px' }} />
                        <Typography variant="h6" noWrap>
                        <Typography variant="body1" noWrap>
                            {mission.groupNo}
                        </Typography>
                    </Box>
                    <Box sx={{}}>
                        <Stack direction="row" justifyContent="space-between">
                    <Box>
                        <Stack direction="row" justifyContent="space-between" mb={1}>
                            <Typography variant="caption" color="textSecondary">
                                Backpack: {mission.backpack}
                            </Typography>
@@ -71,13 +69,23 @@
                                Code: {mission.destCode}
                            </Typography>
                        </Stack>
                        <Stack direction="row" justifyContent="space-between">
                        <Divider orientation="horizontal" flexItem />
                        <Stack direction="row" justifyContent="space-between" >
                            <Typography variant="overline">
                                Task: [{mission.taskNos.join(',')}]
                            </Typography>
                        </Stack>
                        <Stack direction="row">
                            <Slider />
                        <Stack pl={0.5} pr={0.5} direction="row" spacing={1} alignItems="center" mb={.6}>
                            <Slider
                                aria-label="Progress"
                                defaultValue={mission.progress}
                                getAriaValueText={(value) => {
                                    return `${value}%`;
                                }}
                                color="secondary"
                                size="small"
                                marks
                            />
                        </Stack>
                    </Box>
                </Box>