From 70bd88235da218097b4adf684ba571f408703b82 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 21 九月 2024 14:26:22 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/show/AgvShowTask.jsx | 47 +++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 45 insertions(+), 2 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx b/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
index 5c9bfb9..b77cd65 100644
--- a/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
+++ b/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
@@ -12,6 +12,8 @@
Stack,
Typography,
Avatar,
+ Skeleton,
+ Divider,
} from '@mui/material';
import { formatDistance } from 'date-fns';
import request from '@/utils/request';
@@ -19,13 +21,15 @@
export const AgvShowTask = ({ agvId }) => {
const [records, setRecords] = useState(null);
+ const [total, setTotal] = useState(0);
useEffect(() => {
const http = async (agvId) => {
const res = await request.post('task/page', { agvId: agvId });
const { code, msg, data } = res.data;
if (code === 200) {
- setRecords(data);
+ setTotal(data.total);
+ setRecords(data.records);
} else {
setRecords(null);
}
@@ -35,9 +39,48 @@
}
}, [agvId]);
+ if (!records) {
+ return (
+ <Stack mt={0.5}>
+ {Array.from({ length: 5 }).map((_, index) => (
+ <Stack spacing={2} sx={{ mt: 1 }} key={index}>
+ <Stack
+ direction="row"
+ spacing={2}
+ sx={{ alignItems: 'center' }}
+ >
+ <Skeleton
+ variant="circular"
+ width={20}
+ height={20}
+ />
+ <Skeleton width="100%" />
+ </Stack>
+ <Skeleton variant="rectangular" height={50} />
+ <Divider />
+ </Stack>
+ ))}
+ </Stack>
+ );
+ }
+
+
return (
<>
- <h1>{JSON.stringify(records)}</h1>
+ {records.length > 0 ? (
+ records.map(record => {
+ return (
+ <Typography>
+ {record.seqNum}
+ </Typography>
+ )
+ })
+ ) : (
+ <Typography>
+ no data found
+ </Typography>
+ )}
+
</>
)
}
\ No newline at end of file
--
Gitblit v1.9.1