| | |
| | | import { useState, useEffect, useRef, useMemo } from 'react'; |
| | | import { useFrame } from '@react-three/fiber'; |
| | | import * as THREE from 'three'; |
| | | import WebSocketClient from './websocket' |
| | | import Tunnel from '../components/tunnel'; |
| | | import Area from '../components/area'; |
| | | import Shelf from '../components/shelf'; |
| | |
| | | import agvRealDataList from '@/assets/data/agv'; |
| | | import { getBoxData } from '../api/box'; |
| | | import { getAgvData } from '../api/agv'; |
| | | import { INTERVAL_TIME } from '@/config/setting' |
| | | import { INTERVAL_TIME, WEBSOCKET_BASE_URL, IP, PORT } from '@/config/setting' |
| | | |
| | | let index = 0; |
| | | |
| | |
| | | const [boxData, setBoxData] = useState([]) |
| | | |
| | | useEffect(() => { |
| | | |
| | | |
| | | const timer = setInterval(() => { |
| | | getBoxData().then(res => { |
| | | // res.push({ |