| | |
| | | ProFormDigit, |
| | | ProFormText, |
| | | ProFormSelect, |
| | | ProFormDateTimePicker |
| | | ProFormTreeSelect |
| | | } from '@ant-design/pro-components'; |
| | | import { Form, Modal } from 'antd'; |
| | | import moment from 'moment'; |
| | |
| | | hidden={true} |
| | | /> |
| | | <ProForm.Group> |
| | | <ProFormSelect |
| | | <ProFormTreeSelect |
| | | 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; |
| | | params={props.treeData} |
| | | request={async () => { |
| | | return props.treeData; |
| | | }} |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请选择" |
| | | fieldProps={{ |
| | | treeDefaultExpandedKeys: [0] |
| | | }} |
| | | rules={[{ required: true, message: "所属部门不能为空" }]} |
| | | /> |
| | | <ProFormText |
| | | name="nickname" |
| | |
| | | label="手机号" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | ules={[ |
| | | { |
| | | pattern: /^1[3456789]\d{9}$/, |
| | | message: '请输入正确的手机号码!', |
| | | }, |
| | | { |
| | | required: false, |
| | | message: '手机号码不能为空!', |
| | | }, |
| | | ]} |
| | | |
| | | /> |
| | | <ProFormText |
| | | name="email" |
| | | label="邮箱" |
| | | colProps={{ md: 12, xl: 12 }} |
| | | placeholder="请输入" |
| | | rules={[ |
| | | { |
| | | type: 'email', |
| | | message: '请输入正确的邮箱地址!', |
| | | }, |
| | | { |
| | | required: false, |
| | | message: '邮箱不能为空!', |
| | | }, |
| | | ]} |
| | | /> |
| | | </ProForm.Group> |
| | | <ProForm.Group> |
| | |
| | | width: 30, |
| | | }, |
| | | { |
| | | title: '昵称', |
| | | title: '名称', |
| | | dataIndex: 'nickname', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | width: 100, |
| | | copyable: true, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='nickname' |
| | | {...props} |
| | |
| | | />, |
| | | }, |
| | | { |
| | | title: '账号', |
| | | title: '登录账号', |
| | | dataIndex: 'username', |
| | | valueType: 'text', |
| | | hidden: false, |
| | |
| | | <Edit |
| | | open={modalVisible} |
| | | values={currentRow || {}} |
| | | treeData={deptTreeData} |
| | | onCancel={ |
| | | () => { |
| | | setModalVisible(false); |