From 9adf42677de00fbee0655b156c10ef12aff84333 Mon Sep 17 00:00:00 2001
From: verou <857149855@qq.com>
Date: 星期四, 20 三月 2025 14:06:48 +0800
Subject: [PATCH] fix:删除table panel

---
 rsf-admin/src/page/basicInfo/locArea/LocAreaEdit.jsx       |  116 ++++++++
 rsf-admin/src/page/basicInfo/warehouse/WarehouseList.jsx   |    2 
 rsf-admin/src/page/basicInfo/locArea/LocAreaList.jsx       |  162 +++++++++++
 rsf-admin/src/page/container/ContainerList.jsx             |    2 
 rsf-admin/vite.config.js                                   |    2 
 rsf-admin/src/page/contract/ContractList.jsx               |    2 
 rsf-admin/src/page/basicInfo/companys/CompanysList.jsx     |    2 
 rsf-admin/src/page/basicInfo/locArea/index.jsx             |   18 +
 rsf-admin/src/page/basicInfo/matnrGroup/MatnrGroupList.jsx |   11 
 rsf-admin/src/page/basicInfo/locType/LocTypeList.jsx       |    2 
 rsf-admin/src/page/basicInfo/matnr/MatnrCreate.jsx         |   34 ++
 rsf-admin/src/page/basicInfo/locArea/LocAreaPanel.jsx      |   75 +++++
 rsf-admin/src/page/basicInfo/loc/LocList.jsx               |   10 
 rsf-admin/src/page/basicInfo/matnr/MatnrEdit.jsx           |   61 +++-
 rsf-admin/src/page/basicInfo/loc/LocCreate.jsx             |    8 
 rsf-admin/src/page/warehouseAreas/WarehouseAreasCreate.jsx |   12 
 rsf-admin/src/page/warehouseAreas/WarehouseAreasList.jsx   |    3 
 rsf-admin/src/page/basicInfo/locArea/LocAreaCreate.jsx     |  143 ++++++++++
 rsf-admin/src/page/warehouseAreas/WarehouseAreasEdit.jsx   |   13 
 rsf-admin/src/i18n/zh.js                                   |    7 
 rsf-admin/src/page/basicInfo/loc/LocEdit.jsx               |    6 
 rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx           |  130 +++++----
 rsf-admin/src/i18n/en.js                                   |    8 
 rsf-admin/src/page/ResourceContent.js                      |    4 
 24 files changed, 727 insertions(+), 106 deletions(-)

diff --git a/rsf-admin/src/i18n/en.js b/rsf-admin/src/i18n/en.js
index 45dbed4..8130e2f 100644
--- a/rsf-admin/src/i18n/en.js
+++ b/rsf-admin/src/i18n/en.js
@@ -147,7 +147,6 @@
         endBay: "endBay",
         endLev: "endLev",
         endRow: "endRow",
-        locType: "locType",
         startBay: "startBay",
         startLev: "startLev",
         startRow: "startRow",
@@ -305,6 +304,7 @@
             warehouseAreas: {
                 uuid: "uuid",
                 name: "name",
+                wareId: "ware",
                 code: "code",
                 shipperId: "shipperId",
                 supplierId: "supplierId",
@@ -360,6 +360,12 @@
                 name: "name",
                 regex: "regex",
             },
