|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | const timer = setInterval(() => { | 
|---|
|  |  |  | console.log('do'); | 
|---|
|  |  |  | // getBoxData().then(res => { | 
|---|
|  |  |  | //     setBoxData(res); | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | getBoxData().then(res => { | 
|---|
|  |  |  | // res.push({ | 
|---|
|  |  |  | //     locNo: "A100301001", | 
|---|
|  |  |  | //     row: 3, | 
|---|
|  |  |  | //     bay: 1, | 
|---|
|  |  |  | //     lev: 1, | 
|---|
|  |  |  | //     locSts: "STOCK", | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | // console.log(res); | 
|---|
|  |  |  | setBoxData(res); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | getAgvData().then(res => { | 
|---|
|  |  |  | // console.log(JSON.stringify(res)) | 
|---|
|  |  |  | 
|---|
|  |  |  | // setAgvData(agvRealData); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | index++; | 
|---|
|  |  |  | }, INTERVAL_TIME * 1.1); | 
|---|
|  |  |  | }, INTERVAL_TIME); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return () => { | 
|---|
|  |  |  | // clearInterval(timer); | 
|---|
|  |  |  | clearInterval(timer); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, []) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | {tunnelEl} | 
|---|
|  |  |  | {areaEl} | 
|---|
|  |  |  | {shelfEl} | 
|---|
|  |  |  | {/* {shelfEl1} */} | 
|---|
|  |  |  | {agvEl} | 
|---|
|  |  |  | {boxEl} | 
|---|
|  |  |  | </group> | 
|---|