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}> </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