| | |
| | | import React, { useState, useRef, useEffect, useMemo } from "react"; |
| | | import { |
| | | RecordContextProvider, |
| | | ReferenceManyField, |
| | | ShowBase, |
| | | SortButton, |
| | | TabbedShowLayout, |
| | | useListContext, |
| | | useRecordContext, |
| | | useShowContext, |
| | | } from 'react-admin'; |
| | | import { Link as RouterLink, useLocation } from 'react-router-dom'; |
| | | import { |
| | | Box, |
| | | Button, |
| | | Card, |
| | | CardContent, |
| | | List, |
| | | ListItem, |
| | | ListItemAvatar, |
| | | ListItemSecondaryAction, |
| | | ListItemText, |
| | | Stack, |
| | | Typography, |
| | | Avatar, |
| | |
| | | import { formatDistance } from 'date-fns'; |
| | | import { AgvShowDetail } from "./show/AgvShowDetail"; |
| | | import { AgvShowAside } from "./show/AgvShowAside"; |
| | | import { AgvShowTask } from "./show/AgvShowTask"; |
| | | import CustomerTopToolBar from "../components/EditTopToolBar"; |
| | | import { useTheme } from '@mui/material/styles'; |
| | | |
| | |
| | | alignItems: 'center', |
| | | }}> |
| | | <CustomerTopToolBar /> |
| | | <Box mt={1}> |
| | | <Box mt={1} mr={1}> |
| | | <Stack direction='row'> |
| | | <Typography |
| | | variant="h6" |
| | | variant="h5" |
| | | sx={{ |
| | | mt: .5, |
| | | mr: 2 |
| | | }} |
| | | > |
| | | {record.agvModelData.type} |
| | | {record.agvModelData?.type} |
| | | </Typography> |
| | | <Avatar sx={{ bgcolor: theme.palette.primary.main }}>{record.uuid}</Avatar> |
| | | </Stack> |
| | |
| | | '& .RaTabbedShowLayout-content': { p: 0 }, |
| | | }} |
| | | > |
| | | <TabbedShowLayout.Tab label="DETAIL"> |
| | | <AgvShowDetail record={record} /> |
| | | <TabbedShowLayout.Tab label="page.agv.show.tabs.detail"> |
| | | <AgvShowDetail agvId={record.id} /> |
| | | </TabbedShowLayout.Tab> |
| | | <TabbedShowLayout.Tab label="page.agv.show.tabs.task"> |
| | | <AgvShowTask agvId={record.id} /> |
| | | </TabbedShowLayout.Tab> |
| | | </TabbedShowLayout> |
| | | </CardContent> |