import React from 'react'; import { Input, Button, Form, Upload, Icon, Spin, message, Row, Col } from 'antd'; import './certify.less'; import { addressInit, getBase64, beforeUpload, beforeUploadFile } from '../tools.js'; import ajax from 'jquery/src/ajax/xhr.js' import $ from 'jquery/src/ajax'; import card1 from '../../../image/idcard1.jpg'; import card2 from '../../../image/idcard2.jpg'; class Avatar extends React.Component { constructor(props) { super(props); this.state = { imageUrl: '' } } handleChange(info) { if (info.file.status === 'done') { // Get this url from response in real world. getBase64(info.file.originFileObj, imageUrl => this.setState({ imageUrl })); this.props.urlData(info.file.response.data); } } render() { const imageUrl = this.state.imageUrl; return ( { imageUrl ? : } ); } }; class UploadFile extends React.Component { constructor(props) { super(props); } handleChange(info) { if (info.file.status === 'done') { this.props.urlData(info.file.response.data); } } render() { return ( ); } }; const Content = Form.create()(React.createClass({ getData() { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", url: globalConfig.context + "/api/user/orgProcess", success: function (data) { if (data.data) { addressInit('cmbProvince', 'cmbCity', 'cmbArea', data.data.licenceProvince, data.data.licenceCity, data.data.licenceArea); this.setState({ contactMobile: data.data.contactMobile, aftUsername: data.data.aft, unitName: data.data.unitName, registeredCapital: data.data.registeredCapital, licenceNumber: data.data.licenceNumber, orgCode: data.data.orgCode, legalPerson:data.data.legalPerson, legalPersonIdNumber:data.data.legalPersonIdNumber }); } else { message.warning(data.error[0].message); }; }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { loading: false }; }, handleSubmit(e) { e.preventDefault(); this.props.form.validateFields((err, values) => { //地址值 let cmbP = document.getElementById('cmbProvince').value; let cmbC = document.getElementById('cmbCity').value; let cmbA = document.getElementById('cmbArea').value; if (cmbP || cmbC || cmbA) { message.warning("请选择所在地!"); return; }; if (this.state.licenceScanningUrl) { message.warning("请上传营业执照副本!"); return; }; if (this.state.orgCodeUrl) { message.warning("请上传组织机构代码证!"); return; }; if (this.state.lastYearTaxReportUrl) { message.warning("请上传上年度纳税报表!"); return; }; if (!err) { this.setState({ loading: true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/orgNextPro", data: { contacts:values.contacts, contactMobile: values.contactMobile, aftUsername: values.aft, unitName: values.unitName, registeredCapital: values.registeredCapital, licenceNumber: values.licenceNumber, licenceProvince: cmbP, licenceCity: cmbC, licenceArea: cmbA, licenceScanningUrl: this.state.licenceScanningUrl, orgCode: values.orgCode, orgCodeUrl: this.state.orgCodeUrl, lastYearTaxReportUrl: this.state.lastYearTaxReportUrl, legalPerson:values.legalPerson, legalPersonIdNumber:values.legalPersonIdNumber, captcha:values.captcha, process: 1 } }).done(function (data) { if (!data.error.length) { message.success('保存成功!'); this.props.changeStep(2); } else { message.warning(data.error[0].message); } }.bind(this)).always(function () { this.setState({ loading: false }); }.bind(this)); } }); }, checkIdcardnum(rule, value, callback) { if (!/(^\d{15}$)|(^\d{17}(\d|X)$)/.test(value)) { callback('请输入正确的身份证号!'); } else { callback(); } }, checkPhone(rule, value, callback) { const form = this.props.form; const _me = this; if (!(/^1[34578]\d{9}$/.test(value))) { callback('请输入正确的手机号码!'); _me.setState({ getCodeButton: true }); } else { callback(); _me.setState({ getCodeButton: false }); } }, checkNumber(rule, value, callback) { if (!/(^\d{15}$)/.test(value)) { callback('请输入正确的营业执照注册号!'); } else { callback(); } }, getLicenceScanningUrl(e) { this.state.licenceScanningUrl = e; }, getOrgCodeUrl(e) { this.state.orgCodeUrl = e; }, getLastYearTaxReportUrl(e) { this.state.lastYearTaxReportUrl = e; }, componentDidMount() { addressInit('cmbProvince', 'cmbCity', 'cmbArea'); this.getData(); }, reloadVCode(e) { e.target.src = globalConfig.context + '/open/getVCode?t=' + Math.random(); }, render() { const FormItem = Form.Item; const { getFieldDecorator } = this.props.form; const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 12 }, }; const _me = this; return (
建议字母、数字和符号两种以上组合,6-20个字符} > {getFieldDecorator('aftUsername', { initialValue: this.state.aftUsername || null, rules: [{ required: true, message: '请输入用户名!' }] })( )} {getFieldDecorator('unitName', { initialValue: this.state.unitName || null, rules: [{ required: true, message: '请输入企业名称!' }] })( )} {getFieldDecorator('registeredCapital', { initialValue: this.state.registeredCapital || null, rules: [{ required: true, message: '请输入注册资金!' }] })( )} 万元 {getFieldDecorator('contacts', { initialValue: this.state.contacts || null, rules: [{ required: true, message: '请输入联系人姓名!' }] })( )} 请填写联系人手机号码,我们会将重要进度以短信形式通知您} > {getFieldDecorator('contactMobile', { initialValue: this.state.contactMobile || null, rules: [{ validator: this.checkPhone }] })( )} {getFieldDecorator('contacts', { initialValue: this.state.contacts || null, rules: [{ required: true, message: '请输入联系人姓名!' }] })( )} {getFieldDecorator('idNumber', { rules: [{ validator: this.checkIdcardnum, }], initialValue: this.state.idNumber || null })( )} {getFieldDecorator('licenceNumber', { initialValue: this.state.licenceNumber || null, rules: [{ validator: this.checkNumber, }], })( )} {getFieldDecorator('address')(
)}
{getFieldDecorator('licenceScanningUrl')( )}

1.企业营业执照副本复印件加盖企业公章后,扫描或拍照上传,图片大小不超过2M以内,仅支持jpg格式。

2.若已办理三证合一,请输入统一社会信用代码并上传营业执照副本复印件(加盖企业公章)。

如机构已五证合一,社会统一注册号的第九位至倒数第二位,即为您单位的组织机构代码证号码。} > {getFieldDecorator('orgCode', { initialValue: this.state.orgCode || null, rules: [{ required: true, message: '请输入组织机构代码证号码!' }] })( )} {getFieldDecorator('orgCodeUrl')( )}

1.组织机构代码证副本复印件加盖企业公章后,扫描或拍照上传,图片大小不超过2M以内,仅支持jpg格式。

2.若已办理三证合一,请输入统一社会信用代码并上传营业执照副本复印件(加盖企业公章)。

{getFieldDecorator('lastYearTaxReportUrl')( )} 看不清?点击图片更换验证码} > {getFieldDecorator('captcha', { rules: [{ required: true, message: '请输入图片中的验证码' }], })( )}
); }, })); export default Content;