+            locArea: {
+                name: "name",
+                code: "code",
+                areaId: "areaId",
+                locId: "locId",
+            },
             container: {
                 code: "Code",
                 name: "Name",
diff --git a/rsf-admin/src/i18n/zh.js b/rsf-admin/src/i18n/zh.js
index 5ad1a88..7008ad7 100644
--- a/rsf-admin/src/i18n/zh.js
+++ b/rsf-admin/src/i18n/zh.js
@@ -298,6 +298,7 @@
             warehouseAreas: {
                 uuid: "鍞竴缂栫爜",
                 name: "鍚嶇О",
+                wareId: "浠撳簱",
                 code: "缂栫爜",
                 shipperId: "璐т富",
                 supplierId: "渚涘簲鍟�",
@@ -359,6 +360,12 @@
                 name: "搴撲綅绫诲瀷",
                 regex: "瑙勫垯琛ㄨ揪寮�",
             },
+            locArea: {
+                name: "鍚嶇О",
+                code: "缂栫爜",
+                areaId: "搴撳尯",
+                locId: "搴撲綅",
+            },
             container: {
                 code: "缂栫爜",
                 name: "鍚嶇О",
diff --git a/rsf-admin/src/page/ResourceContent.js b/rsf-admin/src/page/ResourceContent.js
index 45aa3f1..b5b46b3 100644
--- a/rsf-admin/src/page/ResourceContent.js
+++ b/rsf-admin/src/page/ResourceContent.js
@@ -26,6 +26,7 @@
 import dictData from './system/dicts/dictData';
 import companys from './basicInfo/companys';
 import locType from './basicInfo/locType';
+import locArea from './basicInfo//locArea';
 import serialRuleItem from './system/serialRuleItem';
 import serialRule from './system/serialRule';
 import whMat from './basicInfo/whMat';
@@ -103,6 +104,9 @@
             return fieldsItem;
         case 'locType':
             return locType;
+        case 'locArea':
+            return locArea;
+
         default:
             return {
                 list: ListGuesser,
diff --git a/rsf-admin/src/page/basicInfo/companys/CompanysList.jsx b/rsf-admin/src/page/basicInfo/companys/CompanysList.jsx
index ce74af0..92de173 100644
--- a/rsf-admin/src/page/basicInfo/companys/CompanysList.jsx
+++ b/rsf-admin/src/page/basicInfo/companys/CompanysList.jsx
@@ -121,8 +121,6 @@
                     preferenceKey='companys'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <CompanysPanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
diff --git a/rsf-admin/src/page/basicInfo/loc/LocCreate.jsx b/rsf-admin/src/page/basicInfo/loc/LocCreate.jsx
index 092d9cf..00e9108 100644
--- a/rsf-admin/src/page/basicInfo/loc/LocCreate.jsx
+++ b/rsf-admin/src/page/basicInfo/loc/LocCreate.jsx
@@ -31,6 +31,7 @@
 import DialogCloseButton from "../../components/DialogCloseButton";
 import StatusSelectInput from "../../components/StatusSelectInput";
 import MemoInput from "../../components/MemoInput";
+import request from '@/utils/request';
 
 const LocCreate = (props) => {
     const { open, setOpen } = props;
@@ -38,7 +39,6 @@
 
     const translate = useTranslate();
     const notify = useNotify();
-
     const handleClose = (event, reason) => {
         if (reason !== "backdropClick") {
             setOpen(false);
@@ -53,6 +53,9 @@
     const handleError = async (error) => {
         notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } });
     };
+
+
+
 
     return (
         <>
@@ -256,6 +259,9 @@
                                     />
                                 </Grid> */}
 
+
+
+
                                 <Grid item xs={6} display="flex" gap={1}>
                                     <StatusSelectInput />
                                 </Grid>
diff --git a/rsf-admin/src/page/basicInfo/loc/LocEdit.jsx b/rsf-admin/src/page/basicInfo/loc/LocEdit.jsx
index f4f7f61..1505a82 100644
--- a/rsf-admin/src/page/basicInfo/loc/LocEdit.jsx
+++ b/rsf-admin/src/page/basicInfo/loc/LocEdit.jsx
@@ -20,6 +20,7 @@
     required,
     useRecordContext,
     DeleteButton,
+    useNotify,
 } from 'react-admin';
 import { useWatch, useFormContext } from "react-hook-form";
 import { Stack, Grid, Box, Typography } from '@mui/material';
@@ -29,6 +30,7 @@
 import CustomerTopToolBar from "../../components/EditTopToolBar";
 import MemoInput from "../../components/MemoInput";
 import StatusSelectInput from "../../components/StatusSelectInput";
+import request from '@/utils/request';
 
 const FormToolbar = () => {
     const { getValues } = useFormContext();
@@ -44,6 +46,8 @@
 const LocEdit = () => {
     const translate = useTranslate();
     const dicts = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_loc_type')) || [];
+
+
     return (
         <Edit
             redirect="list"
@@ -162,6 +166,8 @@
                                     validate={required()}
                                 />
                             </Grid>
+
+
                         </Grid>
                     </Grid>
                     <Grid item xs={12} md={2}>
diff --git a/rsf-admin/src/page/basicInfo/loc/LocList.jsx b/rsf-admin/src/page/basicInfo/loc/LocList.jsx
index 02de0c2..e369620 100644
--- a/rsf-admin/src/page/basicInfo/loc/LocList.jsx
+++ b/rsf-admin/src/page/basicInfo/loc/LocList.jsx
@@ -104,14 +104,13 @@
 
 const LocList = () => {
     const translate = useTranslate();
+    const notify = useNotify();
+    const refresh = useRefresh();
 
     const [createDialog, setCreateDialog] = useState(false);
     const [drawerVal, setDrawerVal] = useState(false);
 
-    const dynamicFields = [
-        { type: 'text', source: 'code', label: '娴嬭瘯1' },
-        { type: 'text', source: 'type$', label: '娴嬭瘯2' },
-    ];
+
     return (
         <Box display="flex">
             <List
@@ -147,7 +146,6 @@
                         </>
                     }
                     rowClick={() => false}
-                    expand={() => <LocPanel />}
                     omit={['id', 'createTime', 'createBy', 'memo', 'updateTime', 'updateBy']}
                 >
                     <NumberField source="id" />
@@ -182,8 +180,6 @@
                     <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} />
-
-                    {/* <DynamicField fields={dynamicFields} /> */}
 
                     <WrapperField cellClassName="opt" label="common.field.opt">
                         <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
diff --git a/rsf-admin/src/page/basicInfo/locArea/LocAreaCreate.jsx b/rsf-admin/src/page/basicInfo/locArea/LocAreaCreate.jsx
new file mode 100644
index 0000000..98c6dc2
--- /dev/null
+++ b/rsf-admin/src/page/basicInfo/locArea/LocAreaCreate.jsx
@@ -0,0 +1,143 @@
+import React, { useState, useRef, useEffect, useMemo } from "react";
+import {
+    CreateBase,
+    useTranslate,
+    TextInput,
+    NumberInput,
+    BooleanInput,
+    DateInput,
+    SaveButton,
+    SelectInput,
+    ReferenceInput,
+    ReferenceArrayInput,
+    AutocompleteInput,
+    Toolbar,
+    required,
+    useDataProvider,
+    useNotify,
+    Form,
+    useCreateController,
+} from 'react-admin';
+import {
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    Stack,
+    Grid,
+    Box,
+} from '@mui/material';
+import DialogCloseButton from "../../components/DialogCloseButton";
+import StatusSelectInput from "../../components/StatusSelectInput";
+import MemoInput from "../../components/MemoInput";
+
+const LocAreaCreate = (props) => {
+    const { open, setOpen } = props;
+
+    const translate = useTranslate();
+    const notify = useNotify();
+
+    const handleClose = (event, reason) => {
+        if (reason !== "backdropClick") {
+            setOpen(false);
+        }
+    };
+
+    const handleSuccess = async (data) => {
+        setOpen(false);
+        notify('common.response.success');
+    };
+
+    const handleError = async (error) => {
+        notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } });
+    };
+
+    return (
+        <>
+            <CreateBase
+                record={{}}
+                transform={(data) => {
+                    return data;
+                }}
+                mutationOptions={{ onSuccess: handleSuccess, onError: handleError }}
+            >
+                <Dialog
+                    open={open}
+                    onClose={handleClose}
+                    aria-labelledby="form-dialog-title"
+                    fullWidth
+                    disableRestoreFocus
+                    maxWidth="md"   // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+                >
+                    <Form>
+                        <DialogTitle id="form-dialog-title" sx={{
+                            position: 'sticky',
+                            top: 0,
+                            backgroundColor: 'background.paper',
+                            zIndex: 1000
+                        }}
+                        >
+                            {translate('create.title')}
+                            <Box sx={{ position: 'absolute', top: 8, right: 8, zIndex: 1001 }}>
+                                <DialogCloseButton onClose={handleClose} />
+                            </Box>
+                        </DialogTitle>
+                        <DialogContent sx={{ mt: 2 }}>
+                            <Grid container rowSpacing={2} columnSpacing={2}>
+                                <Grid item xs={6} display="flex" gap={1}>
+                                    <TextInput
+                                        label="table.field.locArea.name"
+                                        source="name"
+                                        parse={v => v}
+                                        autoFocus
+                                    />
+                                </Grid>
+                                <Grid item xs={6} display="flex" gap={1}>
+                                    <TextInput
+                                        label="table.field.locArea.code"
+                                        source="code"
+                                        parse={v => v}
+                                    />
+                                </Grid>
+                                <Grid item xs={6} display="flex" gap={1}>
+                                    <NumberInput
+                                        label="table.field.locArea.areaId"
+                                        source="areaId"
+                                    />
+                                </Grid>
+                                <Grid item xs={6} display="flex" gap={1}>
+                                    <ReferenceInput
+                                        source="locId"
+                                        reference="loc"
+                                    >
+                                        <AutocompleteInput
+                                            label="table.field.locArea.locId"
+                                            optionText="warehouseId"
+                                            filterToQuery={(val) => ({ warehouseId: val })}
+                                        />
+                                    </ReferenceInput>
+                                </Grid>
+
+                                <Grid item xs={6} display="flex" gap={1}>
+                                    <StatusSelectInput />
+                                </Grid>
+                                <Grid item xs={12} display="flex" gap={1}>
+                                    <Stack direction="column" spacing={1} width={'100%'}>
+                                        <MemoInput />
+                                    </Stack>
+                                </Grid>
+                            </Grid>
+                        </DialogContent>
+                        <DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>
+                            <Toolbar sx={{ width: '100%', justifyContent: 'space-between' }}  >
+                                <SaveButton />
+                            </Toolbar>
+                        </DialogActions>
+                    </Form>
+                </Dialog>
+            </CreateBase>
+        </>
+    )
+}
+
+export default LocAreaCreate;
diff --git a/rsf-admin/src/page/basicInfo/locArea/LocAreaEdit.jsx b/rsf-admin/src/page/basicInfo/locArea/LocAreaEdit.jsx
new file mode 100644
index 0000000..d1bef1a
--- /dev/null
+++ b/rsf-admin/src/page/basicInfo/locArea/LocAreaEdit.jsx
@@ -0,0 +1,116 @@
+import React, { useState, useRef, useEffect, useMemo } from "react";
+import {
+    Edit,
+    SimpleForm,
+    FormDataConsumer,
+    useTranslate,
+    TextInput,
+    NumberInput,
+    BooleanInput,
+    DateInput,
+    SelectInput,
+    ReferenceInput,
+    ReferenceArrayInput,
+    AutocompleteInput,
+    SaveButton,
+    Toolbar,
+    Labeled,
+    NumberField,
+    required,
+    useRecordContext,
+    DeleteButton,
+} from 'react-admin';
+import { useWatch, useFormContext } from "react-hook-form";
+import { Stack, Grid, Box, Typography } from '@mui/material';
+import * as Common from '@/utils/common';
+import { EDIT_MODE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting';
+import EditBaseAside from "../../components/EditBaseAside";
+import CustomerTopToolBar from "../../components/EditTopToolBar";
+import MemoInput from "../../components/MemoInput";
+import StatusSelectInput from "../../components/StatusSelectInput";
+
+const FormToolbar = () => {
+    const { getValues } = useFormContext();
+
+    return (
+        <Toolbar sx={{ justifyContent: 'space-between' }}>
+            <SaveButton />
+            <DeleteButton mutationMode="optimistic" />
+        </Toolbar>
+    )
+}
+
+const LocAreaEdit = () => {
+    const translate = useTranslate();
+
+    return (
+        <Edit
+            redirect="list"
+            mutationMode={EDIT_MODE}
+            actions={<CustomerTopToolBar />}
+            aside={<EditBaseAside />}
+        >
+            <SimpleForm
+                shouldUnregister
+                warnWhenUnsavedChanges
+                toolbar={<FormToolbar />}
+                mode="onTouched"
+                defaultValues={{}}
+            // validate={(values) => { }}
+            >
+                <Grid container width={{ xs: '100%', xl: '80%' }} rowSpacing={3} columnSpacing={3}>
+                    <Grid item xs={12} md={8}>
+                        <Typography variant="h6" gutterBottom>
+                            {translate('common.edit.title.main')}
+                        </Typography>
+                        <Stack direction='row' gap={2}>
+                            <TextInput
+                                label="table.field.locArea.name"
+                                source="name"
+                                parse={v => v}
+                                autoFocus
+                            />
+                        </Stack>
+                        <Stack direction='row' gap={2}>
+                            <TextInput
+                                label="table.field.locArea.code"
+                                source="code"
+                                parse={v => v}
+                            />
+                        </Stack>
+                        <Stack direction='row' gap={2}>
+                            <NumberInput
+                                label="table.field.locArea.areaId"
+                                source="areaId"
+                            />
+                        </Stack>
+                        <Stack direction='row' gap={2}>
+                            <ReferenceInput
+                                source="locId"
+                                reference="loc"
+                                perPage={REFERENCE_INPUT_PAGESIZE}
+                            >
+                                <AutocompleteInput
+                                    label="table.field.locArea.locId"
+                                    optionText="warehouseId"
+                                    filterToQuery={(val) => ({ warehouseId: val })}
+                                />
+                            </ReferenceInput>
+                        </Stack>
+
+                    </Grid>
+                    <Grid item xs={12} md={4}>
+                        <Typography variant="h6" gutterBottom>
+                            {translate('common.edit.title.common')}
+                        </Typography>
+                        <StatusSelectInput />
+                        <Box mt="2em" />
+                        <MemoInput />
+                    </Grid>
+                </Grid>
+            </SimpleForm>
+        </Edit >
+    )
+}
+
+export default LocAreaEdit;
diff --git a/rsf-admin/src/page/basicInfo/locArea/LocAreaList.jsx b/rsf-admin/src/page/basicInfo/locArea/LocAreaList.jsx
new file mode 100644
index 0000000..d249f05
--- /dev/null
+++ b/rsf-admin/src/page/basicInfo/locArea/LocAreaList.jsx
@@ -0,0 +1,162 @@
+import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import { useNavigate } from 'react-router-dom';
+import {
+    List,
+    DatagridConfigurable,
+    SearchInput,
+    TopToolbar,
+    SelectColumnsButton,
+    EditButton,
+    FilterButton,
+    CreateButton,
+    ExportButton,
+    BulkDeleteButton,
+    WrapperField,
+    useRecordContext,
+    useTranslate,
+    useNotify,
+    useListContext,
+    FunctionField,
+    TextField,
+    NumberField,
+    DateField,
+    BooleanField,
+    ReferenceField,
+    TextInput,
+    DateTimeInput,
+    DateInput,
+    SelectInput,
+    NumberInput,
+    ReferenceInput,
+    ReferenceArrayInput,
+    AutocompleteInput,
+    DeleteButton,
+} from 'react-admin';
+import { Box, Typography, Card, Stack } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import LocAreaCreate from "./LocAreaCreate";
+import LocAreaPanel from "./LocAreaPanel";
+import EmptyData from "../../components/EmptyData";
+import MyCreateButton from "../../components/MyCreateButton";
+import MyExportButton from '../../components/MyExportButton';
+import PageDrawer from "../../components/PageDrawer";
+import MyField from "../../components/MyField";
+import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
+import * as Common from '@/utils/common';
+
+const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
+    '& .css-1vooibu-MuiSvgIcon-root': {
+        height: '.9em'
+    },
+    '& .RaDatagrid-row': {
+        cursor: 'auto'
+    },
+    '& .column-name': {
+    },
+    '& .opt': {
+        width: 200
+    },
+}));
+
+const filters = [
+    <SearchInput source="condition" alwaysOn />,
+    <DateInput label='common.time.after' source="timeStart" alwaysOn />,
+    <DateInput label='common.time.before' source="timeEnd" alwaysOn />,
+
+    <TextInput source="name" label="table.field.locArea.name" />,
+    <TextInput source="code" label="table.field.locArea.code" />,
+    <NumberInput source="areaId" label="table.field.locArea.areaId" />,
+    <ReferenceInput source="locId" label="table.field.locArea.locId" reference="loc">
+        <AutocompleteInput label="table.field.locArea.locId" optionText="warehouseId" filterToQuery={(val) => ({ warehouseId: val })} />
+    </ReferenceInput>,
+
+    <TextInput label="common.field.memo" source="memo" />,
+    <SelectInput
+        label="common.field.status"
+        source="status"
+        choices={[
+            { id: '1', name: 'common.enums.statusTrue' },
+            { id: '0', name: 'common.enums.statusFalse' },
+        ]}
+        resettable
+    />,
+]
+
+const LocAreaList = () => {
+    const translate = useTranslate();
+
+    const [createDialog, setCreateDialog] = useState(false);
+    const [drawerVal, setDrawerVal] = useState(false);
+
+    return (
+        <Box display="flex">
+            <List
+                sx={{
+                    flexGrow: 1,
+                    transition: (theme) =>
+                        theme.transitions.create(['all'], {
+                            duration: theme.transitions.duration.enteringScreen,
+                        }),
+                    marginRight: drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0,
+                }}
+                title={"menu.locArea"}
+                empty={<EmptyData onClick={() => { setCreateDialog(true) }} />}
+                filters={filters}
+                sort={{ field: "create_time", order: "desc" }}
+                actions={(
+                    <TopToolbar>
+                        <FilterButton />
+                        <MyCreateButton onClick={() => { setCreateDialog(true) }} />
+                        <SelectColumnsButton preferenceKey='locArea' />
+                        <MyExportButton />
+                    </TopToolbar>
+                )}
+                perPage={DEFAULT_PAGE_SIZE}
+            >
+                <StyledDatagrid
+                    preferenceKey='locArea'
+                    bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
+                    rowClick={(id, resource, record) => false}
+                    expand={() => <LocAreaPanel />}
+                    expandSingle={true}
+                    omit={['id', 'createTime', 'createBy', 'memo']}
+                >
+                    <NumberField source="id" />
+                    <TextField source="name" label="table.field.locArea.name" />
+                    <TextField source="code" label="table.field.locArea.code" />
+                    <NumberField source="areaId" label="table.field.locArea.areaId" />
+                    <ReferenceField source="locId" label="table.field.locArea.locId" reference="loc" link={false} sortable={false}>
+                        <TextField source="warehouseId" />
+                    </ReferenceField>
+
+                    <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
+                        <TextField source="nickname" />
+                    </ReferenceField>
+                    <DateField source="updateTime" label="common.field.updateTime" showTime />
+                    <ReferenceField source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>
+                        <TextField source="nickname" />
+                    </ReferenceField>
+                    <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">
+                        <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
+                        <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} />
+                    </WrapperField>
+                </StyledDatagrid>
+            </List>
+            <LocAreaCreate
+                open={createDialog}
+                setOpen={setCreateDialog}
+            />
+            <PageDrawer
+                title='LocArea Detail'
+                drawerVal={drawerVal}
+                setDrawerVal={setDrawerVal}
+            >
+            </PageDrawer>
+        </Box>
+    )
+}
+
+export default LocAreaList;
diff --git a/rsf-admin/src/page/basicInfo/locArea/LocAreaPanel.jsx b/rsf-admin/src/page/basicInfo/locArea/LocAreaPanel.jsx
new file mode 100644
index 0000000..f966290
--- /dev/null
+++ b/rsf-admin/src/page/basicInfo/locArea/LocAreaPanel.jsx
@@ -0,0 +1,75 @@
+import React, { useState, useRef, useEffect, useMemo } from "react";
+import { Box, Card, CardContent, Grid, Typography, Tooltip } from '@mui/material';
+import {
+    useTranslate,
+    useRecordContext,
+} from 'react-admin';
+import PanelTypography from "../../components/PanelTypography";
+import * as Common from '@/utils/common'
+
+const LocAreaPanel = () => {
+    const record = useRecordContext();
+    if (!record) return null;
+    const translate = useTranslate();
+    return (
+        <>
+            <Card sx={{ width: { xs: 300, sm: 500, md: 600, lg: 800 }, margin: 'auto' }}>
+                <CardContent>
+                    <Grid container spacing={2}>
+                        <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}>
+                            <Typography variant="h6" gutterBottom align="left" sx={{
+                                maxWidth: { xs: '100px', sm: '180px', md: '260px', lg: '360px' },
+                                whiteSpace: 'nowrap',
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                            }}>
+                                {Common.camelToPascalWithSpaces(translate('table.field.locArea.name'))}: {record.name}
+                            </Typography>
+                            {/*  inherit, primary, secondary, textPrimary, textSecondary, error */}
+                            <Typography variant="h6" gutterBottom align="right" >
+                                ID: {record.id}
+                            </Typography>
+                        </Grid>
+                    </Grid>
+                    <Grid container spacing={2}>
+                        <Grid item xs={12} container alignContent="flex-end">
+                            <Typography variant="caption" color="textSecondary" sx={{ wordWrap: 'break-word', wordBreak: 'break-all' }}>
+                                {Common.camelToPascalWithSpaces(translate('common.field.memo'))}:{record.memo}
+                            </Typography>
+                        </Grid>
+                    </Grid>
+                    <Box height={20}>&nbsp;</Box>
+                    <Grid container spacing={2}>
+                        <Grid item xs={6}>
+                            <PanelTypography
+                                title="table.field.locArea.name"
+                                property={record.name}
+                            />
+                        </Grid>
+                        <Grid item xs={6}>
+                            <PanelTypography
+                                title="table.field.locArea.code"
+                                property={record.code}
+                            />
+                        </Grid>
+                        <Grid item xs={6}>
+                            <PanelTypography
+                                title="table.field.locArea.areaId"
+                                property={record.areaId}
+                            />
+                        </Grid>
+                        <Grid item xs={6}>
+                            <PanelTypography
+                                title="table.field.locArea.locId"
+                                property={record.locId$}
+                            />
+                        </Grid>
+
+                    </Grid>
+                </CardContent>
+            </Card >
+        </>
+    );
+};
+
+export default LocAreaPanel;
diff --git a/rsf-admin/src/page/basicInfo/locArea/index.jsx b/rsf-admin/src/page/basicInfo/locArea/index.jsx
new file mode 100644
index 0000000..8ecde8e
--- /dev/null
+++ b/rsf-admin/src/page/basicInfo/locArea/index.jsx
@@ -0,0 +1,18 @@
+import React, { useState, useRef, useEffect, useMemo } from "react";
+import {
+    ListGuesser,
+    EditGuesser,
+    ShowGuesser,
+} from "react-admin";
+
+import LocAreaList from "./LocAreaList";
+import LocAreaEdit from "./LocAreaEdit";
+
+export default {
+    list: LocAreaList,
+    edit: LocAreaEdit,
+    show: ShowGuesser,
+    recordRepresentation: (record) => {
+        return `${record.name}`
+    }
+};
diff --git a/rsf-admin/src/page/basicInfo/locType/LocTypeList.jsx b/rsf-admin/src/page/basicInfo/locType/LocTypeList.jsx
index 5b30be7..7ce506d 100644
--- a/rsf-admin/src/page/basicInfo/locType/LocTypeList.jsx
+++ b/rsf-admin/src/page/basicInfo/locType/LocTypeList.jsx
@@ -111,8 +111,6 @@
                     preferenceKey='locType'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <LocTypePanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
