| | |
| | | }, |
| | | }, |
| | | }, |
| | | mission: { |
| | | enums: { |
| | | posType: { |
| | | MOVE: 'Move', |
| | | ORI_LOC: 'Pick Loc', |
| | | ORI_STA: 'Pick Sta', |
| | | DEST_LOC: 'Drop Loc', |
| | | DEST_STA: 'Drop Sta', |
| | | TO_CHARGE: 'Go To Charge', |
| | | TO_STANDBY: 'Return To Standby', |
| | | } |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | |
| | |
| | | }, |
| | | }, |
| | | }, |
| | | mission: { |
| | | enums: { |
| | | posType: { |
| | | MOVE: '走行', |
| | | ORI_LOC: '货架取货', |
| | | ORI_STA: '站点取货', |
| | | DEST_LOC: '货架放货', |
| | | DEST_STA: '站点放货', |
| | | TO_CHARGE: '去充电', |
| | | TO_STANDBY: '回待机点', |
| | | } |
| | | } |
| | | }, |
| | | } |
| | | }; |
| | | |
| | |
| | | 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; |
| | |
| | | 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> |
| | |
| | | Code: {mission.destCode} |
| | | </Typography> |
| | | </Stack> |
| | | <Stack direction="row" justifyContent="space-between"> |
| | | |
| | | <Stack direction="row" justifyContent="space-between" mb={1}> |
| | | <Typography variant="overline"> |
| | | Task: [{mission.taskNos.join(',')}] |
| | | </Typography> |
| | | </Stack> |
| | | <Stack direction="row"> |
| | | <Slider /> |
| | | |
| | | <Stack pl={1} pr={1} direction="row" spacing={1} alignItems="center"> |
| | | <Slider |
| | | aria-label="Temperature" |
| | | defaultValue={mission.progress} |
| | | getAriaValueText={(value) => { |
| | | return `${value}°C`; |
| | | }} |
| | | color="secondary" |
| | | size="small" |
| | | marks |
| | | /> |
| | | </Stack> |
| | | </Box> |
| | | </Box> |
| | |
| | | import { Droppable } from '@hello-pangea/dnd'; |
| | | import { Box, Stack, Typography } from '@mui/material'; |
| | | |
| | | import { |
| | | useTranslate, |
| | | } from 'react-admin'; |
| | | import { MissionCard } from './MissionCard'; |
| | | |
| | | export const MissionColumn = ({ stage, missions, }) => { |
| | | const translate = useTranslate(); |
| | | |
| | | return ( |
| | | <Box |
| | |
| | | }} |
| | | > |
| | | <Stack alignItems="center"> |
| | | <Typography variant="subtitle1"> |
| | | {stage} |
| | | <Typography variant="body1" sx={{ |
| | | // fontWeight: 'bold' |
| | | }}> |
| | | {translate(`page.mission.enums.posType.${stage}`)} |
| | | </Typography> |
| | | <Typography |
| | | variant="subtitle1" |
| | |
| | | |
| | | private String destCode; |
| | | |
| | | private String progress = "50"; |
| | | |
| | | } |