From 2be80f8dbf6bc0d66c7ebb21f8a1b9d3a2eb902d Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期日, 29 九月 2024 16:03:17 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/mission/MissionCard.jsx | 28 ++++++++++++++++++----------
1 files changed, 18 insertions(+), 10 deletions(-)
diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx
index 45cad08..b2c4373 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;
@@ -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>
--
Gitblit v1.9.1