From a3f0466554b5ba9c4accde3ce08c424a4687c3b7 Mon Sep 17 00:00:00 2001
From: verou <857149855@qq.com>
Date: 星期三, 09 四月 2025 16:57:14 +0800
Subject: [PATCH] 1
---
rsf-admin/src/page/qlyInspect/AsnSelModal.jsx | 85 +++++++++++++++++-------------------------
1 files changed, 34 insertions(+), 51 deletions(-)
diff --git a/rsf-admin/src/page/qlyInspect/AsnSelModal.jsx b/rsf-admin/src/page/qlyInspect/AsnSelModal.jsx
index 8d65011..f51a761 100644
--- a/rsf-admin/src/page/qlyInspect/AsnSelModal.jsx
+++ b/rsf-admin/src/page/qlyInspect/AsnSelModal.jsx
@@ -38,11 +38,11 @@
};
const [formData, setFormData] = useState({
- code: ''
+ asnCode: ''
});
const [tableData, setTableData] = useState([]);
- const [selectedRow, setSelectedRow] = useState(null);
+ const [selectedRows, setSelectedRows] = useState([]);
const handleChange = (e) => {
const { name, value } = e.target;
@@ -54,25 +54,27 @@
const reset = () => {
setFormData({
- code: ''
+ asnCode: ''
})
}
- const handleSubmit = () => {
- console.log(selectedRow);
+ const handleSubmit = async () => {
+ const { data: { code, data, msg } } = await request.post(`/qlyInspect/selected`, { ids: selectedRows });
+
+ if (code === 200) {
+ notify(msg);
+ refresh()
+ } else {
+ notify(msg);
+ }
setOpen(false);
reset();
};
const getData = async () => {
- const res = await request.post(`/asnOrder/page`, {
- ...formData,
- current: 1,
- pageSize: 100,
- orderBy: "create_time desc"
- });
+ const res = await request.post(`/qlyInspect/asn/list`, { asnCode: formData.asnCode });
if (res?.data?.code === 200) {
- setTableData(res.data.data.records);
+ setTableData(res.data.data);
} else {
notify(res.data.msg);
}
@@ -112,8 +114,8 @@
<Grid item md={4}>
<TextField
label={translate('table.field.asnOrder.code')}
- name="code"
- value={formData.code}
+ name="asnCode"
+ value={formData.asnCode}
onChange={handleChange}
size="small"
/>
@@ -129,8 +131,8 @@
<AsnSelModalTable
tableData={tableData}
setTableData={setTableData}
- selectedRow={selectedRow}
- setSelectedRow={setSelectedRow}
+ selectedRows={selectedRows}
+ setSelectedRows={setSelectedRows}
/>
</Box>
</DialogContent>
@@ -147,32 +149,19 @@
export default AsnSelModal;
-const AsnSelModalTable = ({ tableData, setTableData, selectedRow, setSelectedRow }) => {
+const AsnSelModalTable = ({ tableData, setTableData, selectedRows, setSelectedRows }) => {
const translate = useTranslate();
const notify = useNotify();
const apiRef = useGridApiRef();
- const handleRadioChange = (event, id) => {
- setSelectedRow(id);
+ const handleSelectionChange = (ids) => {
+ setSelectedRows(ids)
+
};
const [columns, setColumns] = useState([
// { field: 'id', headerName: 'ID', width: 100 },
- {
- field: 'radio',
- headerName: '',
- width: 55,
- renderCell: (params) => {
- return (
- <FormControlLabel
- value={params.row.id}
- control={<Radio />}
- onChange={(event) => handleRadioChange(event, params.row.id)}
- />
- );
- },
- },
{ field: 'code', headerName: translate('table.field.asnOrder.code'), width: 200 },
{ field: 'type$', headerName: translate('table.field.asnOrder.type') },
{ field: 'wkType$', headerName: translate('table.field.asnOrder.wkType') },
@@ -182,26 +171,20 @@
])
- const onRowClick = (e) => {
- setSelectedRow(e.id)
- }
-
-
-
return (
<div style={{ height: 400, width: '100%' }}>
- <RadioGroup value={selectedRow} onChange={handleRadioChange}>
- <DataGrid
- size="small"
- rows={tableData}
- columns={columns}
- onRowClick={onRowClick}
- apiRef={apiRef}
- disableColumnMenu={true}
- disableColumnSorting
- disableMultipleColumnsSorting
- />
- </RadioGroup>
+ <DataGrid
+ size="small"
+ rows={tableData}
+ columns={columns}
+ checkboxSelection
+ onRowSelectionModelChange={handleSelectionChange}
+ selectionModel={selectedRows}
+ apiRef={apiRef}
+ disableColumnMenu={true}
+ disableColumnSorting
+ disableMultipleColumnsSorting
+ />
</div>
);
};
\ No newline at end of file
--
Gitblit v1.9.1