From f0e887dd32942c7897567261b9de1d26f576dfb6 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期三, 23 四月 2025 11:11:56 +0800
Subject: [PATCH] 通过单据创建DO单优化
---
rsf-admin/src/page/orders/outStock/OutOrderModal.jsx | 176 ++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 122 insertions(+), 54 deletions(-)
diff --git a/rsf-admin/src/page/orders/outStock/OutOrderModal.jsx b/rsf-admin/src/page/orders/outStock/OutOrderModal.jsx
index d793c99..ac8a896 100644
--- a/rsf-admin/src/page/orders/outStock/OutOrderModal.jsx
+++ b/rsf-admin/src/page/orders/outStock/OutOrderModal.jsx
@@ -33,10 +33,17 @@
ReferenceArrayInput,
AutocompleteInput,
DeleteButton,
+ Form,
+ SaveButton,
+ useRefresh,
} from 'react-admin';
import DialogCloseButton from "../../components/DialogCloseButton";
import { styled } from '@mui/material/styles';
import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
+import { Grid, Stack } from "@mui/system";
+import SaveIcon from '@mui/icons-material/Save';
+
+
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
'& .css-1vooibu-MuiSvgIcon-root': {
height: '.9em'
@@ -79,7 +86,9 @@
const OutOrderModal = (props) => {
const { open, setOpen, record } = props;
const translate = useTranslate();
+ const [params, setParams] = useState({});
const [drawerVal, setDrawerVal] = useState(false);
+ const refresh = useRefresh();
const handleClose = (event, reason) => {
if (reason !== "backdropClick") {
@@ -107,61 +116,120 @@
<DialogCloseButton onClose={handleClose} />
</Box>
</DialogTitle>
- <DialogContent>
- <List
- resource="deliveryItem"
- storeKey='selectDelivery'
- sx={{
- flexGrow: 1,
- transition: (theme) =>
- theme.transitions.create(['all'], {
- duration: theme.transitions.duration.enteringScreen,
- }),
- marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
- }}
- title={"menu.delivery"}
- empty={false}
- sort={{ field: "create_time", order: "desc" }}
- actions={(
- <TopToolbar>
- <></>
- </TopToolbar>
- )}
- perPage={DEFAULT_PAGE_SIZE}
- >
- <StyledDatagrid
- preferenceKey='deliveryItem'
- bulkActionButtons={() => <></>}
- rowClick={(id, resource, record) => false}
- expand={false}
- expandSingle={true}
- omit={['id', 'createTime', 'createBy', 'memo', 'workQty', 'startTime', 'endTime', 'updateBy', 'createTime']}
- >
- <NumberField source="id" />
- <TextField source="matnrCode" label="table.field.deliveryItem.matnrCode" />
- <TextField source="matnrName" label="table.field.deliveryItem.matnrName" />
- <TextField source="unit" label="table.field.deliveryItem.unit" />
- <NumberField source="anfme" label="table.field.deliveryItem.anfme" />
- <TextField source="splrName" label="table.field.deliveryItem.splrName" />
- <TextField source="splrBatch" label="table.field.deliveryItem.splrBatch" />
- <TextField source="updateBy$" label="common.field.updateBy" />
- <DateField source="updateTime" label="common.field.updateTime" showTime />
- <TextField source="createBy$" label="common.field.createBy" />
- <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} />
- </StyledDatagrid>
- </List>
- </DialogContent>
- <DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>
- {/* <Toolbar sx={{ width: '100%', justifyContent: 'space-between' }} >
- <Button disabled={disabled} onClick={handleSubmit} variant="contained" startIcon={<SaveIcon />}>
- {translate('toolbar.confirm')}
- </Button>
- </Toolbar> */}
- </DialogActions>
- </Dialog>
+ <Grid container rowSpacing={2} columnSpacing={2}>
+ <DialogContent>
+ <Grid item sx={24}>
+ <List
+ resource="deliveryItem"
+ sx={{
+ flexGrow: 1,
+ transition: (theme) =>
+ theme.transitions.create(['all'], {
+ duration: theme.transitions.duration.enteringScreen,
+ }),
+ marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
+ }}
+ storeKey='selectDelivery'
+ queryOptions={params}
+ filters={<CustomFilter />}
+ empty={false}
+ sort={{ field: "create_time", order: "desc" }}
+ actions={(
+ <TopToolbar>
+ <></>
+ </TopToolbar>
+ )}
+ perPage={DEFAULT_PAGE_SIZE}
+ >
+ <StyledDatagrid
+ preferenceKey='deliveryItem'
+ bulkActionButtons={() => <></>}
+ rowClick={(id, resource, record) => false}
+ expand={false}
+ expandSingle={true}
+ omit={['id', 'createTime', 'createBy', 'memo', 'workQty', 'startTime', 'endTime', 'updateBy', 'createTime']}
+ >
+ <NumberField source="id" />
+ <TextField source="matnrCode" label="table.field.deliveryItem.matnrCode" />
+ <TextField source="matnrName" label="table.field.deliveryItem.matnrName" />
+ <TextField source="unit" label="table.field.deliveryItem.unit" />
+ <NumberField source="anfme" label="table.field.deliveryItem.anfme" />
+ <TextField source="splrName" label="table.field.deliveryItem.splrName" />
+ <TextField source="splrBatch" label="table.field.deliveryItem.splrBatch" />
+ <TextField source="updateBy$" label="common.field.updateBy" />
+ <DateField source="updateTime" label="common.field.updateTime" showTime />
+ <TextField source="createBy$" label="common.field.createBy" />
+ <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} />
+ </StyledDatagrid>
+ </List>
+ </Grid>
+ </DialogContent>
+ </Grid>
+ </Dialog >
)
}
export default OutOrderModal;
+
+const CustomFilter = () => {
+ const { filterValues, setFilters } = useListContext('deliveryItem');
+ const [formValues, setFormValues] = useState(filterValues);
+
+ const handleChange = (event) => {
+ setFormValues(formValues => ({
+ ...formValues,
+ [event.target.name]: event.target.value
+ }));
+ };
+
+ const handleSubmit = (event) => {
+ console.log('---------->');
+ console.log(formValues);
+ event.preventDefault();
+ setFilters(formValues, null, true);
+ };
+
+ return (
+ <Form>
+ <Grid container rowSpacing={2} columnSpacing={2} >
+ <Stack>
+ <TextInput
+ source="matnrName"
+ label="table.field.deliveryItem.matnrName"
+ resettable
+ onChange={handleChange}
+ />
+ </Stack>
+ <Stack>
+ <TextInput
+ source="matnrCode"
+ label="table.field.deliveryItem.matnrCode"
+ resettable
+ onChange={handleChange} />
+ </Stack>
+ <Stack>
+ <TextInput
+ source="splrName"
+ label="table.field.deliveryItem.splrName"
+ resettable
+ onChange={handleChange} />
+ </Stack>
+ <Stack>
+ <TextInput
+ source="splrName"
+ label="table.field.deliveryItem.splrName"
+ resettable
+ onChange={handleChange} />
+ </Stack>
+ </Grid>
+ <DialogActions>
+ <Toolbar sx={{ width: '100%', justifyContent: 'end' }} >
+ <SaveButton onClick={handleSubmit}/>
+ {/* <Button variant="contained" label="toolbar.confirm" startIcon={<SaveIcon />} onClick={handleSubmit} /> */}
+ </Toolbar>
+ </DialogActions>
+ </Form>
+ );
+};
--
Gitblit v1.9.1