| | |
| | | |
| | | const Warehouse = (props) => { |
| | | |
| | | const [agvData, setAgvData] = useState([ |
| | | {} |
| | | ]); |
| | | const [agv1Data, setAgv1Data] = useState({}); |
| | | const [agv2Data, setAgv2Data] = useState({}); |
| | | const [boxData, setBoxData] = useState([]); |
| | |
| | | // console.log(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); |
| | | } |
| | | index++; |
| | | }, INTERVAL_TIME); |
| | | |
| | | return () => { |
| | |
| | | return boxData.map((data, idx) => <Box key={idx} {...data} />) |
| | | }, [boxData]); |
| | | |
| | | const agvEl = useMemo(() => { |
| | | return agvData.map((data, idx) => <Agv key={idx} {...data} />) |
| | | }, [agvData]); |
| | | |
| | | const agv1El = useMemo(() => { |
| | | return <Agv key={1} {...agv1Data} /> |
| | | }, [agv1Data]); |
| | |
| | | {tunnelEl} |
| | | {areaEl} |
| | | {shelfEl} |
| | | {/* {agvEl} */} |
| | | {agv1El} |
| | | {agv2El} |
| | | {boxEl} |