| | |
| | | <TabbedShowLayout.Tab label="page.agv.show.tabs.detail"> |
| | | <AgvShowDetail agvId={record.id} /> |
| | | </TabbedShowLayout.Tab> |
| | | <TabbedShowLayout.Tab label="page.agv.show.tabs.task"> |
| | | <TabbedShowLayout.Tab label="page.agv.show.tabs.task" path="tasks"> |
| | | <AgvShowTask agvId={record.id} /> |
| | | </TabbedShowLayout.Tab> |
| | | </TabbedShowLayout> |
| | |
| | | Avatar, |
| | | } from '@mui/material'; |
| | | import { formatDistance } from 'date-fns'; |
| | | |
| | | import request from '@/utils/request'; |
| | | |
| | | export const AgvShowTask = ({ agvId }) => { |
| | | |
| | | const [records, setRecords] = useState(null); |
| | | |
| | | useEffect(() => { |
| | | const http = async (agvId) => { |
| | | const res = await request.post('task/page', { agvId: agvId }); |
| | | const { code, msg, data } = res.data; |
| | | if (code === 200) { |
| | | setRecords(data); |
| | | } else { |
| | | setRecords(null); |
| | | } |
| | | } |
| | | if (agvId) { |
| | | http(agvId); |
| | | } |
| | | }, [agvId]); |
| | | |
| | | return ( |
| | | <> |
| | | <h1>Task</h1> |
| | | <h1>{JSON.stringify(records)}</h1> |
| | | </> |
| | | ) |
| | | } |