| | |
| | | DeleteButton, |
| | | FunctionField, |
| | | Pagination, |
| | | useNotify, |
| | | useRefresh, |
| | | } from 'react-admin'; |
| | | import { Box, Typography, Button, Chip } from '@mui/material'; |
| | | import { styled } from '@mui/material/styles'; |
| | |
| | | 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': { |
| | |
| | | minWidth: '16em', |
| | | }, |
| | | '& .column-tasksNum': { |
| | | maxWidth: '8em', |
| | | }, |
| | | '& .column-tasksNumTotal': { |
| | | maxWidth: '8em', |
| | | }, |
| | | '& .column-memo': { |
| | |
| | | |
| | | const BusList = () => { |
| | | const translate = useTranslate(); |
| | | |
| | | const notify = useNotify(); |
| | | const refresh = useRefresh(); |
| | | const [createDialog, setCreateDialog] = useState(false); |
| | | const [drawerVal, setDrawerVal] = useState(false); |
| | | |
| | | const onCancel = (onCancel) => { |
| | | alert(onCancel.busNo); |
| | | 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 ( |
| | |
| | | )} /> |
| | | {/* <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} /> |
| | |
| | | {/* <BooleanField source="statusBool" label="common.field.status" sortable={false} /> */} |
| | | <TextField source="memo" label="common.field.memo" sortable={false} emptyText="-" /> |
| | | <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( |
| | | (record.busSts === 15 || true) && ( |
| | | // <DeleteButton label="" sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> |
| | | <Button |
| | | (record.busSts === 15) && ( |
| | | <ConfirmButton |
| | | label="ra.action.cancel" |
| | | size="small" |
| | | color="error" |
| | | startIcon={<CancelIcon />} |
| | | sx={{ padding: '1px', fontSize: '.75rem' }} |
| | | onClick={(event) => { |
| | | event.stopPropagation(); |
| | | onCancel(record); |
| | | data={record.busNo} |
| | | onConfirm={() => { |
| | | onCancel(record.id); |
| | | }} |
| | | > |
| | | {translate('ra.action.cancel')} |
| | | </Button> |
| | | /> |
| | | ) |
| | | )} /> |
| | | </StyledDatagrid> |