diff --git a/rsf-admin/src/page/basicInfo/matnr/MatnrCreate.jsx b/rsf-admin/src/page/basicInfo/matnr/MatnrCreate.jsx
index dd22896..80240de 100644
--- a/rsf-admin/src/page/basicInfo/matnr/MatnrCreate.jsx
+++ b/rsf-admin/src/page/basicInfo/matnr/MatnrCreate.jsx
@@ -34,7 +34,7 @@
 import StatusSelectInput from "@/page/components/StatusSelectInput";
 import MemoInput from "@/page/components/MemoInput";
 import TreeSelectInput from "@/page/components/TreeSelectInput";
-
+import request from '@/utils/request';
 function CustomTabPanel(props) {
     const { children, value, index, ...other } = props;
 
@@ -69,7 +69,21 @@
     const translate = useTranslate();
     const notify = useNotify();
     const [value, setValue] = React.useState(0);
+    const [dynamicFields, setDynamicFields] = useState([]);
 
+    useEffect(() => {
+        getDynamicFields();
+    }, []);
+    const getDynamicFields = async () => {
+        const {
+            data: { code, data, msg },
+        } = await request.get("/fields/enable/list");
+        if (code === 200) {
+            setDynamicFields(data || [])
+        } else {
+            notify(msg);
+        }
+    };
     const handleChange = (event, newValue) => {
         setValue(newValue);
     };
@@ -268,6 +282,16 @@
                                         />
                                     </Grid>
 
+                                    {dynamicFields.map((item) => {
+                                        return (
+                                            <Grid key={item.id} item xs={6} display="flex" gap={1}>
+                                                <TextInput
+                                                    label={item.fieldsAlise}
+                                                    source={item.fields}
+                                                />
+                                            </Grid>
+                                        )
+                                    })}
 
                                     <Grid item xs={6} display="flex" gap={1}>
                                         <StatusSelectInput />
@@ -333,13 +357,13 @@
                                 <Grid container rowSpacing={2} columnSpacing={2}>
                                     <Grid item xs={6} display="flex" gap={1}>
                                         <ReferenceInput
-                                            source="rglarId"
-                                            reference="batchRegular"
+                                            source="rglar_id"
+                                            reference="serialRule"
                                         >
                                             <AutocompleteInput
                                                 label="table.field.matnr.rglarId"
-                                                optionText="code"
-                                                filterToQuery={(val) => ({ code: val })}
+                                                optionText="name"
+                                                filterToQuery={(val) => ({ name: val })}
                                             />
                                         </ReferenceInput>
                                     </Grid>
diff --git a/rsf-admin/src/page/basicInfo/matnr/MatnrEdit.jsx b/rsf-admin/src/page/basicInfo/matnr/MatnrEdit.jsx
index 4af39ad..96274af 100644
--- a/rsf-admin/src/page/basicInfo/matnr/MatnrEdit.jsx
+++ b/rsf-admin/src/page/basicInfo/matnr/MatnrEdit.jsx
@@ -19,6 +19,7 @@
     required,
     useRecordContext,
     DeleteButton,
+    useNotify,
 } from 'react-admin';
 import PropTypes from 'prop-types';
 import { useWatch, useFormContext } from "react-hook-form";
