|  |  | 
 |  |  |     '& .RaDatagrid-row': { | 
 |  |  |         cursor: 'auto' | 
 |  |  |     }, | 
 |  |  |     '& .column-url': { | 
 |  |  |         maxWidth: '16em', | 
 |  |  |         overflow: 'hidden', | 
 |  |  |         textOverflow: 'ellipsis', | 
 |  |  |         whiteSpace: 'nowrap', | 
 |  |  |     }, | 
 |  |  |     '& .column-request': { | 
 |  |  |         maxWidth: '18em', | 
 |  |  |         overflow: 'hidden', | 
 |  |  | 
 |  |  |         ]} | 
 |  |  |     />, | 
 |  |  |     <ReferenceInput source="userId" reference="user"> | 
 |  |  |         <AutocompleteInput label="table.field.operationRecord.userId" optionText="nickname" /> | 
 |  |  |         <AutocompleteInput label="table.field.operationRecord.userId" optionText="nickname" filterToQuery={(val) => ({ nickname: val })} /> | 
 |  |  |     </ReferenceInput>, | 
 |  |  |  | 
 |  |  |     <TextInput label="common.field.memo" source="memo" />, | 
 |  |  | 
 |  |  |                     <TextField source="appkey" label="table.field.operationRecord.appkey" /> | 
 |  |  |                     <FormattedTimestampField source="timestamp" label="table.field.operationRecord.timestamp" /> | 
 |  |  |                     <NumberField source="spendTime" label="table.field.operationRecord.spendTime" sx={{ fontWeight: 'bold' }} /> | 
 |  |  |                     <TextField source="request" label="table.field.operationRecord.request" sortable={false} /> | 
 |  |  |                     <TextField source="response" label="table.field.operationRecord.response" sortable={false} /> | 
 |  |  |                     <TextField source="request" label="table.field.operationRecord.request" sortable={false} hidden={!!drawerVal} /> | 
 |  |  |                     <TextField source="response" label="table.field.operationRecord.response" sortable={false} hidden={!!drawerVal} /> | 
 |  |  |                     <ResultField source="result" label="table.field.operationRecord.result" /> | 
 |  |  |                     <TextField source="err" label="table.field.operationRecord.err" /> | 
 |  |  |                     <TextField source="clientIp" label="table.field.operationRecord.clientIp" /> | 
 |  |  | 
 |  |  |             > | 
 |  |  |                 <OperationDetail | 
 |  |  |                     operation={drawerVal} | 
 |  |  |                     setDrawerVal={setDrawerVal} | 
 |  |  |                 /> | 
 |  |  |             </PageDrawer> | 
 |  |  |         </Box> |