|  |  |  | 
|---|
|  |  |  | import PageDrawer from "../../components/PageDrawer"; | 
|---|
|  |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE, DEFAULT_ITEM_PAGE_SIZE } from '@/config/setting'; | 
|---|
|  |  |  | import AsnOrderItemEdit from "./AsnOrderItemEdit"; | 
|---|
|  |  |  | import QrCodeIcon from "@mui/icons-material/QrCode"; | 
|---|
|  |  |  | import ImportButton from "../../components/ImportButton"; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const filters = [ | 
|---|
|  |  |  | <SearchInput source="condition" alwaysOn />, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <NumberInput source="asnId" label="table.field.asnOrderItem.asnId" />, | 
|---|
|  |  |  | <TextInput source="asnCode" label="table.field.asnOrderItem.asnCode" />, | 
|---|
|  |  |  | <TextInput source="poDetlId" label="table.field.asnOrderItem.poDetlId" />, | 
|---|
|  |  |  | 
|---|
|  |  |  | <TextInput source="qrcode" label="table.field.asnOrderItem.qrcode" />, | 
|---|
|  |  |  | <TextInput source="trackCode" label="table.field.asnOrderItem.barcode" />, | 
|---|
|  |  |  | <TextInput source="packName" label="table.field.asnOrderItem.packName" />, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <TextInput label="common.field.memo" source="memo" />, | 
|---|
|  |  |  | <SelectInput | 
|---|
|  |  |  | label="common.field.status" | 
|---|
|  |  |  | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | title={"menu.asnOrderItem"} | 
|---|
|  |  |  | empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} | 
|---|
|  |  |  | filter={{ asnId: asnId }} | 
|---|
|  |  |  | filter={{ asnId: asnId, deleted: 0 }} | 
|---|
|  |  |  | filters={filters} | 
|---|
|  |  |  | sort={{ field: "create_time", order: "desc" }} | 
|---|
|  |  |  | actions={( | 
|---|
|  |  |  | <TopToolbar> | 
|---|
|  |  |  | {/* <Button onClick={creatCode} label={"toolbar.creatcode"}> | 
|---|
|  |  |  | <QrCodeIcon /> | 
|---|
|  |  |  | </Button> */} | 
|---|
|  |  |  | <FilterButton /> | 
|---|
|  |  |  | <MyCreateButton onClick={() => { setCreateDialog(true) }} /> | 
|---|
|  |  |  | <SelectColumnsButton preferenceKey='asnOrderItem' /> | 
|---|
|  |  |  | <ImportButton value={'asnOrder'} parmas={{ asnId: asnId }} /> | 
|---|
|  |  |  | <MyExportButton /> | 
|---|
|  |  |  | {/* <MyExportButton /> */} | 
|---|
|  |  |  | </TopToolbar> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | perPage={DEFAULT_ITEM_PAGE_SIZE} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <StyledDatagrid | 
|---|
|  |  |  | preferenceKey='asnOrderItem' | 
|---|
|  |  |  | bulkActionButtons={() => <BulkDeleteButton mutationMode={OPERATE_MODE} />} | 
|---|
|  |  |  | bulkActionButtons={false} | 
|---|
|  |  |  | rowClick={(id, resource, record) => { | 
|---|
|  |  |  | setSelect(record) | 
|---|
|  |  |  | setEditDialog(true) | 
|---|
|  |  |  | 
|---|
|  |  |  | <TextField source="poDetlId" label="table.field.asnOrderItem.poDetlId" /> | 
|---|
|  |  |  | <TextField source="poDetlCode" label="table.field.asnOrderItem.poDetlCode" /> | 
|---|
|  |  |  | <TextField source="matnrId" label="table.field.asnOrderItem.matnrId" /> | 
|---|
|  |  |  | <TextField source="matnrCode" label="table.field.asnOrderItem.matnrCode" /> | 
|---|
|  |  |  | <TextField source="maktx" label="table.field.asnOrderItem.maktx" /> | 
|---|
|  |  |  | <NumberField source="anfme" label="table.field.asnOrderItem.anfme" /> | 
|---|
|  |  |  | <TextField source="stockUnit" label="table.field.asnOrderItem.stockUnit" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <DateField source="createTime" label="common.field.createTime" showTime /> | 
|---|
|  |  |  | <BooleanField source="status$" 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' }} /> */} | 
|---|
|  |  |  | <Button label="ra.action.edit" onClick={(id, resource, record) => { | 
|---|
|  |  |  | setEditDialog(true) | 
|---|
|  |  |  | setSelect(record) }} /> | 
|---|
|  |  |  | <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE}   /> | 
|---|
|  |  |  | </WrapperField> | 
|---|
|  |  |  | </StyledDatagrid> | 
|---|
|  |  |  | </List> | 
|---|
|  |  |  | <AsnOrderItemCreate | 
|---|