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/bus/BusList.jsx | 42 +++++++++++++++++++++++++++++++++++++----- 1 files changed, 37 insertions(+), 5 deletions(-) diff --git a/zy-acs-flow/src/page/bus/BusList.jsx b/zy-acs-flow/src/page/bus/BusList.jsx index f0284c5..d411899 100644 --- a/zy-acs-flow/src/page/bus/BusList.jsx +++ b/zy-acs-flow/src/page/bus/BusList.jsx @@ -32,8 +32,10 @@ DeleteButton, FunctionField, Pagination, + useNotify, + useRefresh, } from 'react-admin'; -import { Box, Typography, Card, Chip } from '@mui/material'; +import { Box, Typography, Button, Chip } from '@mui/material'; import { styled } from '@mui/material/styles'; import BusCreate from "./BusCreate"; import BusPanel from "./BusPanel"; @@ -46,6 +48,9 @@ import * as Common from '@/utils/common'; import BusListAside from "./BusListAside"; import { getBusStsColor } from '@/utils/color-util'; +import CancelIcon from '@mui/icons-material/Cancel'; +import request from '@/utils/request'; +import ConfirmButton from "../components/ConfirmButton"; const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ '& .css-1vooibu-MuiSvgIcon-root': { @@ -60,6 +65,9 @@ '& .column-tasksNum': { maxWidth: '8em', }, + '& .column-tasksNumTotal': { + maxWidth: '8em', + }, '& .column-memo': { maxWidth: '12em', overflow: 'hidden', @@ -67,7 +75,7 @@ whiteSpace: 'nowrap', }, '& .opt': { - width: 80 + width: 120 }, })); @@ -94,9 +102,22 @@ const BusList = () => { const translate = useTranslate(); - + const notify = useNotify(); + const refresh = useRefresh(); const [createDialog, setCreateDialog] = useState(false); const [drawerVal, setDrawerVal] = useState(false); + + const onCancel = (busId) => { + request.get("/bus/cancel/" + busId).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 } }); + } + }) + } return ( <Box display="flex"> @@ -148,7 +169,8 @@ )} /> {/* <TextField source="name" /> */} </ReferenceField> - <NumberField source="tasksNum" label="table.field.bus.tasksNum" sortable={false} /> + <NumberField source="tasksNum" label="table.field.bus.tasksNum" sortable={false} sx={{ fontWeight: 'bold' }} /> + <NumberField source="tasksNumTotal" label="table.field.bus.tasksNumTotal" sortable={false} sx={{ fontWeight: 'bold' }} /> <DateField source="startTime" label="table.field.bus.startTime" showTime /> <DateField source="endTime" label="table.field.bus.endTime" showTime emptyText="-" /> <TextField source="phase" label="table.field.bus.phase" sortable={false} /> @@ -165,7 +187,17 @@ <TextField source="memo" label="common.field.memo" sortable={false} emptyText="-" /> <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( (record.busSts === 15) && ( - <DeleteButton label="" sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> + <ConfirmButton + label="ra.action.cancel" + size="small" + color="error" + startIcon={<CancelIcon />} + sx={{ padding: '1px', fontSize: '.75rem' }} + data={record.busNo} + onConfirm={() => { + onCancel(record.id); + }} + /> ) )} /> </StyledDatagrid> -- Gitblit v1.9.1