From db475501a4073d48f2fd804ca6428b0f86fe6332 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期四, 08 五月 2025 18:14:59 +0800
Subject: [PATCH] 动态字段显示问题修复
---
rsf-admin/src/page/warehouseAreasItem/WarehouseAreasItemList.jsx | 118 +++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 82 insertions(+), 36 deletions(-)
diff --git a/rsf-admin/src/page/warehouseAreasItem/WarehouseAreasItemList.jsx b/rsf-admin/src/page/warehouseAreasItem/WarehouseAreasItemList.jsx
index 214c32b..911e62c 100644
--- a/rsf-admin/src/page/warehouseAreasItem/WarehouseAreasItemList.jsx
+++ b/rsf-admin/src/page/warehouseAreasItem/WarehouseAreasItemList.jsx
@@ -29,14 +29,16 @@
NumberInput,
ReferenceInput,
ReferenceArrayInput,
+ useRefresh,
AutocompleteInput,
DeleteButton,
} from 'react-admin';
-import { Box, Typography, Card, Stack } from '@mui/material';
+import { Box, Typography, Card, Stack, LinearProgress } from '@mui/material';
import { styled } from '@mui/material/styles';
import WarehouseAreasItemCreate from "./WarehouseAreasItemCreate";
import WarehouseAreasItemPanel from "./WarehouseAreasItemPanel";
import EmptyData from "../components/EmptyData";
+import request from '@/utils/request';
import MyCreateButton from "../components/MyCreateButton";
import MyExportButton from '../components/MyExportButton';
import PageDrawer from "../components/PageDrawer";
@@ -123,41 +125,7 @@
)}
perPage={DEFAULT_PAGE_SIZE}
>
- <StyledDatagrid
- preferenceKey='warehouseAreasItem'
- bulkActionButtons={false}
- rowClick={(id, resource, record) => false}
- omit={['id', 'createTime', 'memo', 'areaId', 'brand', 'createBy$', 'weight', 'matnrId', 'batch', 'shipperId', 'splrId']}
- >
- <NumberField source="id" />
- <TextField source="asnCode" label="table.field.warehouseAreasItem.asnCode" />
- <NumberField source="areaId" label="table.field.warehouseAreasItem.areaId" />
- <TextField source="areaName" label="table.field.warehouseAreasItem.areaName" />
- <NumberField source="matnrId" label="table.field.warehouseAreasItem.matnrId" />
- <TextField source="maktx" label="table.field.warehouseAreasItem.matnrName" />
- <TextField source="matnrCode" label="table.field.warehouseAreasItem.matnrCode" />
- <TextField source="trackCode" label="table.field.warehouseAreasItem.barcode" />
- <NumberField source="anfme" label="table.field.warehouseAreasItem.anfme" />
- <NumberField source="workQty" label="table.field.warehouseAreasItem.workQty" />
- <NumberField source="qty" label="table.field.warehouseAreasItem.qty" />
- <TextField source="splrBatch" label="table.field.warehouseAreasItem.splrBtch" />
- <TextField source="batch" label="table.field.warehouseAreasItem.batch" />
- <TextField source="unit" label="table.field.warehouseAreasItem.unit" />
- <TextField source="stockUnit" label="table.field.warehouseAreasItem.stockUnit" />
- <TextField source="brand" label="table.field.warehouseAreasItem.brand" />
- <TextField source="shipperId" label="table.field.warehouseAreasItem.shipperId" />
- <TextField source="splrId" label="table.field.warehouseAreasItem.splrId" />
- <TextField source="isptResult$" label="table.field.warehouseAreasItem.isptResult" sortable={false} />
- <NumberField source="weight" label="table.field.warehouseAreasItem.weight" />
- <TextField source="prodTime" label="table.field.warehouseAreasItem.prodTime" />
- <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>
+ <DynamicFields />
</List>
<WarehouseAreasItemCreate
open={createDialog}
@@ -174,3 +142,81 @@
}
export default WarehouseAreasItemList;
+
+
+const DynamicFields = (props) => {
+ const translate = useTranslate();
+ const notify = useNotify();
+ const [columns, setColumns] = useState([]);
+ const { isLoading } = useListContext();
+ const refresh = useRefresh();
+ useEffect(() => {
+ getDynamicFields();
+ }, []);
+
+ const getDynamicFields = async () => {
+ const { data: { code, data, msg }, } = await request.get("/fields/enable/list");
+ if (code == 200) {
+ const arr = [
+ <NumberField source="id" />,
+ <TextField source="asnCode" label="table.field.warehouseAreasItem.asnCode" />,
+ <NumberField source="areaId" label="table.field.warehouseAreasItem.areaId" />,
+ <TextField source="areaName" label="table.field.warehouseAreasItem.areaName" />,
+ <NumberField source="matnrId" label="table.field.warehouseAreasItem.matnrId" />,
+ <TextField source="maktx" label="table.field.warehouseAreasItem.matnrName" />,
+ <TextField source="matnrCode" label="table.field.warehouseAreasItem.matnrCode" />,
+ <TextField source="trackCode" label="table.field.warehouseAreasItem.barcode" />,
+ <NumberField source="anfme" label="table.field.warehouseAreasItem.anfme" />,
+ <NumberField source="workQty" label="table.field.warehouseAreasItem.workQty" />,
+ <NumberField source="qty" label="table.field.warehouseAreasItem.qty" />,
+ <TextField source="splrBatch" label="table.field.warehouseAreasItem.splrBtch" />,
+ <TextField source="batch" label="table.field.warehouseAreasItem.batch" />,
+ <TextField source="unit" label="table.field.warehouseAreasItem.unit" />,
+ <TextField source="stockUnit" label="table.field.warehouseAreasItem.stockUnit" />,
+ <TextField source="brand" label="table.field.warehouseAreasItem.brand" />,
+ <TextField source="shipperId" label="table.field.warehouseAreasItem.shipperId" />,
+ <TextField source="splrId" label="table.field.warehouseAreasItem.splrId" />,
+ <TextField source="isptResult$" label="table.field.warehouseAreasItem.isptResult" sortable={false} />,
+ <NumberField source="weight" label="table.field.warehouseAreasItem.weight" />,
+ <TextField source="prodTime" label="table.field.warehouseAreasItem.prodTime" />,
+ ]
+ const fields = data.map(el => <TextField key={el.fields} source={`extendFields.[${el.fields}]`} label={el.fieldsAlise} />)
+ const lastArr = [
+ <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} />,
+ ]
+ setColumns([...arr, ...fields, ...lastArr]);
+ } else {
+ notify(msg);
+ }
+ }
+
+ return (
+ <Box sx={{ position: 'relative', minHeight: "60vh", }}>
+ {isLoading && (
+ <LinearProgress
+ sx={{
+ height: "2px",
+ position: 'absolute',
+ top: 0,
+ left: 0,
+ right: 0,
+ }}
+ />
+ )}
+ {columns.length > 0 &&
+ <StyledDatagrid
+ preferenceKey='warehouseAreasItem'
+ bulkActionButtons={false}
+ rowClick={(id, resource, record) => false}
+ omit={['id', 'createTime', 'memo', 'areaId', 'brand', 'createBy$', 'weight', 'matnrId', 'batch', 'shipperId', 'splrId']}
+ >
+ {columns.map((column) => column)}
+ </StyledDatagrid>}
+ </Box>
+ )
+}
--
Gitblit v1.9.1