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