From 1b4a9a7bcde6635ca32ee2a62c7468b2203a93f6 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 24 四月 2024 16:26:04 +0800 Subject: [PATCH] # --- src/core/warehouse.jsx | 14 ++++++++++++-- 1 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx index 035b9f3..43a1b77 100644 --- a/src/core/warehouse.jsx +++ b/src/core/warehouse.jsx @@ -2,11 +2,13 @@ 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 { INTERVAL_TIME } from '@/config/setting' @@ -16,8 +18,6 @@ const Warehouse = (props) => { const [agvData, setAgvData] = useState([ - {} - , {} ]); const [boxData, setBoxData] = useState([ @@ -42,8 +42,16 @@ 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 agvEl = useMemo(() => { @@ -62,7 +70,9 @@ <> <group> {tunnelEl} + {areaEl} {shelfEl} + {/* {shelfEl1} */} {agvEl} {boxEl} </group> -- Gitblit v1.9.1