|  |  | 
 |  |  |     ProFormDigit, | 
 |  |  |     ProFormText, | 
 |  |  |     ProFormSelect, | 
 |  |  |     ProFormDateTimePicker | 
 |  |  |     ProFormTreeSelect, | 
 |  |  |     ProFormTextArea, | 
 |  |  |     ProFormRadio | 
 |  |  | } from '@ant-design/pro-components'; | 
 |  |  | import { Form, Modal } from 'antd'; | 
 |  |  | import moment from 'moment'; | 
 |  |  | 
 |  |  |                         hidden={true} | 
 |  |  |                     /> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="username" | 
 |  |  |                             label="账号" | 
 |  |  |                         <ProFormTreeSelect | 
 |  |  |                             name="deptId" | 
 |  |  |                             label="所属部门" | 
 |  |  |                             params={props.treeData} | 
 |  |  |                             request={async () => { | 
 |  |  |                                 return props.treeData; | 
 |  |  |                             }} | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                             rules={[{ required: true, message: "账号不能为空!" }]} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             fieldProps={{ | 
 |  |  |                                 treeDefaultExpandedKeys: [0] | 
 |  |  |                             }} | 
 |  |  |                             rules={[{ required: true, message: "所属部门不能为空" }]} | 
 |  |  |                         /> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="password" | 
 |  |  |                             label="密码" | 
 |  |  |                             name="username" | 
 |  |  |                             label="登录账号" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                             rules={[{ required: true, message: "登录账号不能为空!" }]} | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="nickname" | 
 |  |  |                             label="昵称" | 
 |  |  |                             label="名称" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                         /> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="avatar" | 
 |  |  |                             label="头像" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="code" | 
 |  |  |                             label="工号" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                             rules={[{ required: true, message: "名称不能为空!" }]} | 
 |  |  |                         /> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                             name="sex" | 
 |  |  | 
 |  |  |                             label="手机号" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                             rules={[ | 
 |  |  |                                 { | 
 |  |  |                                     pattern: /^1[3456789]\d{9}$/, | 
 |  |  |                                     message: '请输入正确的手机号码!', | 
 |  |  |                                 }, | 
 |  |  |                                 { | 
 |  |  |                                     required: false, | 
 |  |  |                                     message: '手机号码不能为空!', | 
 |  |  |                                 }, | 
 |  |  |                             ]} | 
 |  |  |  | 
 |  |  |                         /> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="email" | 
 |  |  |                             label="邮箱" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                             name="emailVerified" | 
 |  |  |                             label="邮箱验证" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             options={[ | 
 |  |  |                                 { label: '否', value: 0 }, | 
 |  |  |                                 { label: '是', value: 1 }, | 
 |  |  |                             rules={[ | 
 |  |  |                                 { | 
 |  |  |                                     type: 'email', | 
 |  |  |                                     message: '请输入正确的邮箱地址!', | 
 |  |  |                                 }, | 
 |  |  |                                 { | 
 |  |  |                                     required: false, | 
 |  |  |                                     message: '邮箱不能为空!', | 
 |  |  |                                 }, | 
 |  |  |                             ]} | 
 |  |  |                         /> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                             name="deptId" | 
 |  |  |                             label="所属部门" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             fieldProps={{ precision: 0 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             showSearch | 
 |  |  |                             debounceTime={300} | 
 |  |  |                             request={async ({ keyWords }) => { | 
 |  |  |                                 const resp = await Http.doPostForm('api/dept/query', { condition: keyWords }); | 
 |  |  |                                 return resp.data; | 
 |  |  |                             }} | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="birthday" | 
 |  |  |                             label="出生日期" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                         /> | 
 |  |  |                         <ProFormText | 
 |  |  |                             name="introduction" | 
 |  |  |                             label="个人简介" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请输入" | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                         <ProFormRadio.Group | 
 |  |  |                             name="status" | 
 |  |  |                             label="状态" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  | 
 |  |  |                                 { label: '禁用', value: 0 }, | 
 |  |  |                             ]} | 
 |  |  |                         /> | 
 |  |  |                         <ProFormDateTimePicker | 
 |  |  |                             name="createTime" | 
 |  |  |                             label="添加时间" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             transform={(value) => moment(value).toISOString()} | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                             name="createBy" | 
 |  |  |                             label="添加人员" | 
 |  |  |                             name="roleIds" | 
 |  |  |                             mode="multiple" | 
 |  |  |                             label="角色" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             fieldProps={{ precision: 0 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             showSearch | 
 |  |  |                             debounceTime={300} | 
 |  |  |                             rules={[{ required: true, type: 'array', message: '角色不能为空!' }]} | 
 |  |  |                             request={async ({ keyWords }) => { | 
 |  |  |                                 const resp = await Http.doPostForm('api/user/query', { condition: keyWords }); | 
 |  |  |                                 return resp.data; | 
 |  |  |                             }} | 
 |  |  |                         /> | 
 |  |  |                         <ProFormDateTimePicker | 
 |  |  |                             name="updateTime" | 
 |  |  |                             label="修改时间" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             transform={(value) => moment(value).toISOString()} | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |                     <ProForm.Group> | 
 |  |  |                         <ProFormSelect | 
 |  |  |                             name="updateBy" | 
 |  |  |                             label="修改人员" | 
 |  |  |                             colProps={{ md: 12, xl: 12 }} | 
 |  |  |                             fieldProps={{ precision: 0 }} | 
 |  |  |                             placeholder="请选择" | 
 |  |  |                             showSearch | 
 |  |  |                             debounceTime={300} | 
 |  |  |                             request={async ({ keyWords }) => { | 
 |  |  |                                 const resp = await Http.doPostForm('api/user/query', { condition: keyWords }); | 
 |  |  |                                 const resp = await Http.doPostForm('api/role/query', { condition: keyWords }); | 
 |  |  |                                 return resp.data; | 
 |  |  |                             }} | 
 |  |  |                         /> | 
 |  |  |                     </ProForm.Group> | 
 |  |  |  | 
 |  |  |                     <ProFormTextArea | 
 |  |  |                         name="memo" | 
 |  |  |                         label="备注" | 
 |  |  |                         colProps={{ md: 24, xl: 24 }} | 
 |  |  |                         placeholder="请输入" | 
 |  |  |                     /> | 
 |  |  |                 </ProForm> | 
 |  |  |             </Modal> | 
 |  |  |         </> |