| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 | 
							- import React from 'react';
 
- import { Icon, message } from 'antd';
 
- import './certify.less';
 
- import ajax from 'jquery/src/ajax/xhr.js'
 
- import $ from 'jquery/src/ajax';
 
- import Personal from './personal.jsx';
 
- import Bank from './bank.jsx';
 
- import Confirm from './confirm.jsx';
 
- import Audit from './audit.jsx';
 
- import Money from './money.jsx';
 
- import Result from './result.jsx';
 
- const Content = React.createClass({
 
-     stepNumSwith(num) {
 
-         switch (num) {
 
-             case 1:
 
-                 this.setState({
 
-                     step0Class: 'step-done',
 
-                     step1Class: 'step-doing',
 
-                     step2Class: 'step-none',
 
-                     step3Class: 'step-none',
 
-                     step4Class: 'step-none',
 
-                     step5Class: 'step-none',
 
-                     step6Class: 'step-none'
 
-                 });
 
-                 break;
 
-             case 2:
 
-                 this.setState({
 
-                     step0Class: 'step-off',
 
-                     step1Class: 'step-done',
 
-                     step2Class: 'step-doing',
 
-                     step3Class: 'step-none',
 
-                     step4Class: 'step-none',
 
-                     step5Class: 'step-none',
 
-                     step6Class: 'step-none'
 
-                 });
 
-                 break;
 
-             case 3:
 
-                 this.setState({
 
-                     step0Class: 'step-off',
 
-                     step1Class: 'step-off',
 
-                     step2Class: 'step-done',
 
-                     step3Class: 'step-doing',
 
-                     step4Class: 'step-none',
 
-                     step5Class: 'step-none',
 
-                     step6Class: 'step-none'
 
-                 });
 
-                 break;
 
-             case 4:
 
-                 this.setState({
 
-                     step0Class: 'step-off',
 
-                     step1Class: 'step-off',
 
-                     step2Class: 'step-off',
 
-                     step3Class: 'step-done',
 
-                     step4Class: 'step-doing',
 
-                     step5Class: 'step-none',
 
-                     step6Class: 'step-none'
 
-                 });
 
-                 break;
 
-             case 5:
 
-                 this.setState({
 
-                     step0Class: 'step-off',
 
-                     step1Class: 'step-off',
 
-                     step2Class: 'step-off',
 
-                     step3Class: 'step-off',
 
-                     step4Class: 'step-done',
 
-                     step5Class: 'step-doing',
 
-                     step6Class: 'step-none'
 
-                 });
 
-                 break;
 
-             case 6:
 
-                 this.setState({
 
-                     step0Class: 'step-off',
 
-                     step1Class: 'step-off',
 
-                     step2Class: 'step-off',
 
-                     step3Class: 'step-off',
 
-                     //step4Class: 'step-off',
 
-                     step4Class: 'step-done',
 
-                     step5Class: 'step-done',
 
-                     step6Class: 'step-doing'
 
-                 });
 
-                 break;
 
-         };
 
-     },
 
-     getData() {
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             url: globalConfig.context + "/api/user/orgProcess",
 
-             success: function (data) {
 
-                 if (data.data && data.data.process) {
 
-                     this.state.stepNum = data.data.process + 1
 
-                 } else {
 
-                     this.state.stepNum = 1
 
-                 };
 
-                 this.stepNumSwith(this.state.stepNum);
 
-             }.bind(this),
 
-         }).done(function (data) {
 
-             if (data.error.length) {
 
-                 message.warning(data.error[0].message);
 
-             }
 
-         }.bind(this));
 
-     },
 
-     getInitialState() {
 
-         return {
 
-             loading: false,
 
-         };
 
-     },
 
-     componentWillMount() {
 
-         this.getData();
 
-     },
 
-     changeStep(i) {
 
-         this.state.stepNum = i;
 
-         this.stepNumSwith(i)
 
-     },
 
-     render() {
 
-         return (
 
-             <div className="certify-content">
 
-                 <div className="certify-step clearfix">
 
-                     <div className={this.state.step0Class}><div>企业实名认证流程</div></div>
 
-                     <div className={this.state.step1Class}>
 
-                         {this.state.stepNum > 1 ? <Icon type="check" /> : <i>1</i>}<div><p>填写</p><p>企业信息</p></div>
 
-                     </div>
 
-                     <div className={this.state.step2Class}>
 
-                         {this.state.stepNum > 2 ? <Icon type="check" /> : <i>2</i>}<div><p>填写</p><p>银行卡信息</p></div>
 
-                     </div>
 
-                     <div className={this.state.step3Class}>
 
-                         {this.state.stepNum > 3 ? <Icon type="check" /> : <i>3</i>}<div>确认信息</div>
 
-                     </div>
 
-                     <div className={this.state.step4Class}>
 
-                         {this.state.stepNum > 4 ? <Icon type="check" /> : <i>4</i>}<div>信息审核</div>
 
-                     </div>
 
-                     <div className={this.state.step5Class} style={{display:'none'}}>
 
-                         {this.state.stepNum > 5 ? <Icon type="check" /> : <i>5</i>}<div><p>填写打入</p><p>卡内金额</p></div>
 
-                     </div>
 
-                     <div className={this.state.step6Class}>
 
-                         {this.state.stepNum > 6 ? <Icon type="check" /> : <i>5</i>}<div>认证结果</div>
 
-                     </div>
 
-                 </div>
 
-                 <div className="certify-form-box">
 
-                     {(() => {
 
-                         switch (this.state.stepNum) {
 
-                             case 1:
 
-                                 return <Personal changeStep={this.changeStep} />;
 
-                             case 2:
 
-                                 return <Bank changeStep={this.changeStep} />;
 
-                             case 3:
 
-                                 return <Confirm changeStep={this.changeStep} />;
 
-                             case 4:
 
-                                 return <Audit changeStep={this.changeStep} />;
 
-                             case 99:
 
-                                 return <Money changeStep={this.changeStep} />;
 
-                             case 6:
 
-                                 return <Result changeStep={this.changeStep} />;
 
-                         };
 
-                     })()}
 
-                 </div>
 
-             </div>
 
-         )
 
-     }
 
- });
 
- export default Content;
 
 
  |