From 1c243870e98b6fed4a5c66058bdfb37eb53029bc Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期二, 05 八月 2025 13:07:20 +0800 Subject: [PATCH] #修改 1. 新增库位调整界面 --- rsf-admin/src/page/reviseLog/ReviseLogCreate.jsx | 180 ++++++++++++++++ rsf-admin/src/page/reviseLog/ReviseLogPanel.jsx | 117 ++++++++++ rsf-admin/src/page/reviseLog/ReviseLogEdit.jsx | 152 +++++++++++++ rsf-admin/src/page/reviseLog/index.jsx | 18 + rsf-admin/src/page/reviseLog/ReviseLogList.jsx | 172 +++++++++++++++ 5 files changed, 639 insertions(+), 0 deletions(-) diff --git a/rsf-admin/src/page/reviseLog/ReviseLogCreate.jsx b/rsf-admin/src/page/reviseLog/ReviseLogCreate.jsx new file mode 100644 index 0000000..a57bcd5 --- /dev/null +++ b/rsf-admin/src/page/reviseLog/ReviseLogCreate.jsx @@ -0,0 +1,180 @@ +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 ReviseLogCreate = (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}> + <NumberInput + label="table.field.reviseLog.reviseId" + source="reviseId" + autoFocus + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <TextInput + label="table.field.reviseLog.reviseCode" + source="reviseCode" + parse={v => v} + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.warehouseId" + source="warehouseId" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.areaId" + source="areaId" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.type" + source="type" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <TextInput + label="table.field.reviseLog.barcode" + source="barcode" + parse={v => v} + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <TextInput + label="table.field.reviseLog.useStatus" + source="useStatus" + parse={v => v} + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.channel" + source="channel" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.row" + source="row" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.col" + source="col" + /> + </Grid> + <Grid item xs={6} display="flex" gap={1}> + <NumberInput + label="table.field.reviseLog.lev" + source="lev" + /> + </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 ReviseLogCreate; diff --git a/rsf-admin/src/page/reviseLog/ReviseLogEdit.jsx b/rsf-admin/src/page/reviseLog/ReviseLogEdit.jsx new file mode 100644 index 0000000..da79ab8 --- /dev/null +++ b/rsf-admin/src/page/reviseLog/ReviseLogEdit.jsx @@ -0,0 +1,152 @@ +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 ReviseLogEdit = () => { + 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}> + <NumberInput + label="table.field.reviseLog.reviseId" + source="reviseId" + autoFocus + /> + </Stack> + <Stack direction='row' gap={2}> + <TextInput + label="table.field.reviseLog.reviseCode" + source="reviseCode" + parse={v => v} + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.warehouseId" + source="warehouseId" + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.areaId" + source="areaId" + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.type" + source="type" + /> + </Stack> + <Stack direction='row' gap={2}> + <TextInput + label="table.field.reviseLog.barcode" + source="barcode" + parse={v => v} + /> + </Stack> + <Stack direction='row' gap={2}> + <TextInput + label="table.field.reviseLog.useStatus" + source="useStatus" + parse={v => v} + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.channel" + source="channel" + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.row" + source="row" + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.col" + source="col" + /> + </Stack> + <Stack direction='row' gap={2}> + <NumberInput + label="table.field.reviseLog.lev" + source="lev" + /> + </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 ReviseLogEdit; diff --git a/rsf-admin/src/page/reviseLog/ReviseLogList.jsx b/rsf-admin/src/page/reviseLog/ReviseLogList.jsx new file mode 100644 index 0000000..0aa55a4 --- /dev/null +++ b/rsf-admin/src/page/reviseLog/ReviseLogList.jsx @@ -0,0 +1,172 @@ +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 ReviseLogCreate from "./ReviseLogCreate"; +import ReviseLogPanel from "./ReviseLogPanel"; +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 />, + + <NumberInput source="reviseId" label="table.field.reviseLog.reviseId" />, + <TextInput source="reviseCode" label="table.field.reviseLog.reviseCode" />, + <NumberInput source="warehouseId" label="table.field.reviseLog.warehouseId" />, + <NumberInput source="areaId" label="table.field.reviseLog.areaId" />, + <NumberInput source="type" label="table.field.reviseLog.type" />, + <TextInput source="barcode" label="table.field.reviseLog.barcode" />, + <TextInput source="useStatus" label="table.field.reviseLog.useStatus" />, + <NumberInput source="channel" label="table.field.reviseLog.channel" />, + <NumberInput source="row" label="table.field.reviseLog.row" />, + <NumberInput source="col" label="table.field.reviseLog.col" />, + <NumberInput source="lev" label="table.field.reviseLog.lev" />, + + <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 ReviseLogList = () => { + 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.reviseLog"} + empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} + filters={filters} + sort={{ field: "create_time", order: "desc" }} + actions={( + <TopToolbar> + <FilterButton /> + <MyCreateButton onClick={() => { setCreateDialog(true) }} /> + <SelectColumnsButton preferenceKey='reviseLog' /> + <MyExportButton /> + </TopToolbar> + )} + perPage={DEFAULT_PAGE_SIZE} + > + <StyledDatagrid + preferenceKey='reviseLog' + bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />} + rowClick={(id, resource, record) => false} + expand={() => <ReviseLogPanel />} + expandSingle={true} + omit={['id', 'createTime', 'createBy', 'memo']} + > + <NumberField source="id" /> + <NumberField source="reviseId" label="table.field.reviseLog.reviseId" /> + <TextField source="reviseCode" label="table.field.reviseLog.reviseCode" /> + <NumberField source="warehouseId" label="table.field.reviseLog.warehouseId" /> + <NumberField source="areaId" label="table.field.reviseLog.areaId" /> + <NumberField source="type" label="table.field.reviseLog.type" /> + <TextField source="barcode" label="table.field.reviseLog.barcode" /> + <TextField source="useStatus" label="table.field.reviseLog.useStatus" /> + <NumberField source="channel" label="table.field.reviseLog.channel" /> + <NumberField source="row" label="table.field.reviseLog.row" /> + <NumberField source="col" label="table.field.reviseLog.col" /> + <NumberField source="lev" label="table.field.reviseLog.lev" /> + + <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> + <ReviseLogCreate + open={createDialog} + setOpen={setCreateDialog} + /> + <PageDrawer + title='ReviseLog Detail' + drawerVal={drawerVal} + setDrawerVal={setDrawerVal} + > + </PageDrawer> + </Box> + ) +} + +export default ReviseLogList; diff --git a/rsf-admin/src/page/reviseLog/ReviseLogPanel.jsx b/rsf-admin/src/page/reviseLog/ReviseLogPanel.jsx new file mode 100644 index 0000000..2f44c42 --- /dev/null +++ b/rsf-admin/src/page/reviseLog/ReviseLogPanel.jsx @@ -0,0 +1,117 @@ +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 ReviseLogPanel = () => { + 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.reviseLog.id'))}: {record.id} + </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.reviseLog.reviseId" + property={record.reviseId} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.reviseCode" + property={record.reviseCode} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.warehouseId" + property={record.warehouseId} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.areaId" + property={record.areaId} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.type" + property={record.type} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.barcode" + property={record.barcode} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.useStatus" + property={record.useStatus} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.channel" + property={record.channel} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.row" + property={record.row} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.col" + property={record.col} + /> + </Grid> + <Grid item xs={6}> + <PanelTypography + title="table.field.reviseLog.lev" + property={record.lev} + /> + </Grid> + + </Grid> + </CardContent> + </Card > + </> + ); +}; + +export default ReviseLogPanel; diff --git a/rsf-admin/src/page/reviseLog/index.jsx b/rsf-admin/src/page/reviseLog/index.jsx new file mode 100644 index 0000000..fdfbaf8 --- /dev/null +++ b/rsf-admin/src/page/reviseLog/index.jsx @@ -0,0 +1,18 @@ +import React, { useState, useRef, useEffect, useMemo } from "react"; +import { + ListGuesser, + EditGuesser, + ShowGuesser, +} from "react-admin"; + +import ReviseLogList from "./ReviseLogList"; +import ReviseLogEdit from "./ReviseLogEdit"; + +export default { + list: ReviseLogList, + edit: ReviseLogEdit, + show: ShowGuesser, + recordRepresentation: (record) => { + return `${record.id}` + } +}; -- Gitblit v1.9.1