| | |
| | | |
| | | const [activeTab, setActiveTab] = useState(0); |
| | | const [curAgvNo, setCurAgvNo] = useState(null); |
| | | const [jsonData, setJsonData] = useState(null); |
| | | |
| | | const handleTabChange = (event, newValue) => { |
| | | setActiveTab(newValue); |
| | | }; |
| | | |
| | | useEffect(() => { |
| | | if (curAgvNo) { |
| | | setTitle(translate('page.map.devices.agv') + ' - ' + curAgvNo); |
| | | if (sprite) { |
| | | const agvNo = sprite.data.no; |
| | | if (agvNo) { |
| | | setCurAgvNo(agvNo); |
| | | setTitle(translate('page.map.devices.agv') + ' - ' + agvNo); |
| | | } |
| | | } |
| | | |
| | | return () => { |
| | | setTitle(null); |
| | | setJsonData(null); |
| | | } |
| | | }, [curAgvNo]) |
| | | }, [sprite]) |
| | | |
| | | return ( |
| | | <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}> |
| | |
| | | <Box flex={1} pt={2}> |
| | | {activeTab === 0 && ( |
| | | <AgvMain |
| | | data={sprite?.data} |
| | | curAgvNo={curAgvNo} |
| | | setCurAgvNo={setCurAgvNo} |
| | | setJsonData={setJsonData} |
| | | /> |
| | | )} |
| | | {activeTab === 1 && ( |
| | | <AgvControl |
| | | data={sprite?.data} |
| | | curAgvNo={curAgvNo} |
| | | /> |
| | | )} |
| | | {activeTab === 2 && ( |
| | | <JsonShow |
| | | data={sprite?.data} |
| | | data={jsonData || sprite?.data} |
| | | height={550} |
| | | /> |
| | | )} |