#

luxiaotao1123

2024-05-09 c9264a364d9b1fe45384fd5ba3d6e65190fe28be

 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;
@@ -18,15 +22,32 @@
    const [agvData, setAgvData] = useState([
        {}
    ]);
    const [boxData, setBoxData] = useState([
        {}
    ])
    const [boxData, setBoxData] = useState([])

    useEffect(() => {
        const timer = setInterval(() => {
            console.log('do');
            getBoxData().then(res => {
                // res.push({
                //     locNo: "A100301001",
                //     row: 3,
                //     bay: 1,
                //     lev: 1,
                //     locSts: "STOCK",
                // })
                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);
@@ -40,21 +61,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 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]);

    const boxEl = useMemo(() => {
        return boxData.map((data, idx) => <Box key={idx} {...data} />)
    }, [boxData]);

    useFrame((state, delta) => {

@@ -64,6 +86,7 @@
        <>
            <group>
                {tunnelEl}
                {areaEl}
                {shelfEl}
                {/* {shelfEl1} */}
                {agvEl}