|  |  | 
 |  |  | import PanelTypography from "../components/PanelTypography"; | 
 |  |  | import * as Common from '@/utils/common'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import { format } from 'date-fns'; | 
 |  |  |  | 
 |  |  | const BusPanel = () => { | 
 |  |  |     const record = useRecordContext(); | 
 |  |  | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Card sx={{ maxWidth: '80%', margin: 'auto' }}> | 
 |  |  |             <Card sx={{ maxWidth: '80%', margin: 'auto', mt: .5, mb: .5 }}> | 
 |  |  |                 <CardContent> | 
 |  |  |                     <Grid container spacing={2}> | 
 |  |  |                         <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}> | 
 |  |  | 
 |  |  |                             </Typography> | 
 |  |  |                         </Grid> | 
 |  |  |                     </Grid> | 
 |  |  |                     <Box height={20}> </Box> | 
 |  |  |                     <Box height={10}> </Box> | 
 |  |  |                     <Box> | 
 |  |  |                         <Table size="small"> | 
 |  |  |                             <TableHead> | 
 |  |  | 
 |  |  |                                             {task.taskSts$} | 
 |  |  |                                         </TableCellRight> | 
 |  |  |                                         <TableCellRight> | 
 |  |  |                                             {task.agv$} | 
 |  |  |                                             {task.agvId$} | 
 |  |  |                                         </TableCellRight> | 
 |  |  |                                         <TableCellRight> | 
 |  |  |                                             {task.ioTime$} | 
 |  |  |                                             {format(new Date(task.ioTime), 'yyyy-MM-dd HH:mm:ss')} | 
 |  |  |                                         </TableCellRight> | 
 |  |  |                                         <TableCellRight> | 
 |  |  |                                             {task.oriDesc} |