|  |  | 
 |  |  | 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'; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  | 
 |  |  |     <ReferenceInput source="zoneId" label="table.field.funcSta.zoneId" reference="zone"> | 
 |  |  |         <AutocompleteInput label="table.field.funcSta.zoneId" optionText="name" filterToQuery={(val) => ({ name: val })} /> | 
 |  |  |     </ReferenceInput>, | 
 |  |  |     <ReferenceInput source="agvId" label="table.field.funcSta.agvId" reference="agv" alwaysOn> | 
 |  |  |         <AutocompleteInput label="table.field.funcSta.agvId" optionText="uuid" filterToQuery={(val) => ({ uuid: val })} /> | 
 |  |  |     </ReferenceInput>, | 
 |  |  |     // <ReferenceInput source="agvId" label="table.field.funcSta.agvId" reference="agv" alwaysOn> | 
 |  |  |     //     <AutocompleteInput label="table.field.funcSta.agvId" optionText="uuid" filterToQuery={(val) => ({ uuid: val })} /> | 
 |  |  |     // </ReferenceInput>, | 
 |  |  |     <TextInput source="name" label="table.field.funcSta.name" />, | 
 |  |  |     <SelectInput | 
 |  |  |         source="type" | 
 |  |  | 
 |  |  |                         <MyExportButton /> | 
 |  |  |                     </TopToolbar> | 
 |  |  |                 )} | 
 |  |  |                 perPage={25} | 
 |  |  |                 perPage={DEFAULT_PAGE_SIZE} | 
 |  |  |             > | 
 |  |  |                 <StyledDatagrid | 
 |  |  |                     preferenceKey='funcSta' | 
 |  |  | 
 |  |  |                     </ReferenceField> | 
 |  |  |                     <TextField source="name" label="table.field.funcSta.name" /> | 
 |  |  |                     <TextField source="uuid" label="table.field.funcSta.uuid" /> | 
 |  |  |                     <ReferenceField source="agvId" label="table.field.funcSta.agvId" reference="agv" link={false} sortable={false}> | 
 |  |  |                     {/* <ReferenceField source="agvId" label="table.field.funcSta.agvId" reference="agv" link={false} sortable={false}> | 
 |  |  |                         <TextField source="uuid" /> | 
 |  |  |                     </ReferenceField> | 
 |  |  |                     <FunctionField source="type" label="table.field.funcSta.type" render={record => translate(typeMap[record.type]) || record.type} /> | 
 |  |  |                     <FunctionField source="state" label="table.field.funcSta.state" render={record => translate(stateMap[record.state]) || record.state} /> | 
 |  |  |                     </ReferenceField> */} | 
 |  |  |                     <FunctionField source="type" label="table.field.funcSta.type" render={record => translate(typeMap[record.type] || '') || record.type} /> | 
 |  |  |                     <FunctionField source="state" label="table.field.funcSta.state" render={record => translate(stateMap[record.state] || '') || record.state} /> | 
 |  |  |                     <ReferenceField source="code" label="table.field.funcSta.code" reference="code" link={false} sortable={false}> | 
 |  |  |                         <TextField source="data" /> | 
 |  |  |                     </ReferenceField> |