| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { useTranslate } from "react-admin"; |
| | | import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material'; |
| | | // import AgvMain from './AgvMain'; |
| | | import AgvMain from './AgvMain'; |
| | | import JsonShow from '../../JsonShow'; |
| | | |
| | | const AgvInsight = (props) => { |
| | | const { sprite } = props; |
| | | const { sprite, setTitle } = props; |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | const translate = useTranslate(); |
| | |
| | | const handleTabChange = (event, newValue) => { |
| | | setActiveTab(newValue); |
| | | }; |
| | | |
| | | useEffect(() => { |
| | | if (curAgvNo) { |
| | | setTitle(translate('page.map.devices.agv') + ' - ' + curAgvNo); |
| | | } |
| | | |
| | | return () => { |
| | | setTitle(null); |
| | | } |
| | | }, [curAgvNo]) |
| | | |
| | | return ( |
| | | <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}> |
| | |
| | | |
| | | <Box flex={1} pt={2}> |
| | | {activeTab === 0 && ( |
| | | <> |
| | | </> |
| | | // <AgvMain |
| | | // data={sprite?.data} |
| | | // curAgvNo={curAgvNo} |
| | | // setCurAgvNo={setCurAgvNo} |
| | | // /> |
| | | <AgvMain |
| | | data={sprite?.data} |
| | | curAgvNo={curAgvNo} |
| | | setCurAgvNo={setCurAgvNo} |
| | | /> |
| | | )} |
| | | {activeTab === 1 && ( |
| | | <JsonShow |