|
@@ -0,0 +1,386 @@
|
|
|
+import React from 'react';
|
|
|
+import { Icon, message, Input, Select, Button, Form } from 'antd';
|
|
|
+import './userList.less';
|
|
|
+import ajax from 'jquery/src/ajax/xhr.js';
|
|
|
+import $ from 'jquery/src/ajax';
|
|
|
+import { edulvlArr, auditStatusList } from '../../dataDic.js'
|
|
|
+import { addressInit } from '../../tools.js';
|
|
|
+
|
|
|
+const OrgCertify = Form.create()(React.createClass({
|
|
|
+ getInitialState() {
|
|
|
+ return {
|
|
|
+ visible: false,
|
|
|
+ loading: false
|
|
|
+ };
|
|
|
+ },
|
|
|
+ loadData() {
|
|
|
+ this.state.data = [];
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "post",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/orgDetail",
|
|
|
+ data: {
|
|
|
+ uid: this.props.uid
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ if (data.error.length || !data.data) {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ addressInit('licenceProvince', 'licenceCity', 'licenceArea',
|
|
|
+ data.data.licenceProvince, data.data.licenceCity, data.data.licenceArea);
|
|
|
+ addressInit('locationProvince', 'locationCity', 'locationArea',
|
|
|
+ data.data.locationProvince, data.data.locationCity, data.data.locationArea);
|
|
|
+ this.setState({
|
|
|
+ id: data.data.id,
|
|
|
+ contacts: data.data.contacts,
|
|
|
+ contactMobile: data.data.contactMobile,
|
|
|
+ fixedTel: data.data.fixedTel,
|
|
|
+ qq: data.data.qq,
|
|
|
+ postalAddress: data.data.postalAddress,
|
|
|
+ postcode: data.data.postcode,
|
|
|
+ aftUsername: data.data.aftUsername,
|
|
|
+ unitName: data.data.unitName,
|
|
|
+ identityType: data.data.identityType, //组织性质
|
|
|
+ registeredCapital: data.data.registeredCapital, //注册资金
|
|
|
+
|
|
|
+ legalPerson: data.data.contacts,
|
|
|
+ legalPersonIdCard: data.data.contacts,
|
|
|
+
|
|
|
+ licenceNumber: data.data.licenceNumber,
|
|
|
+ licenceScanningUrl: data.data.licenceScanningUrl,
|
|
|
+ orgCode: data.data.orgCode,
|
|
|
+ orgCodeUrl: data.data.orgCodeUrl,
|
|
|
+
|
|
|
+ bankAccount: data.data.bankAccount,
|
|
|
+ banks: data.data.banks,
|
|
|
+ bankBranch: data.data.bankBranch,
|
|
|
+ bankCardNumber: data.data.bankCardNumber,
|
|
|
+
|
|
|
+ validationAmount: data.data.validationAmount, //打款金额
|
|
|
+ lastYearTaxReportUrl: data.data.contacts,
|
|
|
+ auditStatus: data.data.contacts,
|
|
|
+ process: data.data.contacts
|
|
|
+ });
|
|
|
+ }.bind(this),
|
|
|
+ }).always(function () {
|
|
|
+ this.setState({
|
|
|
+ loading: false
|
|
|
+ });
|
|
|
+ }.bind(this));
|
|
|
+ },
|
|
|
+ handleSubmit(e) {
|
|
|
+ e.preventDefault();
|
|
|
+ this.props.form.validateFields((err, values) => {
|
|
|
+ if (!err) {
|
|
|
+ this.setState({
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ dataType: "json",
|
|
|
+ crossDomain: false,
|
|
|
+ url: globalConfig.context + "/api/admin/updateOrgDetail",
|
|
|
+ data: {
|
|
|
+ id: this.state.id,
|
|
|
+ username: values.username,
|
|
|
+ sex: values.sex,
|
|
|
+ idNumber: values.idNumber,
|
|
|
+ aftUsername: values.aftUsername,
|
|
|
+ contactMobile: values.contactMobile,
|
|
|
+ bankName: values.bankName,
|
|
|
+ bankAccount: values.bankAccount,
|
|
|
+ bankCardNumber: values.bankCardNumber,
|
|
|
+ amountMoney: values.amountMoney,
|
|
|
+ auditStatus: values.auditStatus,
|
|
|
+ process: values.process
|
|
|
+ }
|
|
|
+ }).done(function (data) {
|
|
|
+ if (!data.error.length) {
|
|
|
+ message.success('保存成功!');
|
|
|
+ } else {
|
|
|
+ message.warning(data.error[0].message);
|
|
|
+ }
|
|
|
+ }.bind(this)).always(function () {
|
|
|
+ this.setState({
|
|
|
+ visible: false,
|
|
|
+ });
|
|
|
+ this.props.closeDesc(false);
|
|
|
+ }.bind(this));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ componentDidMount() {
|
|
|
+ addressInit('licenceProvince', 'licenceCity', 'licenceArea');
|
|
|
+ addressInit('locationProvince', 'locationCity', 'locationArea');
|
|
|
+ this.loadData();
|
|
|
+ },
|
|
|
+ componentWillReceiveProps(nextProps) {
|
|
|
+ if (nextProps.uid !== this.props.uid) {
|
|
|
+ this.loadData();
|
|
|
+ };
|
|
|
+ },
|
|
|
+ render() {
|
|
|
+ const { getFieldDecorator } = this.props.form;
|
|
|
+ const FormItem = Form.Item
|
|
|
+ const formItemLayout = {
|
|
|
+ labelCol: { span: 4 },
|
|
|
+ wrapperCol: { span: 12 },
|
|
|
+ };
|
|
|
+ return (
|
|
|
+ <Form horizontal onSubmit={this.handleSubmit} className="person-form">
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="公司名称"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('unitName', {
|
|
|
+ initialValue: this.state.unitName || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="认证名称"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('aftUsername', {
|
|
|
+ initialValue: this.state.aftUsername || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="身份类型"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('identityType', {
|
|
|
+ initialValue: this.state.identityType
|
|
|
+ })(
|
|
|
+ <Select placeholder="身份类型" style={{ width: 200 }}
|
|
|
+ onChange={(e) => { this.state.identityType = e }}>
|
|
|
+ {
|
|
|
+ edulvlArr.map(function (item, i) {
|
|
|
+ return <Select.Option key={i} value={item} >{item}</Select.Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="联系人"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('contacts', {
|
|
|
+ initialValue: this.state.contacts || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="联系人电话"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('contactMobile', {
|
|
|
+ initialValue: this.state.contactMobile || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="法人"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('legalPerson', {
|
|
|
+ initialValue: this.state.contacts || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="法人身份证号"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('legalPersonIdCard', {
|
|
|
+ initialValue: this.state.contactMobile || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="注册资金"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('registeredCapital', {
|
|
|
+ initialValue: this.state.registeredCapital || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="营业执照编号"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('licenceNumber', {
|
|
|
+ initialValue: this.state.licenceNumber || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="营业执照所在地"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('licenceAddress')(
|
|
|
+ <div>
|
|
|
+ <select id="licenceProvince" name="licenceProvince"></select>
|
|
|
+ <select id="licenceCity" name="licenceCity"></select>
|
|
|
+ <select id="licenceArea" name="licenceArea"></select>
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="营业执照图片"
|
|
|
+ >
|
|
|
+ <div className="idcard-img clearfix">
|
|
|
+ {this.state.licenceScanningUrl ? <div>
|
|
|
+ <div className="idcard-imgbox">
|
|
|
+ <img src={globalConfig.context + '/open/writeImage?path=' + this.state.licenceScanningUrl} alt="点击查看大图"
|
|
|
+ onClick={(e) => { window.open(e.target.src) }} />
|
|
|
+ </div>
|
|
|
+ </div> : <div>未上传</div>}
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="组织机构代码"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('orgCode', {
|
|
|
+ initialValue: this.state.orgCode || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="组织机构代码证图片"
|
|
|
+ >
|
|
|
+ <div className="idcard-img clearfix">
|
|
|
+ {this.state.orgCodeUrl ? <div>
|
|
|
+ <div className="idcard-imgbox">
|
|
|
+ <img src={globalConfig.context + '/open/writeImage?path=' + this.state.orgCodeUrl} alt="点击查看大图"
|
|
|
+ onClick={(e) => { window.open(e.target.src) }} />
|
|
|
+ </div>
|
|
|
+ </div> : <div>未上传</div>}
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="上年度纳税报表"
|
|
|
+ >
|
|
|
+ <div className="idcard-img clearfix">
|
|
|
+ {this.state.lastYearTaxReportUrl ? <div>
|
|
|
+ <div className="idcard-imgbox">
|
|
|
+ <img src={globalConfig.context + '/open/writeImage?path=' + this.state.lastYearTaxReportUrl} alt="点击查看大图"
|
|
|
+ onClick={(e) => { window.open(e.target.src) }} />
|
|
|
+ </div>
|
|
|
+ </div> : <div>未上传</div>}
|
|
|
+ </div>
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="开户银行"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('contactMobile', {
|
|
|
+ initialValue: this.state.contactMobile || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="开户银行支行"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('contactMobile', {
|
|
|
+ initialValue: this.state.contactMobile || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="银行卡号"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('contactMobile', {
|
|
|
+ initialValue: this.state.contactMobile || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ labelCol={{ span: 4 }}
|
|
|
+ wrapperCol={{ span: 18 }}
|
|
|
+ label="开户行所在地"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('locationAddress')(
|
|
|
+ <div>
|
|
|
+ <select id="locationProvince" name="locationProvince"></select>
|
|
|
+ <select id="locationCity" name="locationCity"></select>
|
|
|
+ <select id="locationArea" name="locationArea"></select>
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="打款金额"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('validationAmount', {
|
|
|
+ initialValue: this.state.validationAmount || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="认证状态"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('auditStatus', {
|
|
|
+ initialValue: this.state.auditStatus || null
|
|
|
+ })(
|
|
|
+ <Select placeholder="选择认证状态" style={{ width: 200 }}
|
|
|
+ onChange={(e) => { this.state.auditStatus = e }}>
|
|
|
+ {
|
|
|
+ auditStatusList.map(function (item, i) {
|
|
|
+ return <Select.Option key={i} value={item.value} >{item.key}</Select.Option>
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </Select>
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem
|
|
|
+ {...formItemLayout}
|
|
|
+ label="认证步骤"
|
|
|
+ >
|
|
|
+ {getFieldDecorator('process', {
|
|
|
+ initialValue: this.state.process || null
|
|
|
+ })(
|
|
|
+ <Input />
|
|
|
+ )}
|
|
|
+ </FormItem>
|
|
|
+ <FormItem wrapperCol={{ span: 12, offset: 4 }}>
|
|
|
+ <Button className="set-submit" type="primary" htmlType="submit">保存</Button>
|
|
|
+ </FormItem>
|
|
|
+ </Form >
|
|
|
+ );
|
|
|
+ },
|
|
|
+}));
|
|
|
+
|
|
|
+export default OrgCertify;
|