From 55b992cbe07921af90416d9c9f04589d89b22408 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 29 四月 2024 14:02:38 +0800
Subject: [PATCH] #
---
src/core/warehouse.jsx | 28 ++++++++++++++++++++++------
1 files changed, 22 insertions(+), 6 deletions(-)
diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx
index 3e5524c..23eda47 100644
--- a/src/core/warehouse.jsx
+++ b/src/core/warehouse.jsx
@@ -2,13 +2,16 @@
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 { INTERVAL_TIME } from '@/config/setting'
let index = 0;
@@ -18,12 +21,14 @@
const [agvData, setAgvData] = useState([
{}
]);
- const [boxData, setBoxData] = useState([
- {}
- ])
+ const [boxData, setBoxData] = useState([])
useEffect(() => {
const timer = setInterval(() => {
+ getBoxData().then(res => {
+ setBoxData(res);
+ })
+
const agvRealData = agvRealDataList[index];
if (agvRealData) {
setAgvData(agvRealData);
@@ -40,17 +45,26 @@
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 agvEl = useMemo(() => {
- return agvData.map((data, idx) => <Agv key={idx} {...data} />)
- }, [agvData]);
+ 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) => {
@@ -60,7 +74,9 @@
<>
<group>
{tunnelEl}
+ {areaEl}
{shelfEl}
+ {/* {shelfEl1} */}
{agvEl}
{boxEl}
</group>
--
Gitblit v1.9.1