@@ -30,7 +31,7 @@
 import MemoInput from "@/page/components/MemoInput";
 import StatusSelectInput from "@/page/components/StatusSelectInput";
 import TreeSelectInput from "@/page/components/TreeSelectInput";
-
+import request from '@/utils/request';
 const FormToolbar = () => {
     const { getValues } = useFormContext();
     return (
@@ -73,6 +74,24 @@
 const MatnrEdit = () => {
     const translate = useTranslate();
     const [value, setValue] = React.useState(0);
+
+    const notify = useNotify();
+    const [dynamicFields, setDynamicFields] = useState([]);
+
+    useEffect(() => {
+        getDynamicFields();
+    }, []);
+    const getDynamicFields = async () => {
+        const {
+            data: { code, data, msg },
+        } = await request.get("/fields/enable/list");
+        if (code === 200) {
+            setDynamicFields(data || [])
+
+        } else {
+            notify(msg);
+        }
+    };
     const handleChange = (event, newValue) => {
         setValue(newValue);
     };
@@ -152,19 +171,7 @@
                                         source="groupId"
                                     />
                                 </Grid>
-                                {/* <Grid item xs={6} display="flex" gap={1}>
-                                    <ReferenceInput
-                                        source="rglarId"
-                                        reference="batchRegular"
-                                        perPage={REFERENCE_INPUT_PAGESIZE}
-                                    >
-                                        <AutocompleteInput
-                                            label="table.field.matnr.rglarId"
-                                            optionText="code"
-                                            filterToQuery={(val) => ({ code: val })}
-                                        />
-                                    </ReferenceInput>
-                                </Grid> */}
+
                                 <Grid item xs={6} display="flex" gap={1}>
                                     <TextInput
                                         label="table.field.matnr.platCode"
@@ -257,6 +264,17 @@
                                     />
                                 </Grid>
 
+                                {dynamicFields.map((item) => {
+                                    return (
+                                        <Grid key={item.id} item xs={6} display="flex" gap={1}>
+                                            <TextInput
+                                                label={item.fieldsAlise}
+                                                source={item.fields}
+                                            />
+                                        </Grid>
+                                    )
+                                })}
+
 
 
                             </Grid>
@@ -305,10 +323,17 @@
                         <CustomTabPanel value={value} index={2}>
                             <Grid container rowSpacing={2} columnSpacing={2}>
                                 <Grid item xs={6} display="flex" gap={1}>
-                                    <NumberInput
-                                        label="table.field.matnr.flagCheck"
-                                        source="flagCheck"
-                                    />
+                                    <ReferenceInput
+                                        source="rglar_id"
+                                        reference="serialRule"
+                                        perPage={REFERENCE_INPUT_PAGESIZE}
+                                    >
+                                        <AutocompleteInput
+                                            label="table.field.matnr.rglarId"
+                                            optionText="name"
+                                            filterToQuery={(val) => ({ name: val })}
+                                        />
+                                    </ReferenceInput>
                                 </Grid>
                             </Grid>
                         </CustomTabPanel>
diff --git a/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx b/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
index 08c71d3..72918ab 100644
--- a/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
+++ b/rsf-admin/src/page/basicInfo/matnr/MatnrList.jsx
@@ -48,7 +48,7 @@
 import * as Common from '@/utils/common';
 import ImportButton from "../../components/ImportButton";
 import MatListAside from './MatnrListAside';
-import { display, height } from "@mui/system";
+import { display, height, width } from "@mui/system";
 import DashboardIcon from '@mui/icons-material/Dashboard';
 import EditIcon from '@mui/icons-material/Edit';
 import request from '@/utils/request';
@@ -83,6 +83,9 @@
         textOverflow: 'ellipsis',
         display: 'block',
         width: '100px',
+    },
+    '& .RaDatagrid-table': {
+        width: '100%'
     }
 }));
 
