|  |  | 
 |  |  | 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' }}> | 
 |  |  | 
 |  |  |                                     <TableRow key={task.id}> | 
 |  |  |                                         <TableCell> | 
 |  |  |                                             <Link to={`/task/${task.id}`}> | 
 |  |  |                                                 {task.seqNum} | 
 |  |  |                                                 | 
 |  |  |                                             </Link> | 
 |  |  |                                             {task.seqNum} | 
 |  |  |                                         </TableCell> | 
 |  |  |                                         <TableCellRight> | 
 |  |  |                                             {task.taskType$} | 
 |  |  | 
 |  |  |                                             {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} |