|  |  | 
 |  |  | 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'; | 
 |  |  | import UserListAside from "./UserListAside"; | 
 |  |  | import RolesField from './RolesField'; | 
 |  |  | 
 |  |  |     '& .RaDatagrid-row': { | 
 |  |  |         cursor: 'auto' | 
 |  |  |     }, | 
 |  |  |     '& .column-name': { | 
 |  |  |     '& .column-username': { | 
 |  |  |         maxWidth: '10em', | 
 |  |  |         overflow: 'hidden', | 
 |  |  |         textOverflow: 'ellipsis', | 
 |  |  |         whiteSpace: 'nowrap', | 
 |  |  |     }, | 
 |  |  |     '& .column-nickname': { | 
 |  |  |         maxWidth: '10em', | 
 |  |  |         overflow: 'hidden', | 
 |  |  |         textOverflow: 'ellipsis', | 
 |  |  |         whiteSpace: 'nowrap', | 
 |  |  |     }, | 
 |  |  |     '& .column-deptId': { | 
 |  |  |         maxWidth: '10em', | 
 |  |  |         overflow: 'hidden', | 
 |  |  |         textOverflow: 'ellipsis', | 
 |  |  |         whiteSpace: 'nowrap', | 
 |  |  |     }, | 
 |  |  |     '& .opt': { | 
 |  |  |         width: 200 | 
 |  |  |     }, | 
 |  |  |     '& .column-deptId': { | 
 |  |  |         maxWidth: 80 | 
 |  |  |     }, | 
 |  |  |     '& .column-statusBool': { | 
 |  |  |         maxWidth: 60 | 
 |  |  | 
 |  |  |     <TextInput source="phone" label="table.field.user.phone" />, | 
 |  |  |     <TextInput source="email" label="table.field.user.email" />, | 
 |  |  |     // <ReferenceInput source="deptId" label="table.field.user.deptId" reference="dept"> | 
 |  |  |     //     <AutocompleteInput label="table.field.user.deptId" optionText="name" /> | 
 |  |  |     //     <AutocompleteInput label="table.field.user.deptId" optionText="name" filterToQuery={(val) => ({ name: val })} /> | 
 |  |  |     // </ReferenceInput>, | 
 |  |  |     <TextInput source="realName" label="table.field.user.realName" />, | 
 |  |  |     <TextInput source="idCard" label="table.field.user.idCard" />, | 
 |  |  | 
 |  |  |                         <MyExportButton /> | 
 |  |  |                     </TopToolbar> | 
 |  |  |                 )} | 
 |  |  |                 perPage={25} | 
 |  |  |                 perPage={DEFAULT_PAGE_SIZE} | 
 |  |  |                 aside={<UserListAside />} | 
 |  |  |             > | 
 |  |  |                 <StyledDatagrid | 
 |  |  | 
 |  |  |                     rowClick={(id, resource, record) => false} | 
 |  |  |                     expand={() => <UserPanel />} | 
 |  |  |                     expandSingle={true} | 
 |  |  |                     omit={['id', 'email', 'idCard', 'birthday', 'updateTime', 'createTime', 'memo']} | 
 |  |  |                     omit={['id', 'email', 'idCard', 'birthday', 'realName', 'updateTime', 'createTime', 'memo']} | 
 |  |  |                 > | 
 |  |  |                     <NumberField source="id" /> | 
 |  |  |                     <TextField source="username" label="table.field.user.username" /> |