|  |  |  | 
|---|
|  |  |  | import * as Common from '@/utils/common'; | 
|---|
|  |  |  | import rowSx from './rowSx'; | 
|---|
|  |  |  | import { format } from 'date-fns'; | 
|---|
|  |  |  | import OperationDetail from './OperationDetail' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
|---|
|  |  |  | '& .css-1vooibu-MuiSvgIcon-root': { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .RaDatagrid-row': { | 
|---|
|  |  |  | cursor: 'auto' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .column-url': { | 
|---|
|  |  |  | maxWidth: '16em', | 
|---|
|  |  |  | overflow: 'hidden', | 
|---|
|  |  |  | textOverflow: 'ellipsis', | 
|---|
|  |  |  | whiteSpace: 'nowrap', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | '& .column-request': { | 
|---|
|  |  |  | maxWidth: '18em', | 
|---|
|  |  |  | 
|---|
|  |  |  | ]} | 
|---|
|  |  |  | />, | 
|---|
|  |  |  | <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" />, | 
|---|
|  |  |  | 
|---|
|  |  |  | <StyledDatagrid | 
|---|
|  |  |  | preferenceKey='operationRecord' | 
|---|
|  |  |  | bulkActionButtons={false} | 
|---|
|  |  |  | rowClick={(id, resource, record) => false} | 
|---|
|  |  |  | rowClick={(id, resource, record) => { | 
|---|
|  |  |  | setDrawerVal(!!drawerVal && drawerVal === record ? null : record); | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | omit={['appkey', 'statusBool', 'err', 'updateTime', 'createTime', 'memo']} | 
|---|
|  |  |  | rowSx={rowSx(drawerVal || null)} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 
|---|
|  |  |  | <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" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | drawerVal={drawerVal} | 
|---|
|  |  |  | setDrawerVal={setDrawerVal} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <OperationDetail | 
|---|
|  |  |  | operation={drawerVal} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </PageDrawer> | 
|---|
|  |  |  | </Box> | 
|---|
|  |  |  | ) | 
|---|