From 1c0347c32b3f20c9eb4b482b1535ff8a1e9518c3 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 23 四月 2024 11:18:48 +0800
Subject: [PATCH] #

---
 src/core/warehouse.jsx |   26 +++++++++++++++++++++-----
 1 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx
index b65db59..89a95c8 100644
--- a/src/core/warehouse.jsx
+++ b/src/core/warehouse.jsx
@@ -5,32 +5,48 @@
 import Box from '../components/box';
 import tunnelData from '../assets/data/tunnel';
 import Tunnel from '../components/tunnel';
+import agvRealDataList from '@/assets/data/agv';
+import { INTERVAL_TIME } from '@/config/setting'
+
+let index = 0;
 
 const Warehouse = (props) => {
 
     const [agvData, setAgvData] = useState([
         {}
     ]);
-
     const [boxData, setBoxData] = useState([
         {}
     ])
 
     useEffect(() => {
+        const timer = setInterval(() => {
+            const agvRealData = agvRealDataList[index];
+            if (agvRealData) {
+                setAgvData(agvRealData);
+            }
+            index++;
+        }, INTERVAL_TIME * 1.1);
 
+        return () => {
+            clearInterval(timer);
+        }
     }, [])
 
     const tunnelEl = useMemo(() => {
         return tunnelData.map((tunnel, index) => <Tunnel key={index} {...tunnel} />)
     }, []);
 
-    const agvEl = agvData.map((data, idx) => <Agv key={idx} {...data} />)
+    const agvEl = useMemo(() => {
+        return agvData.map((data, idx) => <Agv key={idx} {...data} />)
+    }, [agvData]);
 
-    const boxEl = boxData.map((data, idx) => <Box key={idx} {...data} />)
+    const boxEl = useMemo(() => {
+        return boxData.map((data, idx) => <Box key={idx} {...data} />)
+    }, [boxData]);
 
     useFrame((state, delta) => {
-        // setAgvData();
-        // setBoxData();
+
     })
 
     return (

--
Gitblit v1.9.1