face.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  6. <meta name="viewport"
  7. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
  8. <title>实人认证</title>
  9. <script type="text/javascript" src="https://cn-shanghai-aliyun-cloudauth.oss-cn-shanghai.aliyuncs.com/web_sdk_js/jsvm_all.js" ></script>
  10. <script type="text/javascript" src="js/vue.min.js"></script>
  11. <script type="text/javascript" src="js/jquery.min.js"></script>
  12. <script type="text/javascript" src="../../config.js"></script>
  13. </head>
  14. <style>
  15. body{background-color: #ffffff;}
  16. .tit{font-size: 14px;text-align: center;padding-top: 100px;}
  17. </style>
  18. <body>
  19. <div id="content">
  20. <div class="tit">正在跳转,请稍后~ </div>
  21. </div>
  22. </body>
  23. <script>
  24. let _this;
  25. var vm = new Vue({
  26. el: '#content',
  27. data: {
  28. metaInfo: '',
  29. baseUrl: 'https://rzdbh.qs163.cn/prod-api'
  30. // baseUrl: 'http://47.99.82.249:5017/prod-api'
  31. // baseUrl: 'http://192.168.101.245:8056'
  32. },
  33. mounted() {
  34. let query = this.getQuery('data')
  35. if (!query) {
  36. alert('参数不存在')
  37. return
  38. }
  39. query = JSON.parse(query)
  40. var metaInfo = window.getMetaInfo();
  41. this.metaInfo = JSON.stringify(metaInfo)
  42. this.init(query)
  43. },
  44. methods: {
  45. getQuery(name) {
  46. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  47. let r = window.location.search.substr(1).match(reg);
  48. if (r != null) {
  49. // 对参数值进行解码
  50. return decodeURIComponent(r[2]);
  51. }
  52. return null;
  53. },
  54. init(item) {
  55. var that = this;
  56. var header={
  57. 'Authorization': 'Bearer ' + item.token,
  58. }
  59. var params = {
  60. idCard: item.idCard,
  61. realName: item.realName,
  62. expirationDate: item.expirationDate,
  63. phonenumber: item.phonenumber,
  64. address: item.address,
  65. front: item.front,
  66. back: item.back,
  67. userId: item.userId,
  68. metaInfo: this.metaInfo,
  69. returnUrl:item.returnUrl,
  70. }
  71. var baseUrl = this.baseUrl;
  72. $.ajax({
  73. url: baseUrl + '/ocr/ocrSampleAliYunH',
  74. type: 'post',
  75. dataType: 'json',
  76. contentType : 'application/json',
  77. headers: header,
  78. data: JSON.stringify(params),
  79. success: function(res) {
  80. if (res.code == 200) {
  81. var certifyUrl = res.data.certifyUrl;
  82. // window.location.href = certifyUrl;
  83. var time=setTimeout(function(){
  84. window.location.href = certifyUrl
  85. },10)
  86. // location.href=certifyUrl
  87. } else {
  88. // that.$message({
  89. // message: res.msg,
  90. // type: 'error'
  91. // });
  92. }
  93. }
  94. })
  95. },
  96. }
  97. });
  98. </script>
  99. </html>