From aee6b945f2249c37fd52a8697526ae8bd4915ef8 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期二, 01 四月 2025 13:45:06 +0800
Subject: [PATCH] no message
---
rsf-admin/src/page/asnOrder/AsnOrderModal.jsx | 154 ++++++++++++++++++++++++++++++--------------------
1 files changed, 92 insertions(+), 62 deletions(-)
diff --git a/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx b/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
index 8846b3d..33caa47 100644
--- a/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
+++ b/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
@@ -62,6 +62,7 @@
const translate = useTranslate();
const notify = useNotify();
const refresh = useRefresh();
+ const [disabled, setDisabled] = useState(false)
const [createDialog, setCreateDialog] = useState(false);
@@ -97,6 +98,7 @@
};
const handleSubmit = async () => {
+ setDisabled(true)
if (asnId === 0) {
const parmas = {
"orders": formData,
@@ -123,7 +125,7 @@
notify(res.data.msg);
}
}
-
+ setDisabled(false)
};
@@ -156,6 +158,13 @@
}
}
+ const [selectedRows, setSelectedRows] = useState([]);
+
+ const handleDeleteItem = () => {
+ const newTableData = _.filter(tabelData, (item) => !selectedRows.includes(item.matnrId));
+ setTableData(newTableData);
+ }
+
return (
<>
<Dialog
@@ -182,7 +191,7 @@
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
<Form>
<Grid container spacing={2}>
- <Grid item xs={4}>
+ <Grid item md={4}>
<DictSelect
label={translate("table.field.asnOrder.type")}
value={formData.type}
@@ -194,7 +203,7 @@
</Grid>
- <Grid item xs={4}>
+ <Grid item md={4}>
<DictSelect
label={translate("table.field.asnOrder.wkType")}
value={formData.wkType}
@@ -210,18 +219,19 @@
<Box sx={{ mt: 2 }}>
<Stack direction="row" spacing={2}>
<Button variant="contained" onClick={() => setCreateDialog(true)}>鏂板鐗╂枡</Button>
- {asnId !== '' && <ConfirmButton label={'鍒犻櫎'} variant="outlined" color="error" onConfirm={handleDelete} />}
+ {/* {asnId !== '' && <ConfirmButton label={'鍒犻櫎'} variant="outlined" color="error" onConfirm={handleDelete} />} */}
+ <ConfirmButton label={'鍒犻櫎'} variant="outlined" color="error" onConfirm={handleDeleteItem} />
</Stack>
</Box>
<Box sx={{ mt: 2 }}>
- <AsnOrderModalTable tabelData={tabelData} setTableData={setTableData} asnId={asnId} ></AsnOrderModalTable>
+ <AsnOrderModalTable tabelData={tabelData} setTableData={setTableData} asnId={asnId} selectedRows={selectedRows} setSelectedRows={setSelectedRows} ></AsnOrderModalTable>
</Box>
</DialogContent>
<DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>
<Toolbar sx={{ width: '100%', justifyContent: 'space-between' }} >
- <Button onClick={handleSubmit} variant="contained" startIcon={<SaveIcon />}>
+ <Button disabled={disabled} onClick={handleSubmit} variant="contained" startIcon={<SaveIcon />}>
{translate('toolbar.confirm')}
</Button>
</Toolbar>
@@ -241,78 +251,32 @@
export default AsnOrderModal;
-const AsnOrderModalTable = ({ tabelData, setTableData, asnId }) => {
+const AsnOrderModalTable = ({ tabelData, setTableData, asnId, selectedRows, setSelectedRows }) => {
const translate = useTranslate();
const notify = useNotify();
const [columns, setColumns] = useState([
- {
- field: 'action',
- headerName: '鎿嶄綔',
- width: 70,
- lockPosition: 'left',
- renderCell: (params) => (
- <Tooltip title="Delete">
- <IconButton onClick={() => handleDelete(params.row)}>
- <Delete />
- </IconButton>
- </Tooltip>
- ),
- },
- {
- field: 'matnrId',
- headerName: translate('table.field.asnOrderItem.matnrId'),
- minWidth: 100,
- flex: 1,
- editable: false,
- },
{
field: 'maktx',
headerName: translate('table.field.asnOrderItem.maktx'),
minWidth: 100,
flex: 1,
- editable: true,
+ editable: false,
},
{
- field: 'poDetlId',
- headerName: translate('table.field.asnOrderItem.poDetlId'),
- minWidth: 100,
- flex: 1,
- },
- {
- field: 'poDetlCode',
- headerName: translate('table.field.asnOrderItem.poDetlCode'),
- minWidth: 100,
- flex: 1,
- },
- {
- field: 'anfme',
- headerName: translate('table.field.asnOrderItem.anfme'),
- minWidth: 100,
- flex: 1,
- editable: true,
- },
- {
- field: 'stockUnit',
- headerName: translate('table.field.asnOrderItem.stockUnit'),
+ field: 'maktxCode',
+ headerName: translate('table.field.asnOrderItem.maktxCode'),
minWidth: 100,
flex: 1,
editable: false,
},
{
- field: 'purQty',
+ field: 'anfme',
headerName: translate('table.field.asnOrderItem.purQty'),
minWidth: 100,
flex: 1,
editable: true,
- },
- {
- field: 'purUnit',
- headerName: translate('table.field.asnOrderItem.purUnit'),
- minWidth: 100,
- flex: 1,
- editable: false,
},
{
field: 'splrCode',
@@ -328,15 +292,66 @@
flex: 1,
editable: true,
},
+ // {
+ // field: 'packName',
+ // headerName: translate('table.field.asnOrderItem.packName'),
+ // minWidth: 100,
+ // flex: 1,
+ // editable: true,
+ // },
+ // {
+ // field: 'poDetlId',
+ // headerName: translate('table.field.asnOrderItem.poDetlId'),
+ // minWidth: 100,
+ // flex: 1,
+ // },
{
- field: 'packName',
- headerName: translate('table.field.asnOrderItem.packName'),
+ field: 'platItemId',
+ headerName: translate('table.field.asnOrderItem.platItemId'),
minWidth: 100,
flex: 1,
- editable: true,
},
+ {
+ field: 'stockUnit',
+ headerName: translate('table.field.asnOrderItem.stockUnit'),
+ minWidth: 100,
+ flex: 1,
+ editable: false,
+ },
+ // {
+ // field: 'purQty',
+ // headerName: translate('table.field.asnOrderItem.purQty'),
+ // minWidth: 100,
+ // flex: 1,
+ // editable: true,
+ // },
+ {
+ field: 'purUnit',
+ headerName: translate('table.field.asnOrderItem.purUnit'),
+ minWidth: 100,
+ flex: 1,
+ editable: false,
+ },
+
+
+
])
+
+ const action = {
+ field: 'action',
+ headerName: '鎿嶄綔',
+ width: 70,
+ lockPosition: 'left',
+ renderCell: (params) => (
+ <Tooltip title="Delete">
+ <IconButton onClick={() => handleDelete(params.row)}>
+ <Delete />
+ </IconButton>
+ </Tooltip>
+ ),
+
+ }
let cdata = useRef([]);
@@ -360,9 +375,9 @@
headerName: el.fieldsAlise,
minWidth: 100,
flex: 1,
- editable: el.unique
+ editable: false
}))
- setColumns([...columns, ...cols])
+ setColumns([...columns, ...cols, action])
} else {
notify(msg);
}
@@ -387,6 +402,12 @@
};
+
+ const handleSelectionChange = (ids) => {
+ setSelectedRows(ids)
+
+ };
+
return (
<div style={{ height: 400, width: '100%' }}>
<DataGrid
@@ -400,6 +421,15 @@
disableMultipleColumnsSorting
processRowUpdate={processRowUpdate}
autoPageSize
+ editMode="row"
+ checkboxSelection
+ onRowSelectionModelChange={handleSelectionChange}
+ selectionModel={selectedRows}
+ sx={{
+ '& .MuiDataGrid-cell input': {
+ border: '1px solid #ccc'
+ },
+ }}
/>
</div>
);
--
Gitblit v1.9.1