From c36876cfdac9a8edaa503f7ff60a66adb4a5e3fb Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 08 五月 2024 16:37:53 +0800 Subject: [PATCH] # --- src/core/warehouse.jsx | 37 ++++++++++++++++++++++++++++--------- 1 files changed, 28 insertions(+), 9 deletions(-) diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx index 035b9f3..8f09196 100644 --- a/src/core/warehouse.jsx +++ b/src/core/warehouse.jsx @@ -2,13 +2,17 @@ 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; @@ -17,18 +21,26 @@ const [agvData, setAgvData] = useState([ {} - , - {} ]); - const [boxData, setBoxData] = useState([ - {} - ]) + const [boxData, setBoxData] = useState([]) useEffect(() => { const timer = setInterval(() => { + console.log('do'); + // getBoxData().then(res => { + // setBoxData(res); + // }) + + getAgvData().then(res => { + // console.log(JSON.stringify(res)) + if (res && res.length > 0) { + setAgvData(res); + } + }) + const agvRealData = agvRealDataList[index]; if (agvRealData) { - setAgvData(agvRealData); + // setAgvData(agvRealData); } index++; }, INTERVAL_TIME * 1.1); @@ -42,17 +54,22 @@ 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 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]); - const boxEl = useMemo(() => { - return boxData.map((data, idx) => <Box key={idx} {...data} />) - }, [boxData]); useFrame((state, delta) => { @@ -62,7 +79,9 @@ <> <group> {tunnelEl} + {areaEl} {shelfEl} + {/* {shelfEl1} */} {agvEl} {boxEl} </group> -- Gitblit v1.9.1