result.jsx 3.8 KB

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