| | |
| | | show: { |
| | | tabs: { |
| | | detail: 'DETAIL', |
| | | task: 'TASK', |
| | | } |
| | | } |
| | | }, |
| | |
| | | show: { |
| | | tabs: { |
| | | detail: '数据采集', |
| | | task: '任务统计', |
| | | } |
| | | } |
| | | }, |
| | |
| | | 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'; |
| | | |
| | |
| | | <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> |
| | | </Card> |
New file |
| | |
| | | import React, { useState, useRef, useEffect, useMemo } from "react"; |
| | | import { |
| | | ShowBase, |
| | | TabbedShowLayout, |
| | | useShowContext, |
| | | } from 'react-admin'; |
| | | import { |
| | | Box, |
| | | Button, |
| | | Card, |
| | | CardContent, |
| | | Stack, |
| | | Typography, |
| | | Avatar, |
| | | } from '@mui/material'; |
| | | import { formatDistance } from 'date-fns'; |
| | | |
| | | |
| | | export const AgvShowTask = ({ agvId }) => { |
| | | |
| | | return ( |
| | | <> |
| | | <h1>Task</h1> |
| | | </> |
| | | ) |
| | | } |