|  |  |  | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const theme = useTheme(); | 
|---|
|  |  |  | const [isHover, setHover] = useState(false); | 
|---|
|  |  |  | // console.log(data); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Box | 
|---|
|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {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 | 
|---|
|  |  |  | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | code: {data.code || '-'} | 
|---|
|  |  |  | {translate('table.field.action.taskId')}: {data.taskId$ || '-'} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | task: {data.taskId$ || '-'} | 
|---|
|  |  |  | {translate('table.field.action.code')}: {data.code || '-'} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | status: {data.actionSts$ || '-'} | 
|---|
|  |  |  | {translate('table.field.action.val')}: {data.val || '-'} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | val: {data.val || '-'} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | param: {data.param || '-'} | 
|---|
|  |  |  | {translate('table.field.action.params')}: {data.param || '-'} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | </Stack> | 
|---|
|  |  |  | </Box> | 
|---|