From 7f70cb15d035f0c233b9e62b9e43aa985317c908 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 04 十一月 2024 10:22:45 +0800 Subject: [PATCH] # --- zy-acs-flow/src/page/task/TaskList.jsx | 114 ++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 105 insertions(+), 9 deletions(-) diff --git a/zy-acs-flow/src/page/task/TaskList.jsx b/zy-acs-flow/src/page/task/TaskList.jsx index 933bbd6..5ec10b1 100644 --- a/zy-acs-flow/src/page/task/TaskList.jsx +++ b/zy-acs-flow/src/page/task/TaskList.jsx @@ -32,6 +32,8 @@ DeleteButton, FunctionField, Pagination, + useNotify, + useRefresh, } from 'react-admin'; import { Box, Chip, Card, Stack } from '@mui/material'; import { styled } from '@mui/material/styles'; @@ -46,6 +48,10 @@ import * as Common from '@/utils/common'; import TaskListAside from "./TaskListAside"; import { getTaskStsChipColor } from '@/utils/color-util'; +import ConfirmButton from "../components/ConfirmButton"; +import ClearIcon from '@mui/icons-material/Clear'; +import CheckIcon from '@mui/icons-material/Check'; +import request from '@/utils/request'; const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ '& .css-1vooibu-MuiSvgIcon-root': { @@ -126,9 +132,62 @@ 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 onCancel = (taskId) => { + request.get("/task/cancel/" + 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 } }); + }) + } return ( <Box display="flex"> @@ -153,8 +212,8 @@ <MyExportButton /> </TopToolbar> )} - pagination={<Pagination rowsPerPageOptions={[10, 20, 50, 100]} />} - perPage={20} + pagination={<Pagination rowsPerPageOptions={[10, 25, 50, 100]} />} + perPage={25} aside={<TaskListAside />} > <StyledDatagrid @@ -165,7 +224,7 @@ expandSingle={true} omit={['id', 'uuid', 'startTime', 'endTime', 'errTime', 'emptyMk', 'zpallet', 'oriSta', 'oriLoc', 'oriCode', 'destSta', 'destLoc', 'destCode', - 'updateTime', 'updateBy', 'createTime', 'createBy', 'statusBool', 'memo']} + 'updateTime', 'updateBy', 'ioTime', 'createBy', 'statusBool', 'memo']} > <NumberField source="id" /> <TextField source="uuid" label="table.field.task.uuid" /> @@ -195,7 +254,6 @@ )} /> {/* <TextField source="name" /> */} </ReferenceField> - <NumberField source="priority" label="table.field.task.priority" /> <DateField source="ioTime" label="table.field.task.ioTime" showTime /> <DateField source="startTime" label="table.field.task.startTime" showTime /> <DateField source="endTime" label="table.field.task.endTime" showTime /> @@ -220,6 +278,7 @@ </ReferenceField> <TextField source="oriDesc" label="table.field.task.oriDesc" /> <TextField source="destDesc" label="table.field.task.destDesc" /> + <NumberField source="priority" label="table.field.task.priority" /> <TextField source="emptyMk" label="table.field.task.emptyMk" /> <TextField source="zpallet" label="table.field.task.zpallet" /> <TextField source="errDesc" label="table.field.task.errDesc" /> @@ -234,10 +293,47 @@ <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"> - <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} /> - <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> - </WrapperField> + <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( + (record.taskSts !== taskStsByComplete && record.taskSts !== taskStsByCancel) && ( + <> + <ConfirmButton + label="common.action.complete" + size="small" + color="primary" + startIcon={<CheckIcon />} + sx={{ + padding: '1px', + fontSize: '.75rem', + '& .MuiButton-startIcon': { + marginRight: '2px' + }, + mr: 1 + }} + data={record.seqNum} + onConfirm={() => { + onComplete(record.id); + }} + /> + <ConfirmButton + label="ra.action.cancel" + size="small" + color="error" + startIcon={<ClearIcon />} + sx={{ + padding: '1px', + fontSize: '.75rem', + '& .MuiButton-startIcon': { + marginRight: '1.5px' + }, + }} + data={record.seqNum} + onConfirm={() => { + onCancel(record.id); + }} + /> + </> + ) + )} /> </StyledDatagrid> </List> <TaskCreate -- Gitblit v1.9.1