|  |  | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { | 
 |  |  |     Box, | 
 |  |  |     Button, | 
 |  |  |     Divider, | 
 |  |  |     Stack, | 
 |  |  |     Tooltip, | 
 |  |  |     Typography, | 
 |  |  | 
 |  |  |                 > | 
 |  |  |                     {data.priority} | 
 |  |  |                 </Avatar> | 
 |  |  |                 <Typography color="text.secondary" variant="body2"> | 
 |  |  |                 <Typography color="textPrimary" variant="body2" sx={{ transform: 'scale(1.1)', pl: 1, pr: .1 }}> | 
 |  |  |                     {data.actionType$} | 
 |  |  |                 </Typography> | 
 |  |  |                 <Typography | 
 |  |  |                     variant="body2" | 
 |  |  |                     color="textSecondary" | 
 |  |  |                 > | 
 |  |  |                      ({data.actionSts$ || '-'}) | 
 |  |  |                 </Typography> | 
 |  |  |                 <Box flex={1}></Box> | 
 |  |  |                 <Typography | 
 |  |  | 
 |  |  |                     component="span" | 
 |  |  |                 > | 
 |  |  |                     {/* {formatRelative(new Date(data.ioTime), new Date())} */} | 
 |  |  |                     {format(data.ioTime, 'yyyy-MM-dd HH:mm:ss') || '-'} | 
 |  |  |                     {/* {format(data.ioTime, 'yyyy-MM-dd HH:mm:ss') || '-'} */} | 
 |  |  |                     No.{data.uuid} | 
 |  |  |                 </Typography> | 
 |  |  |             </Stack> | 
 |  |  |             <Stack | 
 |  |  |                 direction="row" | 
 |  |  |                 sx={{ | 
 |  |  |                     paddingTop: '0.5em', | 
 |  |  |                     display: 'flex', | 
 |  |  | 
 |  |  |                 }} | 
 |  |  |             > | 
 |  |  |                 <Typography | 
 |  |  |                     component="p" | 
 |  |  |                     variant="body2" | 
 |  |  |                     lineHeight={1.5} | 
 |  |  |                     margin={0} | 
 |  |  |                     color="textSecondary" | 
 |  |  |                 > | 
 |  |  |                     {/* // taskNo code val param action sts uuid | 
 |  |  |                     {paragraph} */} | 
 |  |  |                     {translate('table.field.action.taskId')}: {data.taskId$ || '-'} | 
 |  |  |                 </Typography> | 
 |  |  |                 <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
 |  |  |                 <Typography | 
 |  |  |                     variant="body2" | 
 |  |  |                     color="textSecondary" | 
 |  |  |                 > | 
 |  |  |                     {translate('table.field.action.code')}: {data.code || '-'} | 
 |  |  |                 </Typography> | 
 |  |  |                 <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
 |  |  |                 <Typography | 
 |  |  |                     variant="body2" | 
 |  |  |                     color="textSecondary" | 
 |  |  |                 > | 
 |  |  |                     {translate('table.field.action.val')}: {data.val || '-'} | 
 |  |  |                 </Typography> | 
 |  |  |                 <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
 |  |  |                 <Typography | 
 |  |  |                     variant="body2" | 
 |  |  |                     color="textSecondary" | 
 |  |  |                 > | 
 |  |  |                     {translate('table.field.action.params')}: {data.param || '-'} | 
 |  |  |                 </Typography> | 
 |  |  |             </Stack> | 
 |  |  |         </Box> |