#

luxiaotao1123

2024-10-29 bfac8bfa522289b8d2c0b66c50c4bf8b8d75c0e1

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

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

@@ -21,15 +21,14 @@
};

export const MissionCardContent = ({ provided, snapshot, mission, }) => {
    const theme = useTheme();
    const translate = useTranslate();
    const redirect = useRedirect();
    const handleClick = () => {
        redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, {
            _scrollToTop: false,
        });
    };

    console.log(mission);


    return (
        <Box
@@ -53,7 +52,7 @@
                            sx={{
                                width: 30,
                                height: 30,
                                bgcolor: blueGrey[500],
                                bgcolor: theme.palette.primary.main,
                            }}
                        >
                            {mission.agv}
@@ -66,24 +65,24 @@
                    <Box>
                        <Stack direction="row" justifyContent="space-between" mb={1}>
                            <Typography variant="caption" color="textSecondary">
                                Backpack: {mission.backpack}
                                {translate('table.field.mission.backpack')} : {mission.backpack}
                            </Typography>
                            <Typography variant="caption" color="textPrimary">
                                Code: {mission.destCode}
                                {translate('table.field.mission.code')}: {mission.currCode}
                            </Typography>
                        </Stack>
                        <Divider orientation="horizontal" flexItem />
                        <Stack direction="row" justifyContent="space-between" >
                            <Typography variant="overline">
                                Task: [{mission.taskNos.join(',')}]
                                {translate('table.field.mission.task')}: [{mission.taskNos.join(',')}]
                            </Typography>
                        </Stack>
                        <Stack pl={1} pr={1} direction="row" spacing={1} alignItems="center" mb={.3}>
                        <Stack pl={0.5} pr={0.5} direction="row" spacing={1} alignItems="center" mb={.6}>
                            <Slider
                                aria-label="Temperature"
                                aria-label="Progress"
                                defaultValue={mission.progress}
                                getAriaValueText={(value) => {
                                    return `${value}°C`;
                                    return `${value}%`;
                                }}
                                color="secondary"
                                size="small"