| | |
| | | ReferenceArrayInput, |
| | | AutocompleteInput, |
| | | DeleteButton, |
| | | FunctionField, |
| | | } from 'react-admin'; |
| | | import { Box, Typography, Card, Stack } from '@mui/material'; |
| | | import { styled } from '@mui/material/styles'; |
| | |
| | | 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 }) => ({ |
| | |
| | | }, |
| | | })); |
| | | |
| | | const typeMap = { |
| | | CHARGE: 'page.funcSta.enums.type.charge', |
| | | STANDBY: 'page.funcSta.enums.type.standby', |
| | | }; |
| | | |
| | | const stateMap = { |
| | | IDLE: 'page.funcSta.enums.state.idle', |
| | | OCCUPIED: 'page.funcSta.enums.state.occupied', |
| | | }; |
| | | |
| | | const filters = [ |
| | | <SearchInput source="condition" alwaysOn />, |
| | | <DateInput label='common.time.after' source="timeStart" alwaysOn />, |
| | |
| | | <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" |
| | |
| | | { id: 'STANDBY', name: 'page.funcSta.enums.type.standby' }, |
| | | ]} |
| | | alwaysOn |
| | | resettable |
| | | />, |
| | | <SelectInput |
| | | source="state" |
| | |
| | | { id: 'OCCUPIED', name: 'page.funcSta.enums.state.occupied' }, |
| | | ]} |
| | | alwaysOn |
| | | resettable |
| | | />, |
| | | <ReferenceInput source="code" label="table.field.funcSta.code" reference="code"> |
| | | <AutocompleteInput label="table.field.funcSta.code" optionText="data" filterToQuery={(val) => ({ data: val })} /> |
| | |
| | | <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> |
| | | <TextField source="type" label="table.field.funcSta.type" /> |
| | | <TextField source="state" label="table.field.funcSta.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> |