From 3b010a80cfec8da203dfca3d0c5f0f11ef5957b3 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期五, 27 九月 2024 16:33:22 +0800 Subject: [PATCH] # --- zy-acs-flow/src/page/mission/MissionCard.jsx | 26 +++++++++++++++++++------- 1 files changed, 19 insertions(+), 7 deletions(-) diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx index 45cad08..3bdfed3 100644 --- a/zy-acs-flow/src/page/mission/MissionCard.jsx +++ b/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; @@ -52,18 +53,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 +72,24 @@ 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> -- Gitblit v1.9.1