From 7f70cb15d035f0c233b9e62b9e43aa985317c908 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 04 十一月 2024 10:22:45 +0800 Subject: [PATCH] # --- zy-acs-flow/src/page/mission/MissionCard.jsx | 23 +++++++++++------------ 1 files changed, 11 insertions(+), 12 deletions(-) diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx index bd7f94f..2a7bdae 100644 --- a/zy-acs-flow/src/page/mission/MissionCard.jsx +++ b/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" -- Gitblit v1.9.1