user-realauth-finish.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>职级说明-个人中心-创业帮</title>
  6. <meta name="keywords" content="职级说明-个人中心-创业帮">
  7. <meta name="description" content="职级说明-个人中心-创业帮">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="职级说明-个人中心-创业帮">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="finishrealname pt0 ovh" style="padding-top:0;">
  18. <div id="app" style="padding:none;" v-cloak>
  19. <van-nav-bar class="user_rank_explan_title user_finish_realname_title" left-arrow @click-left="goback" v-if="toptitleisshow">
  20. <template #left> <img src="./static/images/left.png" alt=""></template>
  21. </van-nav-bar>
  22. <div class="finishrealname_main">
  23. <div class="title c333 f24 b">实名认证</div>
  24. <div class="tips c999 f12" v-if="isrealauth">您已完成实名认证</div>
  25. <div class="tips c999 f12 unrealauth" v-else>提示:为保障创客权益及平台公正性,请补充身份证照片以及结算卡照片信息</div>
  26. <div class="cell">
  27. <div class="row df f14">
  28. <div class="item c999">姓名:</div>
  29. <div class="info c333">{{name}}</div>
  30. </div>
  31. <div class="row df f14">
  32. <div class="item c999">手机号:</div>
  33. <div class="info c333">{{phonenumber}}</div>
  34. </div>
  35. <div class="row df f14">
  36. <div class="item c999">身份证号:</div>
  37. <div class="info c333">{{IDcardnumber}}</div>
  38. </div>
  39. <div class="row df f14">
  40. <div class="item c999">结算卡号:</div>
  41. <div class="info c333">{{settlementnumber}}</div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="pt16 pl16 pr16 bc333">
  46. <van-button class="border_radius8" v-if="!isrealauth" type="primary" block color="#FFD500" @click="surebtn">开始上传</van-button>
  47. </div>
  48. <div class="careful abs f12 c999"> 注意:用户年龄必须18-60周岁</div>
  49. </div>
  50. <script src="./static/js/klm-vv.min.js"></script>
  51. <script src="./static/js/appfunc.min.js"></script>
  52. <script src="./static/js/klm-axios-config.js"></script>
  53. <script src="./static/js/publicfn.js"></script>
  54. <script>
  55. function OnStart(){
  56. app.getuserinfo();
  57. };
  58. // 在 #app 标签下渲染一个按钮组件
  59. let app = new Vue({
  60. el: '#app',
  61. data() {
  62. return {
  63. toptitleisshow:false,
  64. name:"",
  65. phonenumber:"",
  66. IDcardnumber:"",
  67. settlementnumber:"",
  68. isrealauth:true,
  69. };
  70. },
  71. created() {
  72. this.toptitleisshow = toptitleisshow;
  73. this.getuserinfo();
  74. },
  75. methods: {
  76. async getuserinfo(){
  77. //- 获取用户ID
  78. const Id = PublicLib.getCookieInfo('userId');
  79. const userinfo = await getRequest('api/v1/users/personalinfo?t='+Math.random(6),JSON.stringify({Id}));
  80. //- 是否实名认证完毕
  81. this.isrealauth = userinfo.data.AuthFlag;
  82. if(Id === '14'){
  83. this.isrealauth = false;
  84. };
  85. //- 实名认证四要素
  86. const res = await getRequest('api/v1/users/authinfo?t='+Math.random(6),JSON.stringify({Id}));
  87. this.name = res.data.RealName;
  88. this.phonenumber = hidemiddlenum(res.data.Mobile,3,4);
  89. this.IDcardnumber = hidemiddlenum(res.data.CertId,3,4);
  90. this.settlementnumber = hidemiddlenum(res.data.SettleBankCardNo,4,4);
  91. },
  92. backrank(){
  93. this.$refs.back.click();
  94. },
  95. surebtn(){
  96. PublicLib.Goto({Url:'user-realauth'});
  97. },
  98. goback(){
  99. PublicLib.GoBack({Level:1});
  100. }
  101. }
  102. });
  103. </script>
  104. </body>
  105. </html>