From b70a76e7374cc0e9ef3b43b1287e33a9f8f38ebf Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 27 九月 2024 16:41:33 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/mission/MissionCard.jsx | 69 +++++++++++++++++++++++++---------
1 files changed, 50 insertions(+), 19 deletions(-)
diff --git a/zy-acs-flow/src/page/mission/MissionCard.jsx b/zy-acs-flow/src/page/mission/MissionCard.jsx
index 4fe4b4e..3bdfed3 100644
--- a/zy-acs-flow/src/page/mission/MissionCard.jsx
+++ b/zy-acs-flow/src/page/mission/MissionCard.jsx
@@ -1,6 +1,8 @@
import { Draggable } from '@hello-pangea/dnd';
-import { Box, Card, Typography } 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';
+import { styled } from '@mui/material/styles';
export const MissionCard = ({ mission, index }) => {
if (!mission) return null;
@@ -18,17 +20,16 @@
);
};
-export const MissionCardContent = ({
- provided,
- snapshot,
- mission,
-}) => {
+export const MissionCardContent = ({ provided, snapshot, mission, }) => {
const redirect = useRedirect();
const handleClick = () => {
redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, {
_scrollToTop: false,
});
};
+
+ console.log(mission);
+
return (
<Box
@@ -42,24 +43,54 @@
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">
- <ReferenceField
- source="company_id"
- record={mission}
- reference="companies"
- link={false}
- >
- </ReferenceField>
- <Box sx={{ marginLeft: 1 }}>
- <Typography variant="body2" gutterBottom>
+ <Box padding={2} pb={1} display="flex" flexDirection="column">
+ <Box display="flex" alignItems="center" mb={1.5}>
+ <Avatar
+ sx={{
+ width: 30,
+ height: 30,
+ bgcolor: blueGrey[500],
+ }}
+ >
+ {mission.agv}
+ </Avatar>
+ <Divider orientation="vertical" flexItem sx={{ margin: '0 8px' }} />
+ <Typography variant="body1" noWrap>
{mission.groupNo}
</Typography>
- <Typography variant="caption" color="textSecondary">
- 1
- </Typography>
+ </Box>
+ <Box>
+ <Stack direction="row" justifyContent="space-between" mb={1}>
+ <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" mb={1}>
+ <Typography variant="overline">
+ Task: [{mission.taskNos.join(',')}]
+ </Typography>
+ </Stack>
+
+ <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>
</Card>
--
Gitblit v1.9.1