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 { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; 
 | 
import { Box, Typography, Card, Stack } from '@mui/material'; 
 | 
import { styled } from '@mui/material/styles'; 
 | 
import * as Common from '@/utils/common'; 
 | 
import CheckDiffField from "../../components/CheckDiffField"; 
 | 
  
 | 
const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ 
 | 
    '& .css-1vooibu-MuiSvgIcon-root': { 
 | 
        height: '.9em' 
 | 
    }, 
 | 
    '& .RaDatagrid-row': { 
 | 
        cursor: 'auto' 
 | 
    }, 
 | 
    '& .column-name': { 
 | 
    }, 
 | 
    '& .opt': { 
 | 
        width: 200 
 | 
    }, 
 | 
})); 
 | 
  
 | 
  
 | 
const ReviseLogItemList = () => { 
 | 
    const [createDialog, setCreateDialog] = useState(false); 
 | 
    const [drawerVal, setDrawerVal] = useState(false); 
 | 
    const translate = useTranslate(); 
 | 
    const record = useRecordContext(); 
 | 
  
 | 
    return ( 
 | 
        <Box display="flex"> 
 | 
            <List 
 | 
                resource="reviseLogItem" 
 | 
                sx={{ 
 | 
                    flexGrow: 1, 
 | 
                    transition: (theme) => 
 | 
                        theme.transitions.create(['all'], { 
 | 
                            duration: theme.transitions.duration.enteringScreen, 
 | 
                        }), 
 | 
                }} 
 | 
                title={false} 
 | 
                empty={false} 
 | 
                filters={false} 
 | 
                pagination={false} 
 | 
                filter={{ reviseLogId: record?.id }} 
 | 
                sort={{ field: "create_time", order: "desc" }} 
 | 
                actions={false} 
 | 
                perPage={DEFAULT_PAGE_SIZE} 
 | 
            > 
 | 
                <StyledDatagrid 
 | 
                    preferenceKey='reviseLogItem' 
 | 
                    bulkActionButtons={false} 
 | 
                    rowClick={(id, resource, record) => false} 
 | 
                    expand={false} 
 | 
                    expandSingle={true} 
 | 
                    omit={['id', 'locId', 'locCode', 'matnrId', 'fieldsIndex', 'memo', 'statusBool']} 
 | 
                > 
 | 
                    <NumberField source="id" /> 
 | 
                    <NumberField source="locId" label="table.field.locItem.locId" /> 
 | 
                    <TextField source="locCode" label="table.field.locItem.locCode" /> 
 | 
                    <NumberField source="matnrId" label="table.field.locItem.matnrId" /> 
 | 
                    <TextField source="matnrCode" label="table.field.locItem.matnrCode" /> 
 | 
                    <TextField source="maktx" label="table.field.locItem.maktx" /> 
 | 
                    <TextField source="unit" label="table.field.locItem.unit" /> 
 | 
                    <NumberField source="anfme" label="table.field.locItem.anfme" /> 
 | 
                    <NumberField source="reviseQty" label="table.field.locItem.reviseQty" /> 
 | 
                    <CheckDiffField source="diffQty" label="table.field.locItem.diffQty" /> 
 | 
                    <TextField source="batch" label="table.field.locItem.batch" /> 
 | 
                    <TextField source="spec" label="table.field.locItem.spec" /> 
 | 
                    <TextField source="model" label="table.field.locItem.model" /> 
 | 
                    <TextField source="fieldsIndex" label="table.field.locItem.fieldsIndex" /> 
 | 
                    <TextField source="updateBy$" label="common.field.updateBy" /> 
 | 
                    <DateField source="updateTime" label="common.field.updateTime" showTime /> 
 | 
                    <TextField source="createBy$" label="common.field.createBy" /> 
 | 
                    <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} /> 
 | 
                </StyledDatagrid> 
 | 
            </List> 
 | 
        </Box> 
 | 
    ) 
 | 
} 
 | 
  
 | 
export default ReviseLogItemList; 
 |