#

luxiaotao1123

2024-11-08 e5ff577d91179d9f0ae1f689d182bb2e0465fca1

 zy-acs-flow/src/page/loc/LocList.jsx

@@ -41,11 +41,12 @@
import MyExportButton from '../components/MyExportButton';
import PageDrawer from "../components/PageDrawer";
import MyField from "../components/MyField";
import { PAGE_DRAWER_WIDTH, OPERATE_MODE } from '@/config/setting';
import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting';
import * as Common from '@/utils/common';
import RepartitionIcon from '@mui/icons-material/Repartition';
import CorporateFareIcon from '@mui/icons-material/CorporateFare';
import LocInit from "./LocInit";
import rowSx from "./rowSx";
import BulkUpdateButton from "./BulkUpdateButton";

const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
    '& .css-1vooibu-MuiSvgIcon-root': {
@@ -63,26 +64,25 @@
}));

const filters = [
    <TextInput source="locNo" label="table.field.loc.locNo" alwaysOn />,
    <ReferenceInput source="locSts" label="table.field.loc.locSts" reference="locSts" alwaysOn>
        <AutocompleteInput label="table.field.loc.locSts" optionText="name" filterToQuery={(val) => ({ name: val })} />
    </ReferenceInput>,
    <NumberInput source="row" label="table.field.loc.row" alwaysOn />,
    <NumberInput source="bay" label="table.field.loc.bay" alwaysOn />,
    <NumberInput source="lev" label="table.field.loc.lev" alwaysOn />,
    <SearchInput source="condition" alwaysOn />,
    <DateInput label='common.time.after' source="timeStart" alwaysOn />,
    <DateInput label='common.time.before' source="timeEnd" alwaysOn />,

    <ReferenceInput source="code" label="table.field.loc.code" reference="code" alwaysOn>
        <AutocompleteInput label="table.field.loc.code" optionText="data" filterToQuery={(val) => ({ data: val })} />
    </ReferenceInput>,
    <DateInput label='common.time.after' source="timeStart" />,
    <DateInput label='common.time.before' source="timeEnd" />,
    <TextInput source="uuid" label="table.field.loc.uuid" />,
    <ReferenceInput source="zoneId" label="table.field.loc.zoneId" reference="zone">
        <AutocompleteInput label="table.field.loc.zoneId" optionText="name" filterToQuery={(val) => ({ name: val })} />
    </ReferenceInput>,
    <TextInput source="locNo" label="table.field.loc.locNo" alwaysOn />,
    <TextInput source="name" label="table.field.loc.name" />,
    <ReferenceInput source="code" label="table.field.loc.code" reference="code" alwaysOn>
        <AutocompleteInput label="table.field.loc.code" optionText="data" filterToQuery={(val) => ({ data: val })} />
    </ReferenceInput>,
    <ReferenceInput source="locSts" label="table.field.loc.locSts" reference="locSts" alwaysOn>
        <AutocompleteInput label="table.field.loc.locSts" optionText="name" filterToQuery={(val) => ({ name: val })} />
    </ReferenceInput>,
    <NumberInput source="offset" label="table.field.loc.offset" />,
    <NumberInput source="row" label="table.field.loc.row" alwaysOn />,
    <NumberInput source="bay" label="table.field.loc.bay" alwaysOn />,
    <NumberInput source="lev" label="table.field.loc.lev" alwaysOn />,
    <TextInput source="barcode" label="table.field.loc.barcode" />,
    <TextInput source="zpallet" label="table.field.loc.zpallet" />,
    <ReferenceInput source="locType" label="table.field.loc.locType" reference="locType">
@@ -99,6 +99,19 @@
        ]}
    />,
]

const LocBulkActionButtons = (props) => {
    return (
        <>
            <BulkUpdateButton
                {...props}
                resource="loc"
            />
            <BulkDeleteButton mutationMode={OPERATE_MODE} />
        </>
    );
};


const LocList = () => {
    const translate = useTranslate();
@@ -127,17 +140,17 @@
                        <FilterButton />
                        <Button label='page.loc.init' onClick={(event) => {
                            setInitDialog(true);
                        }}><RepartitionIcon /></Button>
                        }}><CorporateFareIcon /></Button>
                        <MyCreateButton onClick={() => { setCreateDialog(true) }} />
                        <SelectColumnsButton preferenceKey='loc' />
                        <MyExportButton />
                    </TopToolbar>
                )}
                perPage={25}
                perPage={DEFAULT_PAGE_SIZE}
            >
                <StyledDatagrid
                    preferenceKey='loc'
                    bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />}
                    bulkActionButtons={<LocBulkActionButtons />}
                    rowClick={(id, resource, record) => false}
                    expand={() => <LocPanel />}
                    expandSingle={true}