authrz.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
  10. <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  12. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  13. <title>{$webname}</title>
  14. <style>
  15. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  16. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  17. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  18. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  19. .no_header{position: fixed;z-index: 9999;padding:0px 10px;top:0px;line-height: 50px;background:#f5f5f5;}
  20. .contentbox{width:100%;height:600px;margin-top:45px;padding:5px 15px;}
  21. .contentbox_top{width:100%;height:50px;line-height:50px;text-align:left;}
  22. .contentbox_line{width:100%;background:#fff;border-radius:10px;padding:0px 10px;}
  23. .line_2{width:100%;padding:10px;}
  24. .imgbox{width:100%;padding:10px;background:#fff;margin-top:15px;border-radius:10px;}
  25. .imgbox_1{width:100%;height:40px;line-height:40px;text-align:left;}
  26. .imgbox_2{width:100%;height:35px;line-height:35px;text-align:left;}
  27. .imgbox_3{width:100px;height:35px;line-height:35px;text-align:center;border:1px solid #FCD535;border-radius:5px;}
  28. .imgbox_4{width:100%;margin-top:15px;border-top:1px solid #f5f5f5;padding: 10px 0px 20px 0px;}
  29. .imgbox_5{width:100%;height:40px;line-height:40px;text-align:left;}
  30. .imgbox_6{width:100%;height:120px;margin-top:10px;text-align:center;}
  31. .imgbox_7{width:100%;height:30px;line-height:30px;text-align:center;margin-top:10px;}
  32. .imgbox_8{width:100%;height:30px;line-height:30px;text-align:center;}
  33. .imgbox_9{width:100px;height:30px;line-height:30px;text-align:center;border-radius:5px;border:1px solid #FCD535;margin:auto;}
  34. .imgbox_10{width:100%;height:40px;line-height:40px;text-align:center;border-radius:5px;margin:auto;background: linear-gradient(to left,#eeb80d,#ffe35b);}
  35. .textbox{width:100%;background:#fff;margin-top:10px;border-radius:10px;padding:15px;}
  36. .zz_inputbox{width:100%;height:40px;line-height:40px;background:#f5f5f5;border-radius:10px;padding:0px 15px;}
  37. .zz_input{height:30px;line-height:30px;margin-top:5px;border:#f5f5f5;background:#f5f5f5;width:100%;}
  38. .layui-upload-file{display: none!important;opacity: .01;}
  39. </style>
  40. </head>
  41. <body>
  42. <div class="container-fluid " style="padding:0px;width:100vw;">
  43. <div class="no_header">
  44. <div class="fl allhg txtl">
  45. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  46. </div>
  47. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  48. </div>
  49. </div>
  50. <div class="contentbox">
  51. <div class="contentbox_top">
  52. <span style="font-size:26px;font-weight:500;">{:L('实名认证')}</span>
  53. </div>
  54. <div class="contentbox_line">
  55. <div class="line_2">
  56. <span>{:L('完成实名认证后能够获得相应的权益')}</span>
  57. </div>
  58. </div>
  59. <div class="contentbox_line">
  60. <div class="line_2">
  61. <!-- <span style="text-align:left" onclick="chuji()">{:L('初级实名')}</span>-->
  62. <span style="margin-left:20px;text-align:right" onclick="gaoji()">{:L('高級實名')}</span>
  63. </div>
  64. </div>
  65. <div class="imgbox">
  66. <div class="imgbox_4" style="border:none;margin:0px;">
  67. <!-- <div id="neirong">-->
  68. <!-- <div class="imgbox_5">-->
  69. <!-- <span class="fzmmm fch">{:L('姓名')}</span>-->
  70. <!-- </div>-->
  71. <!-- <div class="zz_inputbox">-->
  72. <!-- <input type="text" id="name" class="zz_input" value="{$info.name}" placeholder="{:L('姓名')}" />-->
  73. <!-- </div>-->
  74. <!-- <div class="imgbox_5">-->
  75. <!-- <span class="fzmmm fch">{:L('证件号')}</span>-->
  76. <!-- </div>-->
  77. <!-- <div class="zz_inputbox">-->
  78. <!-- <input type="text" id="zhengjian" class="zz_input" value="{$info.zhengjian}" placeholder="{:L('请输入证件号')}" />-->
  79. <!-- </div>-->
  80. <!-- </div>-->
  81. <div id="neirongs" style="display:hide">
  82. <div class="imgbox_5">
  83. <span class="fzmmm fch">{:L('上传身份证正面')}</span>
  84. </div>
  85. <div class="imgbox_6">
  86. <?php if($info['cardzm'] != ''){ ?>
  87. <img src="/Public/Static/payimgs/<?php echo $info['cardzm'];?>" id="test1" style="height:100px;" />
  88. <input type="hidden" id="cardzm" value="<?php echo $info['cardzm'];?>" />
  89. <?php }else{?>
  90. <img src="/Public/Static/img/upimg.png" id="test1" style="height:100px;" />
  91. <input type="hidden" id="cardzm" value="" />
  92. <?php }?>
  93. </div>
  94. <div class="imgbox_5">
  95. <span class="fzmmm fch">{:L('上传身份证背面')}</span>
  96. </div>
  97. <div class="imgbox_6">
  98. <?php if($info['cardfm'] != ''){ ?>
  99. <img src="/Public/Static/payimgs/<?php echo $info['cardfm'];?>" id="test2" style="height:100px;" />
  100. <input type="hidden" id="cardfm" value="<?php echo $info['cardfm'];?>" />
  101. <?php }else{?>
  102. <img src="/Public/Static/img/upimg.png" id="test2" style="height:100px;" />
  103. <input type="hidden" id="cardfm" value="" />
  104. <?php }?>
  105. </div>
  106. </div>
  107. <input type="hidden" id="flag" value="1" />
  108. <!-- <if condition="$info.rzstatus eq 2">-->
  109. <!-- <div class="imgbox_8">-->
  110. <!-- <div class="imgbox_10">-->
  111. <!-- <span class="fzmm fch">{:L('初级审核成功')}</span>-->
  112. <!-- </div>-->
  113. <!-- </div>-->
  114. <!-- <else />-->
  115. <!-- <div class="imgbox_8" id="sub">-->
  116. <!-- <div class="imgbox_10" id="sumbtns"><span class="fzmm fch">{:L('初级提交')}</span></div>-->
  117. <!-- -->
  118. <!-- </div>-->
  119. <!-- </if>-->
  120. <div class="imgbox_10" style="display:hide" id="sumbtn"><span class="fzmm fch">{:L('高級提交')}</span></div>
  121. </div>
  122. </div>
  123. <div style="width:100%;height:80px;"></div>
  124. </div>
  125. </div>
  126. </body>
  127. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  128. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  129. <script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
  130. <script type="text/javascript">
  131. function chuji(){
  132. $("#neirong").show();
  133. $("#neirongs").hide();
  134. $("#sumbtn").hide();
  135. $("#sumbtns").show();
  136. }
  137. function gaoji(){
  138. $("#neirongs").show();
  139. $("#neirong").hide();
  140. $("#sumbtn").show('')
  141. $("#sumbtns").hide('')
  142. }
  143. </script>
  144. <script type="text/javascript">
  145. $("#sumbtn").click(function(){
  146. var flag = $("#flag").val();
  147. if(flag == 2){
  148. return false;
  149. }
  150. var phone = $("#phone").val();
  151. var cardzm = $("#cardzm").val();
  152. var cardfm = $("#cardfm").val();
  153. /*if(phone == ''){
  154. layer.msg("{:L('请输入手机号码')}");return false;
  155. }*/
  156. if(cardzm == null || cardzm == ''){
  157. layer.msg("{:L('请上传上传身份证正面')}");return false;
  158. }
  159. if(cardfm == ''){
  160. layer.msg("{:L('请上传上传身份证背面')}");return false;
  161. }
  162. $("#flag").val(2)
  163. $.post("{:U('User/upauthrz')}",
  164. {'phone' : phone,'cardzm':cardzm,'cardfm':cardfm},
  165. function(data){
  166. if(data.code == 1){
  167. layer.msg(data.info);
  168. setTimeout(function(args){
  169. window.location.reload();
  170. },2000);
  171. }else{
  172. layer.msg(data.info);return false;
  173. }
  174. }
  175. );
  176. });
  177. </script>
  178. <script type="text/javascript">
  179. $("#sumbtns").click(function(){
  180. var flag = $("#flag").val();
  181. var name = $("#name").val();
  182. var zhengjian = $("#zhengjian").val();
  183. if(flag == 2){
  184. return false;
  185. }
  186. if(zhengjian == ''){
  187. layer.msg("{:L('请输入证件号码')}");return false;
  188. }
  189. $("#flag").val(2)
  190. $.post("{:U('User/upauthrzs')}",
  191. {'name' : name,'zhengjian':zhengjian},
  192. function(data){
  193. if(data.code == 1){
  194. layer.msg(data.info);
  195. setTimeout(function(args){
  196. window.location.reload();
  197. },2000);
  198. }else{
  199. layer.msg(data.info);return false;
  200. }
  201. }
  202. );
  203. });
  204. </script>
  205. <script type="text/javascript">
  206. layui.use('upload', function(){
  207. var upload = layui.upload;
  208. var uploadInst = upload.render({
  209. elem: '#test1' //绑定元素
  210. ,url: '{:U("User/recharge_img")}' //上传接口
  211. ,done: function(res){
  212. if(res.code == 0){
  213. $('#cardzm').val(res.data.img);
  214. $("#test1").attr('src',res.data.src);
  215. }
  216. }
  217. ,error: function(){
  218. layer.msg("{:L('上传失败')}");
  219. }
  220. });
  221. });
  222. </script>
  223. <script type="text/javascript">
  224. layui.use('upload', function(){
  225. var upload = layui.upload;
  226. var uploadInst = upload.render({
  227. elem: '#test2' //绑定元素
  228. ,url: '{:U("User/recharge_img")}' //上传接口
  229. ,done: function(res){
  230. console.log(res);
  231. if(res.code == 0){
  232. $('#cardfm').val(res.data.img);
  233. $("#test2").attr('src',res.data.src);
  234. }
  235. }
  236. ,error: function(){
  237. layer.msg("{:L('上传失败')}");
  238. }
  239. });
  240. });
  241. </script>
  242. <script type="text/javascript">
  243. function goback(){
  244. window.history.go(-1);
  245. }
  246. </script>
  247. </html>