From 9f19c2ea1a1d4e94460eb2d881b7cf8cc10e66df Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 14 十一月 2024 10:42:10 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/show/AgvShowTask.jsx | 70 +++++++++++++++++++++++++++--------
1 files changed, 54 insertions(+), 16 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx b/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
index 9be8043..c5474b4 100644
--- a/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
+++ b/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
@@ -23,7 +23,8 @@
import { formatDistance } from 'date-fns';
import request from '@/utils/request';
import { useTheme } from '@mui/material/styles';
-import { getTaskStsColor } from '@/utils/common';
+import { getTaskStsColor } from '@/utils/color-util';
+import ListEmptyTip from "../../components/ListEmptyTip";
const TaskItem = ({ record, now }) => {
const translate = useTranslate();
@@ -36,11 +37,12 @@
<ListItemAvatar>
<Avatar
alt={record.seqNum}
+ variant="rounded"
sx={{
'& img': { objectFit: 'contain' },
fontSize: '0.9rem',
width: 40,
- height: 40,
+ height: 25,
bgcolor: getTaskStsColor(record.taskSts$),
}}
>
@@ -48,13 +50,52 @@
</Avatar>
</ListItemAvatar>
<ListItemText
- primary={`${record.first_name} ${record.last_name}`}
+ primary={<>
+ <Stack direction={'row'}>
+ <Typography
+ variant="body1"
+ color="textSecondary"
+ component="span"
+ sx={{ fontWeight: '600' }}
+ >
+ {record.taskType$}
+ </Typography>
+ <Typography
+ variant="caption"
+ color="textSecondary"
+ component="span"
+ >
+ - {record.taskTypeEl}
+ </Typography>
+ </Stack>
+
+ </>}
secondary={
<>
- {record.title}
-
+ <Typography
+ variant="body2"
+ color="textSecondary"
+ component="span"
+ sx={{ fontWeight: 'bold' }}
+ >
+ {record.taskSts$}
+ </Typography>
</>
}
+ />
+ <ListItemText
+ variant="body2"
+ color="textSecondary"
+ primary={<>
+ <Typography
+ variant="body2"
+ color="textPrimary"
+ component="span"
+ >
+ {record.oriLoc$ || ''}{record.oriSta$ || ''} - {record.destLoc$ || ''}{record.destSta$ || ''}
+ </Typography>
+ </>}
+ secondary={`code: ${record.destCode$ || ''}`}
/>
<ListItemSecondaryAction>
<Typography
@@ -62,7 +103,7 @@
color="textSecondary"
component="span"
>
- last activity{' '}
+ last update {' '}
{formatDistance(record.createTime, now)} ago{' '}
</Typography>
</ListItemSecondaryAction>
@@ -72,10 +113,11 @@
)
}
-export const AgvShowTask = ({ agvId, pageSize = 20 }) => {
+export const AgvShowTask = ({ agvId, pageSize = 10 }) => {
const [currCount, setCurrCount] = useState(pageSize);
const [records, setRecords] = useState(null);
const [total, setTotal] = useState(0);
+ const translate = useTranslate();
useEffect(() => {
const http = async () => {
@@ -125,22 +167,20 @@
return (
<>
{records.length > 0 ? (
- <Box m={1}>
+ <Box >
<List>
{records.map(record => {
return (
- <>
+ <React.Fragment key={record.id}>
<TaskItem
key={record.id}
record={record}
now={now}
/>
<Divider />
- </>
-
+ </React.Fragment>
)
})}
-
{currCount < total && (
<Button
onClick={() =>
@@ -152,15 +192,13 @@
fullWidth
sx={{ mt: 1 }}
>
- Load more activity
+ {translate('common.action.loadMore')}
</Button>
)}
</List>
</Box>
) : (
- <Typography>
- no data found
- </Typography>
+ <ListEmptyTip />
)}
</>
--
Gitblit v1.9.1