From ebb9cd7b6a788ce70768fdcd1916397559cf2a87 Mon Sep 17 00:00:00 2001
From: zjj <3272660260@qq.com>
Date: 星期三, 16 七月 2025 17:03:54 +0800
Subject: [PATCH] #打印
---
rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx | 315 +++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 249 insertions(+), 66 deletions(-)
diff --git a/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx b/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
index 72918ab..d33ad5f 100644
--- a/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
+++ b/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
@@ -51,8 +51,13 @@
import { display, height, width } from "@mui/system";
import DashboardIcon from '@mui/icons-material/Dashboard';
import EditIcon from '@mui/icons-material/Edit';
+import PrintIcon from '@mui/icons-material/Print';
import request from '@/utils/request';
import BatchModal from './BatchModal';
+import BatchGropuModal from './BatchGropuModal';
+import PrintModal from './PrintModal';
+import LinkIcon from '@mui/icons-material/Link';
+import BindModal from './BindModal';
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
'& .css-1vooibu-MuiSvgIcon-root': {
@@ -62,7 +67,7 @@
'& .RaDatagrid-row': {
cursor: 'auto'
},
- '& .RaList-content': {
+ '& .RaList-content': {
width: '200px'
},
'& .RaList-main': {
@@ -82,16 +87,16 @@
overflow: 'hidden',
textOverflow: 'ellipsis',
display: 'block',
- width: '100px',
+ width: '200px',
},
'& .RaDatagrid-table': {
- width: '100%'
+ width: '100%',
+ position: 'relative',
}
}));
const filters = [
<SearchInput source="condition" alwaysOn />,
-
<TextInput source="name" label="table.field.matnr.name" alwaysOn />,
<TextInput source="code" label="table.field.matnr.code" alwaysOn />,
<ReferenceInput source="shipperId$" label="table.field.matnr.shipperId" reference="shipper">
@@ -134,7 +139,6 @@
<NumberInput source="valid" label="table.field.matnr.valid" />,
<NumberInput source="validWarn" label="table.field.matnr.validWarn" />,
<NumberInput source="flagCheck" label="table.field.matnr.flagCheck" />,
-
<TextInput label="common.field.memo" source="memo" />,
<SelectInput
label="common.field.status"
@@ -151,10 +155,8 @@
const translate = useTranslate();
const notify = useNotify();
const { isLoading } = useListContext();
- const [dynamicFields, setDynamicFields] = useState([]);
+ const [columns, setColumns] = useState([]);
const refresh = useRefresh();
- const { refetch } = useListContext();
-
useEffect(() => {
getDynamicFields();
}, []);
@@ -165,8 +167,59 @@
data: { code, data, msg },
} = await request.get("/fields/enable/list");
if (code === 200) {
- setDynamicFields(data);
- refresh();
+ const arr = [
+ <NumberField key="id" source="id" />,
+ <TextField key="code" source="code" label="table.field.matnr.code" />,
+ <TooltipField key="name" source="name" label="table.field.matnr.name" cellClassName="name" />,
+ <TextField key="shipperId$" source="shipperId$" label="table.field.matnr.shipperId" />,
+ <ReferenceField key="groupId" source="groupId" label="table.field.matnr.groupId" reference="matnrGroup" link={false} sortable={false}>
+ <TextField source="name" />
+ </ReferenceField>,
+ <TextField key="platCode" source="platCode" label="table.field.matnr.platCode" />,
+ <TextField key="spec" source="spec" label="table.field.matnr.spec" />,
+ <TextField key="model" source="model" label="table.field.matnr.model" />,
+ <NumberField key="weight" source="weight" label="table.field.matnr.weight" />,
+ <TextField key="describle" source="describle" label="table.field.matnr.describle" />,
+ <NumberField key="nromNum" source="nromNum" label="table.field.matnr.nromNum" />,
+ <TextField key="unit" source="unit" label="table.field.matnr.unit" />,
+ <TextField key="purchaseUnit" source="purchaseUnit" label="table.field.matnr.purUnit" />,
+ <TextField key="stockUnit" source="stockUnit" label="table.field.matnr.stockUnit" />,
+ <TextField key="stockLeval$" source="stockLeval$" label="table.field.matnr.stockLevel" sortable={false} />,
+ <TextField key="flagLabelMange$" source="flagLabelMange$" label="table.field.matnr.isLabelMange" sortable={false} />,
+ <NumberField key="safeQty" source="safeQty" label="table.field.matnr.safeQty" />,
+ <NumberField key="minQty" source="minQty" label="table.field.matnr.minQty" />,
+ <NumberField key="maxQty" source="maxQty" label="table.field.matnr.maxQty" />,
+ <NumberField key="stagn" source="stagn" label="table.field.matnr.stagn" />,
+ <NumberField key="valid" source="valid" label="table.field.matnr.valid" />,
+ <NumberField key="validWarn" source="validWarn" label="table.field.matnr.validWarn" />,
+ <BooleanField key="flagCheck" source="flagCheck" label="table.field.matnr.flagCheck" sortable={false} />,
+ <ReferenceField key="updateBy" source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
+ <TextField source="nickname" />
+ </ReferenceField>,
+ <DateField key="updateTime" source="updateTime" label="common.field.updateTime" showTime />,
+ <ReferenceField key="createBy" source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>
+ <TextField source="nickname" />
+ </ReferenceField>,
+ <DateField key="createTime" source="createTime" label="common.field.createTime" showTime />,
+ <BooleanField key="statusBool" source="statusBool" label="common.field.status" sortable={false} />,
+ <TextField key="memo" source="memo" label="common.field.memo" sortable={false} />,
+ ]
+ const fields = data.map(el => <TextField key={el.fields} source={`extendFields.[${el.fields}]`} label={el.fieldsAlise} />)
+ const opt = <WrapperField key="opt" cellClassName="fixed" className="fixed" label="common.field.opt">
+ <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
+ <PrintButton />
+ </WrapperField>
+ setColumns([...arr, ...fields, opt]);
+ //filters娣诲姞杩囨护瀛楁
+ data.map(el => {
+ var i =0;
+ filters.map((item) =>{
+ if(item.key === el.fields){
+ i = 1;
+ }
+ })
+ i===0 && filters.push(<TextInput key={el.fields} source={el.fields} label={el.fieldsAlise} />)
+ })
} else {
notify(msg);
}
@@ -174,48 +227,6 @@
notify('璇锋眰鍑洪敊');
}
};
-
- const columns = [
- <NumberField key="id" source="id" />,
- <TooltipField key="name" source="name" label="table.field.matnr.name" cellClassName="name" />,
- <TextField key="code" source="code" label="table.field.matnr.code" />,
- <TextField key="shipperId$" source="shipperId$" label="table.field.matnr.shipperId" />,
- <ReferenceField key="groupId" source="groupId" label="table.field.matnr.groupId" reference="matnrGroup" link={false} sortable={false}>
- <TextField source="name" />
- </ReferenceField>,
- <TextField key="platCode" source="platCode" label="table.field.matnr.platCode" />,
- <TextField key="spec" source="spec" label="table.field.matnr.spec" />,
- <TextField key="model" source="model" label="table.field.matnr.model" />,
- <NumberField key="weight" source="weight" label="table.field.matnr.weight" />,
- <TextField key="describle" source="describle" label="table.field.matnr.describle" />,
- <NumberField key="nromNum" source="nromNum" label="table.field.matnr.nromNum" />,
- <TextField key="unit" source="unit" label="table.field.matnr.unit" />,
- <TextField key="purchaseUnit" source="purchaseUnit" label="table.field.matnr.purUnit" />,
- <TextField key="stockUnit" source="stockUnit" label="table.field.matnr.stockUnit" />,
- <TextField key="stockLeval$" source="stockLeval$" label="table.field.matnr.stockLevel" sortable={false} />,
- <TextField key="isLabelMange$" source="isLabelMange$" label="table.field.matnr.isLabelMange" sortable={false} />,
- <NumberField key="safeQty" source="safeQty" label="table.field.matnr.safeQty" />,
- <NumberField key="minQty" source="minQty" label="table.field.matnr.minQty" />,
- <NumberField key="maxQty" source="maxQty" label="table.field.matnr.maxQty" />,
- <NumberField key="stagn" source="stagn" label="table.field.matnr.stagn" />,
- <NumberField key="valid" source="valid" label="table.field.matnr.valid" />,
- <NumberField key="validWarn" source="validWarn" label="table.field.matnr.validWarn" />,
- <NumberField key="flagCheck" source="flagCheck" label="table.field.matnr.flagCheck" />,
- <ReferenceField key="updateBy" source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
- <TextField source="nickname" />
- </ReferenceField>,
- <DateField key="updateTime" source="updateTime" label="common.field.updateTime" showTime />,
- <ReferenceField key="createBy" source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>
- <TextField source="nickname" />
- </ReferenceField>,
- <DateField key="createTime" source="createTime" label="common.field.createTime" showTime />,
- <BooleanField key="statusBool" source="statusBool" label="common.field.status" sortable={false} />,
- <TextField key="memo" source="memo" label="common.field.memo" sortable={false} />,
- <WrapperField key="opt" cellClassName="opt" label="common.field.opt">
- <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
- <EnableButton />
- </WrapperField>
- ];
return (
<Box sx={{ position: 'relative', minHeight: "60vh", }}>
@@ -231,17 +242,27 @@
/>
)}
- <StyledDatagrid
- preferenceKey='matnr'
- bulkActionButtons={<> <BatchButton /><BulkDeleteButton mutationMode={OPERATE_MODE} /></>}
- rowClick={(id, resource, record) => false}
- omit={['id', 'shipperId', 'platCode', 'spec', 'model', 'weight', 'color', 'describle'
- , 'nromNum', 'unit', 'purchaseUnit', 'stockUnit', 'stockLeval', 'isLabelMange', 'safeQty'
- , 'minQty', 'maxQty', 'stagn', 'valid', 'validWarn', 'flagCheck', 'updateTime', 'updateBy'
- , 'createTime', 'createBy', 'memo', 'rglarId', 'groupId', 'stockLevel', 'isLabelMange']}
- >
- {columns.map((column) => column)}
- </StyledDatagrid>
+ {columns.length > 0 &&
+ <StyledDatagrid
+ preferenceKey='matnr'
+ bulkActionButtons={<>
+ <BatchGroupButton />
+ <BatchWarnButton />
+ <BatchFlagButton />
+ <BatchStatusButton />
+ <BatchLevelButton />
+ <BindButton />
+ <BatchPrintButton />
+ <BulkDeleteButton mutationMode={OPERATE_MODE} />
+ </>}
+ rowClick={(id, resource, record) => false}
+ omit={['id', 'shipperId', 'platCode', 'model', 'weight', 'color', 'describle'
+ , 'nromNum', 'unit', 'purchaseUnit', 'stockUnit', 'isLabelMange', 'safeQty'
+ , 'minQty', 'maxQty', 'stagn', 'valid', 'validWarn', 'flagCheck', 'updateTime', 'updateBy'
+ , 'createTime', 'createBy', 'memo', 'rglarId', 'groupId','statusBool', 'stockLeval$']}
+ >
+ {columns.map((column) => column)}
+ </StyledDatagrid>}
</Box>
);
}
@@ -249,7 +270,6 @@
const MatnrList = () => {
const translate = useTranslate();
-
const [createDialog, setCreateDialog] = useState(false);
const [drawerVal, setDrawerVal] = useState(false);
const notify = useNotify();
@@ -327,7 +347,7 @@
)
}
-const BatchButton = () => {
+const BatchStatusButton = () => {
const record = useRecordContext();
const notify = useNotify();
const refresh = useRefresh();
@@ -337,13 +357,176 @@
return (
<>
- <Button onClick={() => setCreateDialog(true)} label={"toolbar.batch"}>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.batchStatus"}>
<EditIcon />
</Button>
<BatchModal
open={createDialog}
setOpen={setCreateDialog}
+ fieldType={'status'}
+ />
+ </>
+
+ )
+}
+const BatchLevelButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.batchStockLevel"}>
+ <EditIcon />
+ </Button>
+
+ <BatchModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ fieldType={'stockLevel'}
+ />
+ </>
+
+ )
+}
+
+const BatchWarnButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.batchValidWarn"}>
+ <EditIcon />
+ </Button>
+
+ <BatchModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ fieldType={'validWarn'}
+ />
+ </>
+
+ )
+}
+
+const BatchFlagButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.batchFlagCheck"}>
+ <EditIcon />
+ </Button>
+
+ <BatchModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ fieldType={'flagCheck'}
+ />
+ </>
+
+ )
+}
+
+const BatchGroupButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.batchMatnrGropu"}>
+ <EditIcon />
+ </Button>
+
+ <BatchGropuModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ />
+ </>
+
+ )
+}
+
+const BatchPrintButton = () => {
+ const record = useRecordContext();
+ const { resource, selectedIds } = useListContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button color="secondary" onClick={() => setCreateDialog(true)} label={"toolbar.print"}>
+ <PrintIcon />
+ </Button>
+
+ <PrintModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ rows={selectedIds}
+ />
+ </>
+ )
+}
+
+const PrintButton = () => {
+ const record = useRecordContext();
+
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button color="secondary" onClick={() => setCreateDialog(true)} label={"toolbar.print"}>
+ <PrintIcon />
+ </Button>
+
+ <PrintModal
+ open={createDialog}
+ setOpen={setCreateDialog}
+ rows={[record.id]}
+ />
+ </>
+ )
+}
+
+const BindButton = () => {
+ const record = useRecordContext();
+ const notify = useNotify();
+ const refresh = useRefresh();
+
+
+ const [createDialog, setCreateDialog] = useState(false);
+
+ return (
+ <>
+ <Button onClick={() => setCreateDialog(true)} label={"toolbar.bindloc"}>
+ <LinkIcon />
+ </Button>
+
+ <BindModal
+ open={createDialog}
+ setOpen={setCreateDialog}
/>
</>
--
Gitblit v1.9.1