result.jsx 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. import React from 'react';
  2. import { Input, Button, Form, Icon, Spin, message, } from 'antd';
  3. import './certify.less';
  4. import ajax from 'jquery/src/ajax/xhr.js'
  5. import $ from 'jquery/src/ajax';
  6. const Content = Form.create()(React.createClass({
  7. getInitialState() {
  8. return {
  9. loading: false,
  10. auditStatus: 3
  11. };
  12. },
  13. handleSubmit() {
  14. this.setState({
  15. loading: true
  16. });
  17. $.ajax({
  18. method: "POST",
  19. dataType: "json",
  20. crossDomain: false,
  21. url: globalConfig.context + "/api/user/userNextPro",
  22. data: {
  23. process: 4
  24. }
  25. }).done(function (data) {
  26. if (!data.error.length) {
  27. message.success('保存成功!');
  28. this.props.changeStep(5);
  29. } else {
  30. message.warning(data.error[0].message);
  31. }
  32. }.bind(this)).always(function () {
  33. this.setState({
  34. loading: false
  35. });
  36. }.bind(this));
  37. },
  38. componentWillMount() {
  39. $.ajax({
  40. method: "get",
  41. dataType: "json",
  42. url: globalConfig.context + "/api/user/userPro",
  43. success: function (data) {
  44. if (data.data) {
  45. this.setState({
  46. auditStatus: data.data.auditStatus
  47. });
  48. } else {
  49. message.warning(data.error[0].message);
  50. };
  51. }.bind(this),
  52. });
  53. },
  54. render() {
  55. const _me = this;
  56. return (
  57. <Spin spinning={this.state.loading} className="certify-spin">
  58. {(() => {
  59. switch (this.state.auditStatus) {
  60. case 2:
  61. return <div className="certify-result-box">
  62. <p className="certify-title"
  63. style={{ 'textAlign': 'center' }}
  64. >输入的金额正确后,即时审核您填写的身份信息,请耐心等待2秒钟;如审核通过,即认证申请成功</p>
  65. <div className="certify-result-state">
  66. <Icon type="check" />
  67. <p>您已通过了实名认证</p>
  68. <p>建议您下载数字证书,保障您的支付安全。</p>
  69. </div>
  70. </div>;
  71. case 3:
  72. return <div className="certify-result-box">
  73. <p className="certify-title"
  74. style={{ 'textAlign': 'center' }}
  75. >若输入金额错误,则实名认证不通过。可重新申请实名认证。</p>
  76. <div className="certify-result-state">
  77. <Icon type="exclamation-circle" />
  78. <p>您未能通过实名认证审核</p>
  79. <p>可能的原因是:</p>
  80. <p>您提交的认证资料不符合要求,未能通过实名认证;</p>
  81. <p>您输入的金额有误,未能通过实名认证;</p>
  82. <p>您未及时在规定的5天期限内输入金额,未能通过实名认证;</p>
  83. <Button className="set-submit" type="primary" htmlType="submit">重新申请实名认证</Button>
  84. </div>
  85. </div>;
  86. };
  87. })()}
  88. </Spin >
  89. );
  90. },
  91. }));
  92. export default Content;