|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | if (info) { | 
|---|
|  |  |  | if (curAgvNo) { | 
|---|
|  |  |  | setLoading(true); | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | startThree(containerRef.current); | 
|---|
|  |  |  | 
|---|
|  |  |  | }, 200); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return endThree; | 
|---|
|  |  |  | }, [info]); | 
|---|
|  |  |  | }, [curAgvNo]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleRestoreAll = () => { | 
|---|
|  |  |  | handleRestoreAgvAll({ agvNo: info.agvNo }); | 
|---|
|  |  |  | 
|---|
|  |  |  | <KeyValuePair label={translate('table.field.agvDetail.backpack')} value={info?.backpack.filter(item => item.loaded === true).length} /> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  | <Grid item xs={12}> | 
|---|
|  |  |  | <KeyValuePair label={translate('table.field.agvDetail.error')} value={info?.error} /> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  | <Grid item xs={12}> | 
|---|
|  |  |  | <KeyValuePair label={translate('table.field.agvDetail.task')} value={info?.taskIds?.join(',')} /> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  | </Grid> | 
|---|