|  |  | 
 |  |  |     DeleteButton, | 
 |  |  |     FunctionField, | 
 |  |  |     Pagination, | 
 |  |  |     useNotify, | 
 |  |  |     useRefresh, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { Box, Chip, Card, Stack } from '@mui/material'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | 
 |  |  |  | 
 |  |  | const TaskList = () => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const [createDialog, setCreateDialog] = useState(false); | 
 |  |  |     const [drawerVal, setDrawerVal] = useState(false); | 
 |  |  |  | 
 |  |  |     const [taskStsByComplete, setTaskStsByComplete] = useState(null); | 
 |  |  |     const [taskStsByCancel, setTaskStsByCancel] = useState(null); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         request.post('/taskSts/list', { | 
 |  |  |             uuid: 'COMPLETE' | 
 |  |  |         }, { | 
 |  |  |             headers: { | 
 |  |  |                 'Content-Type': 'application/x-www-form-urlencoded' | 
 |  |  |             } | 
 |  |  |         }).then(res => { | 
 |  |  |             setTaskStsByComplete(res.data.data[0]?.id); | 
 |  |  |         }) | 
 |  |  |         request.post('/taskSts/list', { | 
 |  |  |             uuid: 'CANCEL' | 
 |  |  |         }, { | 
 |  |  |             headers: { | 
 |  |  |                 'Content-Type': 'application/x-www-form-urlencoded' | 
 |  |  |             } | 
 |  |  |         }).then(res => { | 
 |  |  |             setTaskStsByCancel(res.data.data[0]?.id); | 
 |  |  |         }) | 
 |  |  |     }, []); | 
 |  |  |  | 
 |  |  |     const onComplete = (taskId) => { | 
 |  |  |         request.get("/task/complete/" + taskId).then(res => { | 
 |  |  |             const { code, msg, data } = res.data; | 
 |  |  |             if (code === 200) { | 
 |  |  |                 notify(msg || 'common.response.success', { type: 'success', messageArgs: { _: msg } }); | 
 |  |  |                 refresh(); | 
 |  |  |             } else { | 
 |  |  |                 notify(msg || 'common.response.fail', { type: 'error', messageArgs: { _: msg } }); | 
 |  |  |             } | 
 |  |  |         }).catch(error => { | 
 |  |  |             notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } }); | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | 
 |  |  |             const { code, msg, data } = res.data; | 
 |  |  |             if (code === 200) { | 
 |  |  |                 notify(msg || 'common.response.success', { type: 'success', messageArgs: { _: msg } }); | 
 |  |  |                 refresh(); | 
 |  |  |             } else { | 
 |  |  |                 notify(msg || 'common.response.fail', { type: 'error', messageArgs: { _: msg } }); | 
 |  |  |             } | 
 |  |  |         }).catch(error => { | 
 |  |  |             notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } }); | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | 
 |  |  |                         <MyExportButton /> | 
 |  |  |                     </TopToolbar> | 
 |  |  |                 )} | 
 |  |  |                 pagination={<Pagination rowsPerPageOptions={[10, 20, 50, 100]} />} | 
 |  |  |                 perPage={20} | 
 |  |  |                 pagination={<Pagination rowsPerPageOptions={[10, 25, 50, 100]} />} | 
 |  |  |                 perPage={25} | 
 |  |  |                 aside={<TaskListAside />} | 
 |  |  |             > | 
 |  |  |                 <StyledDatagrid | 
 |  |  | 
 |  |  |                     <BooleanField source="statusBool" label="common.field.status" sortable={false} /> | 
 |  |  |                     <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |                     <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( | 
 |  |  |                         (record.taskSts === 15 || true) && ( | 
 |  |  |                         (record.taskSts !== taskStsByComplete && record.taskSts !== taskStsByCancel) && ( | 
 |  |  |                             <> | 
 |  |  |                                 <ConfirmButton | 
 |  |  |                                     label="common.action.complete" |