|  |  | 
 |  |  |     DateInput, | 
 |  |  |     SelectInput, | 
 |  |  |     NumberInput, | 
 |  |  |  | 
 |  |  |     Button, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { Box, Typography, Card, Stack, Drawer } from '@mui/material'; | 
 |  |  | 
 |  |  |                 title={"menu.task"} | 
 |  |  |                 empty={false} | 
 |  |  |                 filters={filters} | 
 |  |  |                 sort={{ field: "sort", order: "desc" }} | 
 |  |  |                 sort={{ field: "create_time", order: "desc" }} | 
 |  |  |                 actions={( | 
 |  |  |                     <TopToolbar> | 
 |  |  |                         <FilterButton /> | 
 |  |  | 
 |  |  |                     <DateField source="createTime" label="common.field.createTime" showTime /> | 
 |  |  |                     {/* <BooleanField source="statusBool" label="common.field.status" sortable={false} /> */} | 
 |  |  |                     <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |                     <WrapperField cellClassName="opt" label="common.field.opt"> | 
 |  |  |                     <WrapperField cellClassName="opt" label="common.field.opt" onClick={(e) => e.stopPropagation()} > | 
 |  |  |                         <DoneButton sx={{ padding: '1px', fontSize: '.75rem' }} ></DoneButton> | 
 |  |  |                         <CancelButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> | 
 |  |  |                         <SetTopButton sx={{ padding: '1px', fontSize: '.75rem' }} ></SetTopButton> | 
 |  |  | 
 |  |  |  */ | 
 |  |  | const DoneButton = (props) => { | 
 |  |  |     const record = useRecordContext(); | 
 |  |  |     const notify = useNotify();  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const clickComplete = (event) => { | 
 |  |  |         event.stopPropagation(); | 
 |  |  | 
 |  |  |     const record = useRecordContext(); | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const clickCancel = () => { | 
 |  |  |     const clickCancel = (event) => { | 
 |  |  |         event.stopPropagation(); | 
 |  |  |         cancleTask(record) | 
 |  |  |     }; | 
 |  |  |     //取消任务 | 
 |  |  |     const cancleTask = async (row) => {  | 
 |  |  |     const cancleTask = async (row) => { | 
 |  |  |         console.log(row); | 
 |  |  |         const { data: { code, data, msg } } = await request.post(`/task/remove/` + row.id); | 
 |  |  |         if (code === 200) { | 
 |  |  | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |     return ( | 
 |  |  |         <Button | 
 |  |  |             onClick={clickCancel} | 
 |  |  |             label="toolbar.cancel"> | 
 |  |  |             <CancelIcon /> | 
 |  |  |         </Button> | 
 |  |  |         record.taskStatus === 1 ? | 
 |  |  |             <Button | 
 |  |  |                 onClick={clickCancel} | 
 |  |  |                 label="toolbar.cancel"> | 
 |  |  |                 <CancelIcon /> | 
 |  |  |             </Button> | 
 |  |  |             : | 
 |  |  |             <></> | 
 |  |  |     ) | 
 |  |  | } | 
 |  |  | /** | 
 |  |  | 
 |  |  |     const record = useRecordContext(); | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const clickTop = () => { | 
 |  |  |     const clickTop = (event) => { | 
 |  |  |         event.stopPropagation(); | 
 |  |  |         topTask(record) | 
 |  |  |     }; | 
 |  |  |     //置顶任务 |