|  |  | 
 |  |  |     required, | 
 |  |  |     useRecordContext, | 
 |  |  |     DeleteButton, | 
 |  |  |     useNotify, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import PropTypes from 'prop-types'; | 
 |  |  | import { useWatch, useFormContext } from "react-hook-form"; | 
 |  |  | 
 |  |  | import MemoInput from "@/page/components/MemoInput"; | 
 |  |  | import StatusSelectInput from "@/page/components/StatusSelectInput"; | 
 |  |  | import TreeSelectInput from "@/page/components/TreeSelectInput"; | 
 |  |  |  | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | const FormToolbar = () => { | 
 |  |  |     const { getValues } = useFormContext(); | 
 |  |  |     return ( | 
 |  |  | 
 |  |  | const MatnrEdit = () => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const [value, setValue] = React.useState(0); | 
 |  |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const [dynamicFields, setDynamicFields] = useState([]); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         getDynamicFields(); | 
 |  |  |     }, []); | 
 |  |  |     const getDynamicFields = async () => { | 
 |  |  |         const { | 
 |  |  |             data: { code, data, msg }, | 
 |  |  |         } = await request.get("/fields/enable/list"); | 
 |  |  |         if (code === 200) { | 
 |  |  |             setDynamicFields(data || []) | 
 |  |  |  | 
 |  |  |         } else { | 
 |  |  |             notify(msg); | 
 |  |  |         } | 
 |  |  |     }; | 
 |  |  |     const handleChange = (event, newValue) => { | 
 |  |  |         setValue(newValue); | 
 |  |  |     }; | 
 |  |  | 
 |  |  |             redirect="list" | 
 |  |  |             mutationMode={EDIT_MODE} | 
 |  |  |             actions={<CustomerTopToolBar />} | 
 |  |  |             aside={<EditBaseAside />} | 
 |  |  |             title={"menu.matnr"} | 
 |  |  |         > | 
 |  |  |             <SimpleForm | 
 |  |  |                 shouldUnregister | 
 |  |  | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <ReferenceInput source="shipperId" reference="companys" filter={{ type: 'shipper' }}> | 
 |  |  |                                         <AutocompleteInput | 
 |  |  |                                             validate={[required()]} | 
 |  |  |                                             label="table.field.matnr.shipperId" | 
 |  |  |                                             optionText="name" | 
 |  |  |                                             filterToQuery={(val) => ({ name: val })} | 
 |  |  | 
 |  |  |                                         source="groupId" | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |                                 {/* <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <ReferenceInput | 
 |  |  |                                         source="rglarId" | 
 |  |  |                                         reference="batchRegular" | 
 |  |  |                                         perPage={REFERENCE_INPUT_PAGESIZE} | 
 |  |  |                                     > | 
 |  |  |                                         <AutocompleteInput | 
 |  |  |                                             label="table.field.matnr.rglarId" | 
 |  |  |                                             optionText="code" | 
 |  |  |                                             filterToQuery={(val) => ({ code: val })} | 
 |  |  |                                         /> | 
 |  |  |                                     </ReferenceInput> | 
 |  |  |                                 </Grid> */} | 
 |  |  |  | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <TextInput | 
 |  |  |                                         label="table.field.matnr.platCode" | 
 |  |  | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <SelectInput | 
 |  |  |                                         label="table.field.matnr.isLabelMange" | 
 |  |  |                                         source="isLabelMange" | 
 |  |  |                                         source="flagLabelMange" | 
 |  |  |                                         choices={[ | 
 |  |  |                                             { id: 0, name: ' 否' }, | 
 |  |  |                                             { id: 1, name: ' 是' }, | 
 |  |  | 
 |  |  |                                         validate={required()} | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |  | 
 |  |  |                                 {dynamicFields.map((item) => { | 
 |  |  |                                     return ( | 
 |  |  |                                         <Grid key={item.id} item xs={6} display="flex" gap={1}> | 
 |  |  |                                             <TextInput | 
 |  |  |                                                 label={item.fieldsAlise} | 
 |  |  |                                                 source={item.fields} | 
 |  |  |                                                 validate={item.unique === 1 ? required() : false} | 
 |  |  |                                             /> | 
 |  |  |                                         </Grid> | 
 |  |  |                                     ) | 
 |  |  |                                 })} | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  | 
 |  |  |                                         source="valid" | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <SelectInput | 
 |  |  |                                         label="table.field.matnr.flagCheck" | 
 |  |  |                                         source="flagCheck" | 
 |  |  |                                         choices={[ | 
 |  |  |                                             { id: 0, name: ' 否' }, | 
 |  |  |                                             { id: 1, name: ' 是' }, | 
 |  |  |                                         ]} | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |                             </Grid> | 
 |  |  |                         </CustomTabPanel> | 
 |  |  |                         <CustomTabPanel value={value} index={2}> | 
 |  |  |                             <Grid container rowSpacing={2} columnSpacing={2}> | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <NumberInput | 
 |  |  |                                         label="table.field.matnr.flagCheck" | 
 |  |  |                                         source="flagCheck" | 
 |  |  |                                     /> | 
 |  |  |                                     <ReferenceInput | 
 |  |  |                                         source="rglar_id" | 
 |  |  |                                         reference="serialRule" | 
 |  |  |                                         perPage={REFERENCE_INPUT_PAGESIZE} | 
 |  |  |                                     > | 
 |  |  |                                         <AutocompleteInput | 
 |  |  |                                             label="table.field.matnr.rglarId" | 
 |  |  |                                             optionText="name" | 
 |  |  |                                             filterToQuery={(val) => ({ name: val })} | 
 |  |  |                                         /> | 
 |  |  |                                     </ReferenceInput> | 
 |  |  |                                 </Grid> | 
 |  |  |                             </Grid> | 
 |  |  |                         </CustomTabPanel> |