face.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. <body>
  15. <div id="content"></div>
  16. </body>
  17. <script>
  18. let _this;
  19. var vm = new Vue({
  20. el: '#content',
  21. data: {
  22. metaInfo: '',
  23. baseUrl: 'http://47.99.82.249:6001/prod-api'
  24. },
  25. mounted() {
  26. console.log(baseUrl,1)
  27. let query = this.getQuery('data')
  28. if (!query) {
  29. alert('参数不存在')
  30. return
  31. }
  32. query = JSON.parse(query)
  33. var metaInfo = window.getMetaInfo();
  34. this.metaInfo = JSON.stringify(metaInfo)
  35. this.init(query)
  36. },
  37. methods: {
  38. getQuery(name) {
  39. let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  40. let r = window.location.search.substr(1).match(reg);
  41. if (r != null) {
  42. // 对参数值进行解码
  43. return decodeURIComponent(r[2]);
  44. }
  45. return null;
  46. },
  47. init(item) {
  48. var that = this;
  49. var header={
  50. 'Authorization': 'Bearer ' + item.token,
  51. }
  52. var params = {
  53. idCard: item.idCard,
  54. realName: item.realName,
  55. metaInfo: this.metaInfo,
  56. returnUrl:item.returnUrl
  57. }
  58. var baseUrl = this.baseUrl
  59. $.ajax({
  60. url: baseUrl + '/ocr/ocrSampleAliYun',
  61. type: 'post',
  62. dataType: 'json',
  63. contentType : 'application/json',
  64. headers: header,
  65. data: JSON.stringify(params),
  66. success: function(res) {
  67. if (res.code == 200) {
  68. var certifyUrl = res.data.certifyUrl
  69. window.location.href = certifyUrl;
  70. } else {
  71. that.$message({
  72. message: res.msg,
  73. type: 'error'
  74. });
  75. }
  76. }
  77. })
  78. },
  79. }
  80. });
  81. </script>
  82. </html>