@@ -146,7 +149,73 @@
 
 const MatnrListContent = (props) => {
     const translate = useTranslate();
+    const notify = useNotify();
     const { isLoading } = useListContext();
+    const [dynamicFields, setDynamicFields] = useState([]);
+    const refresh = useRefresh();
+    const { refetch } = useListContext();
+
+    useEffect(() => {
+        getDynamicFields();
+    }, []);
+
+    const getDynamicFields = async () => {
+        try {
+            const {
+                data: { code, data, msg },
+            } = await request.get("/fields/enable/list");
+            if (code === 200) {
+                setDynamicFields(data);
+                refresh();
+            } else {
+                notify(msg);
+            }
+        } catch (error) {
+            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", }}>
@@ -166,75 +235,24 @@
                 preferenceKey='matnr'
                 bulkActionButtons={<> <BatchButton /><BulkDeleteButton mutationMode={OPERATE_MODE} /></>}
                 rowClick={(id, resource, record) => false}
-                expand={() => <MatnrPanel />}
-                expandSingle={true}
-                omit={['id', 'shipperId', 'platCode', 'spec', 'model', 'weight', 'color', 'size', 'describle'
+                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']}
             >
-                <NumberField source="id" />
-
-                <TooltipField source="name" label="table.field.matnr.name" cellClassName="name" />
-                <TextField source="code" label="table.field.matnr.code" />
-                <TextField source="shipperId$" label="table.field.matnr.shipperId" />
-                {/* <ReferenceField source="shipperId" label="table.field.matnr.shipperId" reference="shipper" link={false} sortable={false}>
-                    <TextField source="name" />
-                </ReferenceField> */}
-                <ReferenceField source="groupId" label="table.field.matnr.groupId" reference="matnrGroup" link={false} sortable={false}>
-                    <TextField source="name" />
-                </ReferenceField>
-                {/* <ReferenceField source="rglarId" label="table.field.matnr.rglarId" reference="batchRegular" link={false} sortable={false}>
-                    <TextField source="code" />
-                </ReferenceField> */}
-                <TextField source="platCode" label="table.field.matnr.platCode" />
-                <TextField source="spec" label="table.field.matnr.spec" />
-                <TextField source="model" label="table.field.matnr.model" />
-                <NumberField source="weight" label="table.field.matnr.weight" />
-                <TextField source="color" label="table.field.matnr.color" />
-                <TextField source="size" label="table.field.matnr.size" />
-                <TextField source="describle" label="table.field.matnr.describle" />
-                <NumberField source="nromNum" label="table.field.matnr.nromNum" />
-                <TextField source="unit" label="table.field.matnr.unit" />
-                <TextField source="purchaseUnit" label="table.field.matnr.purUnit" />
-                <TextField source="stockUnit" label="table.field.matnr.stockUnit" />
-                <TextField source="stockLeval$" label="table.field.matnr.stockLevel" sortable={false} />
-                <TextField source="isLabelMange$" label="table.field.matnr.isLabelMange" sortable={false} />
-                <NumberField source="safeQty" label="table.field.matnr.safeQty" />
-                <NumberField source="minQty" label="table.field.matnr.minQty" />
-                <NumberField source="maxQty" label="table.field.matnr.maxQty" />
-                <NumberField source="stagn" label="table.field.matnr.stagn" />
-                <NumberField source="valid" label="table.field.matnr.valid" />
-                <NumberField source="validWarn" label="table.field.matnr.validWarn" />
-                <NumberField source="flagCheck" label="table.field.matnr.flagCheck" />
-
-                <ReferenceField source="updateBy" label="common.field.updateBy" reference="user" link={false} sortable={false}>
-                    <TextField source="nickname" />
-                </ReferenceField>
-                <DateField source="updateTime" label="common.field.updateTime" showTime />
-                <ReferenceField source="createBy" label="common.field.createBy" reference="user" link={false} sortable={false}>
-                    <TextField source="nickname" />
-                </ReferenceField>
-                <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">
-                    <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} />
-                    {/* <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> */}
-                    <EnableButton />
-                </WrapperField>
+                {columns.map((column) => column)}
             </StyledDatagrid>
         </Box>
     );
-
 }
+
 
 const MatnrList = () => {
     const translate = useTranslate();
 
     const [createDialog, setCreateDialog] = useState(false);
     const [drawerVal, setDrawerVal] = useState(false);
-
+    const notify = useNotify();
 
     return (
         <Box display="flex">
diff --git a/rsf-admin/src/page/basicInfo/matnrGroup/MatnrGroupList.jsx b/rsf-admin/src/page/basicInfo/matnrGroup/MatnrGroupList.jsx
index 92c89df..732710c 100644
--- a/rsf-admin/src/page/basicInfo/matnrGroup/MatnrGroupList.jsx
+++ b/rsf-admin/src/page/basicInfo/matnrGroup/MatnrGroupList.jsx
@@ -39,17 +39,18 @@
 const TITLE = 'menu.matnrGroup';
 
 const columns = [
-    {
-        id: 'name',
-        label: 'table.field.matnrGroup.name',
-        minWidth: 200,
-    },
+
     {
         id: 'code',
         label: 'table.field.matnrGroup.code',
         minWidth: 80,
     },
     {
+        id: 'name',
+        label: 'table.field.matnrGroup.name',
+        Width: 100,
+    },
+    {
         id: 'parentId',
         label: 'table.field.matnrGroup.parentId',
         minWidth: 100,
diff --git a/rsf-admin/src/page/basicInfo/warehouse/WarehouseList.jsx b/rsf-admin/src/page/basicInfo/warehouse/WarehouseList.jsx
index 348407c..f026d2f 100644
--- a/rsf-admin/src/page/basicInfo/warehouse/WarehouseList.jsx
+++ b/rsf-admin/src/page/basicInfo/warehouse/WarehouseList.jsx
@@ -118,8 +118,6 @@
                     preferenceKey='warehouse'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <WarehousePanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
diff --git a/rsf-admin/src/page/container/ContainerList.jsx b/rsf-admin/src/page/container/ContainerList.jsx
index b733433..ab55a51 100644
--- a/rsf-admin/src/page/container/ContainerList.jsx
+++ b/rsf-admin/src/page/container/ContainerList.jsx
@@ -134,8 +134,6 @@
                     preferenceKey='container'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <ContainerPanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
diff --git a/rsf-admin/src/page/contract/ContractList.jsx b/rsf-admin/src/page/contract/ContractList.jsx
index ef7a0e3..72b1f82 100644
--- a/rsf-admin/src/page/contract/ContractList.jsx
+++ b/rsf-admin/src/page/contract/ContractList.jsx
@@ -112,8 +112,6 @@
                     preferenceKey='contract'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <ContractPanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
diff --git a/rsf-admin/src/page/warehouseAreas/WarehouseAreasCreate.jsx b/rsf-admin/src/page/warehouseAreas/WarehouseAreasCreate.jsx
index 0c05119..f12d4fd 100644
--- a/rsf-admin/src/page/warehouseAreas/WarehouseAreasCreate.jsx
+++ b/rsf-admin/src/page/warehouseAreas/WarehouseAreasCreate.jsx
@@ -117,6 +117,18 @@
                   />
                 </Grid>
                 <Grid item xs={6} display="flex" gap={1}>
+                  <ReferenceInput
+                    source="wareId"
+                    reference="warehouse"
+                  >
+                    <AutocompleteInput
+                      label="table.field.warehouseAreas.wareId"
+                      optionText="name"
+                      filterToQuery={(val) => ({ name: val })}
+                    />
+                  </ReferenceInput>
+                </Grid>
+                <Grid item xs={6} display="flex" gap={1}>
                   <ReferenceInput source="shipperId" reference="companys" filter={{ type: 'shipper' }}>
                     <AutocompleteInput
                       label="table.field.warehouseAreas.shipperId"
diff --git a/rsf-admin/src/page/warehouseAreas/WarehouseAreasEdit.jsx b/rsf-admin/src/page/warehouseAreas/WarehouseAreasEdit.jsx
index 175500a..f038e90 100644
--- a/rsf-admin/src/page/warehouseAreas/WarehouseAreasEdit.jsx
+++ b/rsf-admin/src/page/warehouseAreas/WarehouseAreasEdit.jsx
@@ -90,9 +90,20 @@
                         </Stack>
                         <Stack direction='row' gap={2}>
                             <ReferenceInput
+                                source="wareId"
+                                reference="warehouse"
+                            >
+                                <AutocompleteInput
+                                    label="table.field.warehouseAreas.wareId"
+                                    optionText="name"
+                                    filterToQuery={(val) => ({ name: val })}
+                                />
+                            </ReferenceInput>
+                        </Stack>
+                        <Stack direction='row' gap={2}>
+                            <ReferenceInput
                                 source="shipperId"
                                 reference="companys"
-                                perPage={REFERENCE_INPUT_PAGESIZE}
                                 filter={{ type: 'shipper' }}
                             >
                                 <AutocompleteInput
diff --git a/rsf-admin/src/page/warehouseAreas/WarehouseAreasList.jsx b/rsf-admin/src/page/warehouseAreas/WarehouseAreasList.jsx
index c3f9c1f..227cb83 100644
--- a/rsf-admin/src/page/warehouseAreas/WarehouseAreasList.jsx
+++ b/rsf-admin/src/page/warehouseAreas/WarehouseAreasList.jsx
@@ -134,8 +134,6 @@
                     preferenceKey='warehouseAreas'
                     bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                     rowClick={(id, resource, record) => false}
-                    expand={() => <WarehouseAreasPanel />}
-                    expandSingle={true}
                     omit={['id', 'createTime', 'createBy', 'memo']}
                 >
                     <NumberField source="id" />
@@ -145,6 +143,7 @@
                     {/* <ReferenceField source="shipperId" label="table.field.warehouseAreas.shipperId" reference="shipper" link={false} sortable={false}>
                         <TextField source="name" />
                     </ReferenceField> */}
+                    <TextField source="warehouseId$" label="table.field.warehouseAreas.wareId" />
                     <TextField source="shipperId$" label="table.field.warehouseAreas.shipperId" />
                     <NumberField source="supplierId" label="table.field.warehouseAreas.supplierId" />
                     <TextField source="flagMinus$" label="table.field.warehouseAreas.flagMinus" sortable={false} />
diff --git a/rsf-admin/vite.config.js b/rsf-admin/vite.config.js
index abba897..ced449c 100644
--- a/rsf-admin/vite.config.js
+++ b/rsf-admin/vite.config.js
@@ -35,5 +35,7 @@
     },
     base: './',
     envPrefix: 'VITE_',
+    open: true,
+    cors: true,
   };
 });
\ No newline at end of file

--
Gitblit v1.9.1