| | |
| | | }} |
| | | > |
| | | <TabbedShowLayout.Tab label="DETAIL"> |
| | | <AgvShowDetail record={record} /> |
| | | <AgvShowDetail agvId={record.id} /> |
| | | </TabbedShowLayout.Tab> |
| | | </TabbedShowLayout> |
| | | </CardContent> |
| | |
| | | useListContext, |
| | | useRecordContext, |
| | | useTranslate, |
| | | useResourceContext, |
| | | } from 'react-admin'; |
| | | import { Link as RouterLink, useLocation } from 'react-router-dom'; |
| | | import { |
| | |
| | | Divider, |
| | | } from '@mui/material'; |
| | | import { formatDistance } from 'date-fns'; |
| | | |
| | | import request from '@/utils/request'; |
| | | |
| | | export const AgvShowDetail = (props) => { |
| | | const { record, ...rest } = props; |
| | | const { agvId, ...rest } = props; |
| | | const translate = useTranslate(); |
| | | const [data, setData] = useState(null); |
| | | const [record, setRecord] = useState(null); |
| | | const resource = useResourceContext(); |
| | | |
| | | useEffect(() => { |
| | | |
| | | }, []); |
| | | const http = async (agvId) => { |
| | | const res = await request.get(resource + '/' + agvId); |
| | | const { code, msg, data } = res.data; |
| | | if (code === 200) { |
| | | setRecord(data); |
| | | } else { |
| | | setRecord(null); |
| | | } |
| | | } |
| | | if (agvId) { |
| | | http(agvId); |
| | | } |
| | | }, [agvId]); |
| | | |
| | | if (!record) { |
| | | return ( |