From d12d58f9df8a8a05466496e12f2dbd02e8f51a31 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期日, 05 五月 2024 16:29:49 +0800
Subject: [PATCH] #
---
src/core/warehouse.jsx | 82 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 79 insertions(+), 3 deletions(-)
diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx
index a715cd7..3989ebf 100644
--- a/src/core/warehouse.jsx
+++ b/src/core/warehouse.jsx
@@ -1,14 +1,90 @@
-import { useEffect, useRef, useMemo } from 'react';
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { useFrame } from '@react-three/fiber';
+import * as THREE from 'three';
+import Tunnel from '../components/tunnel';
+import Area from '../components/area';
+import Shelf from '../components/shelf';
+import Box from '../components/box';
+import Agv from '../components/agv';
+
+import tunnelData from '@/assets/data/tunnel';
+import areaData from '@/assets/data/area';
+import shelfData from '@/assets/data/shelf';
+import agvRealDataList from '@/assets/data/agv';
+import { getBoxData } from '../api/box';
+import { getAgvData } from '../api/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(() => {
+ getBoxData().then(res => {
+ setBoxData(res);
+ })
+
+ getAgvData().then(res => {
+ // setAgvData(res);
+ })
+
+ const agvRealData = agvRealDataList[index];
+ if (agvRealData) {
+ setAgvData(agvRealData);
+ }
+ index++;
+ }, INTERVAL_TIME * 1.1);
+
+ return () => {
+ clearInterval(timer);
+ }
}, [])
+
+ const tunnelEl = useMemo(() => {
+ return tunnelData.map((data, index) => <Tunnel key={index} {...data} />)
+ }, []);
+
+ const areaEl = useMemo(() => {
+ return areaData.map((area, index) => <Area key={index} {...area} />)
+ }, []);
+
+ const shelfEl = useMemo(() => {
+ return shelfData.map((data, index) => <Shelf key={index} {...data} />)
+ }, []);
+
+ const shelfEl1 = useMemo(() => {
+ return shelfData.slice(0, 1).map((data, index) => <Shelf key={index} {...data} />)
+ }, []);
+
+ const boxEl = useMemo(() => {
+ return boxData.map((data, idx) => <Box key={idx} {...data} />)
+ }, [boxData]);
+
+ const agvEl = useMemo(() => {
+ return agvData.map((data, idx) => <Agv key={idx} {...data} />)
+ }, [agvData]);
+
+
+ useFrame((state, delta) => {
+
+ })
return (
<>
-
+ <group>
+ {tunnelEl}
+ {areaEl}
+ {shelfEl}
+ {/* {shelfEl1} */}
+ {agvEl}
+ {boxEl}
+ </group>
</>
)
}
--
Gitblit v1.9.1