From 0d3a5be1512815a38f37ae81e7d9fc0948fd3f16 Mon Sep 17 00:00:00 2001 From: verou <857149855@qq.com> Date: 星期二, 25 三月 2025 13:54:57 +0800 Subject: [PATCH] 1 --- rsf-admin/src/page/asnOrder/AsnOrderList.jsx | 75 +++++++++++++++++++++++++++++-------- 1 files changed, 59 insertions(+), 16 deletions(-) diff --git a/rsf-admin/src/page/asnOrder/AsnOrderList.jsx b/rsf-admin/src/page/asnOrder/AsnOrderList.jsx index 8c1c2d1..095bde5 100644 --- a/rsf-admin/src/page/asnOrder/AsnOrderList.jsx +++ b/rsf-admin/src/page/asnOrder/AsnOrderList.jsx @@ -49,6 +49,7 @@ import EditIcon from '@mui/icons-material/Edit'; + const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ '& .css-1vooibu-MuiSvgIcon-root': { height: '.9em' @@ -99,14 +100,41 @@ const [createDialog, setCreateDialog] = useState(false); const [drawerVal, setDrawerVal] = useState(false); + const [modalType, setmodalType] = useState(0); const navigate = useNavigate(); const assign = (record) => { navigate(`/asnOrderItem?asnId=${record.id}`); }; + const inspection = () => { }; - const print = () => { }; + + const print = () => { + const imageUrls = ['https://www.baidu.com/img/flexible/logo/pc/result@2.png',] + const iframe = document.createElement('iframe'); + iframe.style.display = 'none'; + document.body.appendChild(iframe); + + const iframeDoc = iframe.contentDocument || iframe.contentWindow.document; + iframeDoc.open(); + iframeDoc.write('<html><head><title>Print Images</title></head><body>'); + + // 灏嗗浘鐗囨彃鍏ュ埌 iframe 涓� + imageUrls.forEach((imageUrl) => { + iframeDoc.write(`<img src="${imageUrl}" style="margin: 10px;">`); + }); + + iframeDoc.write('</body></html>'); + iframeDoc.close(); + + // 绛夊緟鍥剧墖鍔犺浇瀹屾垚鍚庤Е鍙戞墦鍗� + iframe.contentWindow.onload = () => { + iframe.contentWindow.print(); + // 鎵撳嵃瀹屾垚鍚庣Щ闄� iframe + document.body.removeChild(iframe); + }; + }; return ( @@ -121,7 +149,7 @@ marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, }} title={"menu.asnOrder"} - empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} + empty={<EmptyData onClick={() => { setCreateDialog(true); setmodalType(0) }} />} filters={filters} sort={{ field: "create_time", order: "desc" }} actions={( @@ -131,7 +159,7 @@ <ConstructionIcon /> </Button> <FilterButton /> - <MyCreateButton onClick={() => { setCreateDialog(true) }} /> + <MyCreateButton onClick={() => { setCreateDialog(true); setmodalType(0) }} /> <SelectColumnsButton preferenceKey='asnOrder' /> <MyExportButton /> @@ -143,19 +171,12 @@ preferenceKey='asnOrder' bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />} rowClick={(id, resource, record) => false} - expand={() => <AsnOrderPanel />} + expand={(e) => <AsnOrderPanel key={Math.floor(Math.random() * 100)} />} expandSingle={true} omit={['id', 'createTime', 'createBy', 'memo']} > <NumberField source="id" /> - <MyField - source="code" - label="table.field.asnOrder.code" - onClick={(event, record, val) => { - event.stopPropagation(); - assign(record); - }} - /> + <TextField source="code" label="table.field.asnOrder.code" /> <TextField source="poCode" label="table.field.asnOrder.poCode" /> <NumberField source="poId" label="table.field.asnOrder.poId" /> <TextField source="type" label="table.field.asnOrder.type" /> @@ -176,19 +197,20 @@ <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} /> - <WrapperField cellClassName="opt" label="common.field.opt"> + <WrapperField cellClassName="opt" label="common.field.opt" > <Button label="toolbar.print" onClick={print}> <FileDownloadIcon /> </Button> {/* <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} /> */} - <Button + <MyButton setCreateDialog={setCreateDialog} setmodalType={setmodalType} /> + {/* <Button color="primary" startIcon={<EditIcon />} - onClick={() => { setCreateDialog(true) }} + onClick={(event, record) => handleEditClick(record)} sx={{ ml: 1 }} label={'ra.action.edit'} > - </Button> + </Button> */} <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> </WrapperField> </StyledDatagrid> @@ -196,6 +218,7 @@ <AsnOrderModal open={createDialog} setOpen={setCreateDialog} + asnId={modalType} /> <PageDrawer title='AsnOrder Detail' @@ -207,3 +230,23 @@ ) } export default AsnOrderList; + +const MyButton = ({ setCreateDialog, setmodalType }) => { + const record = useRecordContext(); + const handleEditClick = () => { + const id = record.id; + setmodalType(id); + setCreateDialog(true); + + }; + return ( + <Button + color="primary" + startIcon={<EditIcon />} + onClick={() => handleEditClick()} + sx={{ ml: 1 }} + label={'ra.action.edit'} + > + </Button> + ) +} -- Gitblit v1.9.1