result.jsx 3.7 KB

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