From 3bc55366259d3beb5802817ea62cc8418a558436 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 27 九月 2024 16:01:01 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/mission/MissionCard.jsx | 60 ++++++++++++++++++++++++++----------------------------------
1 files changed, 26 insertions(+), 34 deletions(-)
diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx
index 62bb4d9..45cad08 100644
--- a/zy-acs-flow/src/page/mission/MissionCard.jsx
+++ b/zy-acs-flow/src/page/mission/MissionCard.jsx
@@ -1,5 +1,5 @@
import { Draggable } from '@hello-pangea/dnd';
-import { Box, Card, Typography, Avatar, Divider } from '@mui/material';
+import { Box, Card, Typography, Avatar, Divider, Stack, Slider } from '@mui/material';
import { ReferenceField, useRedirect } from 'react-admin';
import { blueGrey } from '@mui/material/colors';
@@ -42,51 +42,43 @@
style={{
opacity: snapshot?.isDragging ? 0.9 : 1,
transform: snapshot?.isDragging ? 'rotate(-2deg)' : '',
+ transition: '0.3s',
}}
elevation={snapshot?.isDragging ? 3 : 1}
>
- <Box padding={1} display="flex" flexDirection="column">
- <Box display="flex" flexDirection="row">
+ <Box padding={2} pb={1} display="flex" flexDirection="column">
+ <Box display="flex" alignItems="center" mb={1.5}>
<Avatar
sx={{
- '& img': { objectFit: 'contain' },
- width: 20,
- height: 20,
- fontSize: '.8rem',
- bgcolor: blueGrey[500]
+ width: 30,
+ height: 30,
+ // bgcolor: blueGrey[500],
}}
>
{mission.agv}
</Avatar>
- <Divider />
- <Typography variant="body2" >
+ <Divider orientation="vertical" flexItem sx={{ margin: '0 8px' }} />
+ <Typography variant="h6" noWrap>
{mission.groupNo}
</Typography>
</Box>
-
- <Box sx={{ marginLeft: 1 }}>
- <Typography variant="body2" gutterBottom>
- groupNo {mission.groupNo}
- </Typography>
- <Typography variant="caption" color="textSecondary">
- posType {mission.posType}
- </Typography>
- </Box>
- <Box sx={{ marginLeft: 1 }}>
- <Typography variant="body2" gutterBottom>
- taskNos {mission.taskNos}
- </Typography>
- <Typography variant="caption" color="textSecondary">
- backpack{mission.backpack}
- </Typography>
- </Box>
- <Box sx={{ marginLeft: 1 }}>
- <Typography variant="body2" gutterBottom>
- destCode {mission.destCode}
- </Typography>
- <Typography variant="caption" color="textSecondary">
- agv {mission.agv}
- </Typography>
+ <Box sx={{}}>
+ <Stack direction="row" justifyContent="space-between">
+ <Typography variant="caption" color="textSecondary">
+ Backpack: {mission.backpack}
+ </Typography>
+ <Typography variant="caption" color="textPrimary">
+ Code: {mission.destCode}
+ </Typography>
+ </Stack>
+ <Stack direction="row" justifyContent="space-between">
+ <Typography variant="overline">
+ Task: [{mission.taskNos.join(',')}]
+ </Typography>
+ </Stack>
+ <Stack direction="row">
+ <Slider />
+ </Stack>
</Box>
</Box>
</Card>
--
Gitblit v1.9.1