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