|  |  |  | 
|---|
|  |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; | 
|---|
|  |  |  | import * as Common from '@/utils/common'; | 
|---|
|  |  |  | import WarehouseAreaField from "./WarehouseAreaField"; | 
|---|
|  |  |  | import CrossZoneAreaField from "./CrossZoneAreaField"; | 
|---|
|  |  |  | import ContainerTypesField from "./ContainerTypesField"; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
|---|
|  |  |  | '& .css-1vooibu-MuiSvgIcon-root': { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const filters = [ | 
|---|
|  |  |  | <SearchInput source="condition" alwaysOn />, | 
|---|
|  |  |  | <DateInput label='common.time.after' source="timeStart" alwaysOn />, | 
|---|
|  |  |  | <DateInput label='common.time.before' source="timeEnd" alwaysOn />, | 
|---|
|  |  |  | <DateInput label='common.time.after' source="timeStart"  />, | 
|---|
|  |  |  | <DateInput label='common.time.before' source="timeEnd"  />, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <TextInput source="stationName" label="table.field.basStation.stationName" />, | 
|---|
|  |  |  | <TextInput source="stationName" label="table.field.basStation.stationName" alwaysOn/>, | 
|---|
|  |  |  | <NumberInput source="inAble" label="table.field.basStation.inAble" />, | 
|---|
|  |  |  | <NumberInput source="outAble" label="table.field.basStation.outAble" />, | 
|---|
|  |  |  | <TextInput source="useStatus" label="table.field.basStation.useStatus" />, | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [createDialog, setCreateDialog] = useState(false); | 
|---|
|  |  |  | const [drawerVal, setDrawerVal] = useState(false); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [areaFieldDialog, setAreaFieldDialog] = useState(false); | 
|---|
|  |  |  | const [areaFieldDialog2, setAreaFieldDialog2] = useState(false); | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Box display="flex"> | 
|---|
|  |  |  | <List | 
|---|
|  |  |  | 
|---|
|  |  |  | bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />} | 
|---|
|  |  |  | rowClick={(id, resource, record) => false} | 
|---|
|  |  |  | expandSingle={true} | 
|---|
|  |  |  | omit={['id', 'createTime', 'createBy', 'memo']} | 
|---|
|  |  |  | omit={['id', 'createTime', 'createBy', 'memo','updateBy','autoTransfer']} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <NumberField source="id" /> | 
|---|
|  |  |  | <TextField source="stationName" label="table.field.basStation.stationName" /> | 
|---|
|  |  |  | <TextField source="useStatus$" label="table.field.basStation.useStatus" /> | 
|---|
|  |  |  | <TextField source="barcode" label="table.field.basStation.barcode" /> | 
|---|
|  |  |  | <FunctionField | 
|---|
|  |  |  | source="inAble" | 
|---|
|  |  |  | label="table.field.basStation.inAble" | 
|---|
|  |  |  | 
|---|
|  |  |  | label="table.field.basStation.outAble" | 
|---|
|  |  |  | render={record => record.inAble === 1 ? '是' : '否'} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <TextField source="useStatus$" label="table.field.basStation.useStatus" /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <NumberField source="area$" label="table.field.basStation.area" /> | 
|---|
|  |  |  | <FunctionField | 
|---|
|  |  |  | source="isCrossZone" | 
|---|
|  |  |  | label="table.field.basStation.isCrossZone" | 
|---|
|  |  |  | render={record => record.inAble === 1 ? '是' : '否'} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <TextField source="crossZoneArea" label="table.field.basStation.crossZoneArea" /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <WrapperField cellClassName="crossZoneArea" label="table.field.basStation.crossZoneArea"> | 
|---|
|  |  |  | <CrossZoneAreaField | 
|---|
|  |  |  | open={areaFieldDialog} | 
|---|
|  |  |  | setOpen={setAreaFieldDialog} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  | <FunctionField | 
|---|
|  |  |  | source="isWcs" | 
|---|
|  |  |  | label="table.field.basStation.isWcs" | 
|---|
|  |  |  | render={record => record.inAble === 1 ? '是' : '否'} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <NumberField source="containerType$" label="table.field.basStation.containerType" /> | 
|---|
|  |  |  | <TextField source="barcode" label="table.field.basStation.barcode" /> | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <WrapperField cellClassName="containerType" label="table.field.basStation.containerType"> | 
|---|
|  |  |  | <ContainerTypesField | 
|---|
|  |  |  | open={areaFieldDialog2} | 
|---|
|  |  |  | setOpen={setAreaFieldDialog2} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <FunctionField | 
|---|
|  |  |  | source="autoTransfer" | 
|---|
|  |  |  | label="table.field.basStation.autoTransfer" | 
|---|
|  |  |  | 
|---|
|  |  |  | </ReferenceField> | 
|---|
|  |  |  | <DateField source="createTime" label="common.field.createTime" showTime /> | 
|---|
|  |  |  | <TextField source="memo" label="common.field.memo" sortable={false} /> | 
|---|
|  |  |  | <WrapperField cellClassName="opt" label="common.field.opt"> | 
|---|
|  |  |  | <WrapperField cellClassName="opt" label="common.field.opt"> | 
|---|
|  |  |  | <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} /> | 
|---|
|  |  |  | <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  | </StyledDatagrid> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </List> | 
|---|
|  |  |  | <BasStationCreate | 
|---|
|  |  |  | open={createDialog} | 
|---|
|  |  |  | setOpen={setCreateDialog} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <PageDrawer | 
|---|
|  |  |  | title='BasStation Detail' | 
|---|
|  |  |  | drawerVal={drawerVal} | 
|---|