profile.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>收款方式</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  14. <style type="text/css">
  15. div[data-html=form] .am-form .am-form-group{
  16. margin-bottom: 1rem;
  17. border-radius: 10px;
  18. }
  19. .userIcon{
  20. width: 50px;
  21. height: 50px;
  22. margin: 0 0 0 73%;
  23. }
  24. .icon-cearma{
  25. position: absolute;
  26. bottom: 1%;
  27. right: 5%;
  28. width: 24px;
  29. }
  30. #up-img-touch{ position: relative;}
  31. #up-img-touch1{ position: relative;}
  32. #file,#file1{
  33. position: absolute;
  34. top: 0;
  35. width: 100%;
  36. height: 100%;
  37. opacity: 0;
  38. cursor: pointer;
  39. }
  40. </style>
  41. </head>
  42. <body class="">
  43. <!-- Header -->
  44. <header data-am-widget="header" class="am-header am-header-default">
  45. <div class="am-header-left am-header-nav">
  46. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
  47. </div>
  48. <h1 class="am-header-title">
  49. <a href="#title-link">收款方式</a>
  50. </h1>
  51. </header>
  52. <!-- Content -->
  53. <div class="wapper " data-html="form" style="padding-top:49px">
  54. <div class=" am-form am-form-horizontal invest-form am-padding-bottom-xs" >
  55. <div class="am-link-muted am-padding-xs">USDT收款</div>
  56. <div class="am-bg-white">
  57. <div class="am-form-group sc-bg">
  58. <label class="am-u-sm-3 am-form-label">输入钱包地址</label>
  59. <div class="am-u-sm-9">
  60. <input type="text" class=" am-text-right" placeholder="{:__('请输入USDT钱包地址')}" name="usdt_address" value="{$user.usdt_address}">
  61. </div>
  62. </div>
  63. </div>
  64. <!--<div class="am-link-muted am-padding-xs">银行收款</div>
  65. <div class="am-bg-white">
  66. <div class="am-form-group sc-bg">
  67. <label class="am-u-sm-3 am-form-label">输入银行</label>
  68. <div class="am-u-sm-9">
  69. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="bank" value="{$user.bank}">
  70. </div>
  71. </div>
  72. <div class="am-form-group sc-bg">
  73. <label class="am-u-sm-3 am-form-label">持卡人</label>
  74. <div class="am-u-sm-9">
  75. <input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="bank_user_name" value="{$user.bank_user_name}">
  76. </div>
  77. </div>
  78. <div class="am-form-group sc-bg" style="margin-bottom:0!important;">
  79. <label class="am-u-sm-3 am-form-label">银行卡号</label>
  80. <div class="am-u-sm-9">
  81. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="bank_number" value="{$user.bank_number}">
  82. </div>
  83. </div>
  84. </div>-->
  85. <!--
  86. <div class="am-link-muted am-padding-xs">微信收款</div>
  87. <div class="am-bg-white">
  88. <div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
  89. <label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/wx.png" width="30"/>微信收款码</label>
  90. <div class="am-u-sm-6 am-text-right">
  91. <div class=" userIcon " id="up-img-touch1">
  92. <form id="form2" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  93. <img src="{$user.wxprc|default='__CDN__/assets/shop/img/upload.png'}" id="img1" width="50" height="50"/>
  94. <input type="file" id="file1" name="file" />
  95. </form>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="am-link-muted am-padding-xs">支付宝收款</div>
  101. <div class="am-bg-white">
  102. <div class=" am-form-group sc-bg">
  103. <label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/alipay.png" width="30"/>支付宝收款码</label>
  104. <div class="am-u-sm-6 am-text-right">
  105. <div class=" userIcon" id="up-img-touch">
  106. <form id="form1" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  107. <img src="{$user.wxprc|default='__CDN__/assets/shop/img/upload.png'}" id="img" width="50" height="50"/>
  108. <input type="file" id="file" name="file" />
  109. </form>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="am-form-group sc-bg">
  114. <label class="am-u-sm-3 am-form-label">支付宝账号</label>
  115. <div class="am-u-sm-9">
  116. <input type="text" class="am-text-right" placeholder="{:__('请输入支付宝账号')}" name="alipayname" value="{$user.alipayname}">
  117. </div>
  118. </div>
  119. </div>
  120. -->
  121. </div>
  122. </div>
  123. <input type="hidden" name="alipayprc" id="alipayprc" value="{$user.alipayprc}"/>
  124. <input type="hidden" name="wxprc" id="wxprc" value="{$user.wxprc}"/>
  125. <div class="am-margin-xl">
  126. <button type="button" class="am-btn am-btn-black am-round am-btn-block" id="submit">保存</button>
  127. </div>
  128. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  129. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  130. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  131. <script>
  132. if(0){
  133. var file = document.getElementById('file');
  134. var image = document.getElementById("img");
  135. var file1 = document.getElementById('file1');
  136. var image1 = document.getElementById("img1");
  137. file.onchange = function() {
  138. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  139. var pettern = /^image/;
  140. console.info(fileData.type)
  141. if (!pettern.test(fileData.type)) {
  142. layer.msg("图片格式不正确");
  143. return;
  144. }
  145. var reader = new FileReader();
  146. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  147. /*当读取操作成功完成时调用*/
  148. reader.onload = function(e) {
  149. console.log(e); //查看对象
  150. image.setAttribute("src", this.result)
  151. }
  152. var formData = new FormData($( "#form1" )[0]);
  153. $.ajax({
  154. //几个参数需要注意一下
  155. type: "POST",//方法类型
  156. dataType: "json",//预期服务器返回的数据类型
  157. url: "{:url('ajax/upload')}" ,
  158. data: formData,
  159. contentType: false, //不设置内容类型
  160. processData: false, //不处理数据
  161. success: function (result) {
  162. if(result.code>0)
  163. {
  164. $('#img').attr('src',result.data.url);
  165. $('#alipayprc').val(result.data.url);
  166. }else{
  167. layer.msg(result.msg);
  168. }
  169. },
  170. error : function() {
  171. layer.msg("网络异常!");
  172. }
  173. });
  174. }
  175. file1.onchange = function() {
  176. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  177. var pettern = /^image/;
  178. console.info(fileData.type)
  179. if (!pettern.test(fileData.type)) {
  180. layer.msg("图片格式不正确");
  181. return;
  182. }
  183. var reader = new FileReader();
  184. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  185. /*当读取操作成功完成时调用*/
  186. reader.onload = function(e) {
  187. console.log(e); //查看对象
  188. image1.setAttribute("src", this.result)
  189. }
  190. var formData = new FormData($( "#form2" )[0]);
  191. $.ajax({
  192. //几个参数需要注意一下
  193. type: "POST",//方法类型
  194. dataType: "json",//预期服务器返回的数据类型
  195. url: "{:url('ajax/upload')}" ,
  196. data: formData,
  197. contentType: false, //不设置内容类型
  198. processData: false, //不处理数据
  199. success: function (result) {
  200. if(result.code>0)
  201. {
  202. $('#img1').attr('src',result.data.url);
  203. $('#wxprc').val(result.data.url);
  204. }else{
  205. layer.msg(result.msg);
  206. }
  207. },
  208. error : function() {
  209. layer.msg("网络异常!");
  210. }
  211. });
  212. }
  213. }
  214. $('#submit').click(function(){
  215. var params={};
  216. //params.alipayname=$('input[name=alipayname]').val();
  217. //params.alipayprc=$('#alipayprc').val();
  218. //params. wxprc=$('#wxprc').val();
  219. params.usdt_address=$('input[name=usdt_address]').val();
  220. //params.alipayname='';
  221. //params.alipayprc='';
  222. //params.wxprc='';
  223. //params.bank=$('input[name=bank]').val();
  224. //params.bank_number=$('input[name=bank_number]').val();
  225. //params.bank_user_name=$('input[name=bank_user_name]').val();
  226. params.verify=$('#verify').val();
  227. jQuery.post("{:url('api/user/profile')}" ,params,function(data) {
  228. if(data.code>0)
  229. {
  230. layer.msg(data.msg,{time:500},function(){
  231. location="index.html";
  232. });
  233. }else{
  234. layer.msg(data.msg);
  235. }
  236. });
  237. });
  238. </script>
  239. </body>
  240. </html>