|  |  | 
 |  |  | 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(); | 
 |  |  | 
 |  |  |                                     <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} |