import React from 'react'; import { Input, Button, Select, Form, Radio, Upload, Icon, DatePicker, Spin } from 'antd'; import './base.less'; const FormItem = Form.Item; const Option = Select.Option; const RadioGroup = Radio.Group; const edulvlArr = ["高中", "大专", "本科", "硕士研究生", "博士研究生"]; import weixin from '../../../../image/weixin-w.png'; import qq from '../../../../image/qq-w.png'; import weibo from '../../../../image/weibo-w.png'; import card1 from '../../../../image/idcard1.jpg'; import card2 from '../../../../image/idcard2.jpg'; const BaseFrom = Form.create()(React.createClass({ handleSubmit(e) { e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { console.log('Received values of form: ', values); } }); }, normFile(e) { if (Array.isArray(e)) { return e; } return e && e.fileList; }, checkidNum(rule, value, callback) { const form = this.props.form; if (value && value !== form.getFieldValue('password')) { callback('Two passwords that you enter is inconsistent!'); } else { callback(); } }, checkUpload(file) { const isJPG = file.type === 'image/jpeg'; if (!isJPG) { callback('You can only upload JPG file!'); } const isLt2M = file.size / 1024 / 1024 < 2; if (!isLt2M) { callback('Image must smaller than 2MB!'); } return isJPG && isLt2M; }, render() { const { getFieldDecorator } = this.props.form; const formItemLayout = { labelCol: { span: 3 }, wrapperCol: { span: 12 }, }; return (
{getFieldDecorator('edulvl', { rules: [{ required: true, message: '请选择您的学历!', }], })( )} {getFieldDecorator('birth', { rules: [{ type: 'object', required: true, message: '请选择日期!' }], })( )}

请上传清晰的个人身份证正反面原件照片/扫描件 (不能截图、图片内容要求完整 ),

要求2M 以下的jpg、jpeg、gif、png格式的图片。该资料不会公开展示,仅作为审核材料使用。

{getFieldDecorator('upload', { rules: [{ required: true, message: '请上传身份证照片!', }, { validator: this.checkUpload, }], valuePropName: 'fileList', normalize: this.normFile, })( )}

示例:

); }, })); const Base = React.createClass({ getInitialState() { return { loading: false, userid: '1234567', userphone: '13512345678' }; }, render() { return (

您登录的账号

阿凡提号: {this.state.userid}

登录手机号: {this.state.userphone}

绑定账号 绑定后,可使用第三方账号直接登录阿凡提网

身份信息 提供正确的身份信息,有助于进行身份验证,提升信用形象

) } }); export default Base;