From f52098060fcaf898deb02853da462a013c1e7ce5 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 21 九月 2024 14:33:55 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/page/agv/show/AgvShowTask.jsx |   58 ++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 42 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 b77cd65..391fc0c 100644
--- a/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
+++ b/zy-acs-flow/src/page/agv/show/AgvShowTask.jsx
@@ -18,14 +18,14 @@
 import { formatDistance } from 'date-fns';
 import request from '@/utils/request';
 
-export const AgvShowTask = ({ agvId }) => {
-
+export const AgvShowTask = ({ agvId, pageSize = 20 }) => {
+    const [currCount, setCurrCount] = useState(pageSize);
     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 http = async () => {
+            const res = await request.post('task/page', { agvId: agvId, pageSize: currCount });
             const { code, msg, data } = res.data;
             if (code === 200) {
                 setTotal(data.total);
@@ -34,10 +34,8 @@
                 setRecords(null);
             }
         }
-        if (agvId) {
-            http(agvId);
-        }
-    }, [agvId]);
+        if (agvId) { http(); }
+    }, [agvId, currCount]);
 
     if (!records) {
         return (
@@ -64,17 +62,32 @@
         );
     }
 
-
     return (
         <>
             {records.length > 0 ? (
-                records.map(record => {
-                    return (
-                        <Typography>
-                            {record.seqNum}
-                        </Typography>
-                    )
-                })
+                <Box>
+                    {records.map(record => {
+                        return (
+                            <TaskItem
+                                key={record.id}
+                                record={record}
+                            />
+                        )
+                    })}
+                    {currCount < total && (
+                        <Button
+                            onClick={() =>
+                                setCurrCount(
+                                    currCount =>
+                                        currCount + pageSize
+                                )
+                            }
+                            fullWidth
+                        >
+                            Load more activity
+                        </Button>
+                    )}
+                </Box>
             ) : (
                 <Typography>
                     no data found
@@ -83,4 +96,17 @@
 
         </>
     )
+}
+
+const TaskItem = ({ record }) => {
+
+    return (
+        <>
+            <Typography
+
+            >
+                {record.seqNum}
+            </Typography>
+        </>
+    )
 }
\ No newline at end of file

--
Gitblit v1.9.1