profile.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416
  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. #up-img-touch2{ position: relative;}
  33. #up-img-touch3{ position: relative;}
  34. #file,#file1,#file2,#file3{
  35. position: absolute;
  36. top: 0;
  37. width: 100%;
  38. height: 100%;
  39. opacity: 0;
  40. cursor: pointer;
  41. }
  42. </style>
  43. </head>
  44. <body class="">
  45. <!-- Header -->
  46. <header data-am-widget="header" class="am-header am-header-default">
  47. <div class="am-header-left am-header-nav">
  48. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
  49. </div>
  50. <h1 class="am-header-title">
  51. <a href="#title-link">收款方式</a>
  52. </h1>
  53. </header>
  54. <!-- Content -->
  55. <div class="wapper " data-html="form" style="padding-top:49px">
  56. <div class=" am-form am-form-horizontal invest-form am-padding-bottom-xs" >
  57. <div class="am-link-muted am-padding-xs">银行收款</div>
  58. <div class="am-bg-white">
  59. <div class="am-form-group sc-bg">
  60. <label class="am-u-sm-3 am-form-label">输入银行</label>
  61. <div class="am-u-sm-9">
  62. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="bank" value="{$user.bank}">
  63. </div>
  64. </div>
  65. <div class="am-form-group sc-bg">
  66. <label class="am-u-sm-3 am-form-label">持卡人</label>
  67. <div class="am-u-sm-9">
  68. <input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="bank_user_name" value="{$user.bank_user_name}">
  69. </div>
  70. </div>
  71. <div class="am-form-group sc-bg" style="margin-bottom:0!important;">
  72. <label class="am-u-sm-3 am-form-label">银行卡号</label>
  73. <div class="am-u-sm-9">
  74. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="bank_number" value="{$user.bank_number}">
  75. </div>
  76. </div>
  77. </div>
  78. <div class="am-link-muted am-padding-xs">支付宝收款</div>
  79. <div class="am-bg-white">
  80. <div class=" am-form-group sc-bg">
  81. <label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/alipay.png" width="30"/>支付宝收款码</label>
  82. <div class="am-u-sm-6 am-text-right">
  83. <div class=" userIcon" id="up-img-touch">
  84. <form id="form1" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  85. <img src="{$user.alipayprc|default='__CDN__/assets/shop/img/upload.png'}" id="img" width="50" height="50"/>
  86. <input type="file" id="file" name="file" />
  87. </form>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="am-form-group sc-bg">
  92. <label class="am-u-sm-3 am-form-label">姓名</label>
  93. <div class="am-u-sm-9">
  94. <input type="text" class="am-text-right " placeholder="{:__('请输入姓名')}" name="alipay_name" value="{$user.alipay_name}">
  95. </div>
  96. </div>
  97. <div class="am-form-group sc-bg">
  98. <label class="am-u-sm-3 am-form-label">支付宝账号</label>
  99. <div class="am-u-sm-9">
  100. <input type="text" class="am-text-right" placeholder="{:__('请输入支付宝账号')}" name="alipayname" value="{$user.alipayname}">
  101. </div>
  102. </div>
  103. </div>
  104. <div class="am-link-muted am-padding-xs">微信收款</div>
  105. <div class="am-bg-white">
  106. <div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
  107. <label class="am-u-sm-6 am-form-label"><img src="__CDN__/assets/shop/img/wx.png" width="30"/>微信收款码</label>
  108. <div class="am-u-sm-6 am-text-right">
  109. <div class=" userIcon " id="up-img-touch1">
  110. <form id="form2" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  111. <img src="{$user.wxprc|default='__CDN__/assets/shop/img/upload.png'}" id="img1" width="50" height="50"/>
  112. <input type="file" id="file1" name="file" />
  113. </form>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="am-link-muted am-padding-xs">USDT收款</div>
  119. <div class="am-bg-white">
  120. <div class="am-form-group sc-bg">
  121. <label class="am-u-sm-3 am-form-label">输入钱包地址</label>
  122. <div class="am-u-sm-9">
  123. <input type="text" class=" am-text-right" placeholder="{:__('请输入USDT钱包地址')}" name="usdt_address" value="{$user.usdt_address}">
  124. </div>
  125. </div>
  126. </div>
  127. <div class="am-link-muted am-padding-xs">THB</div>
  128. <div class="am-bg-white">
  129. <div class="am-form-group sc-bg">
  130. <label class="am-u-sm-3 am-form-label">ชื่อ นามสกุล</label>
  131. <div class="am-u-sm-9">
  132. <input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="thb_bank_user_name" value="{$user.thb_bank_user_name}">
  133. </div>
  134. </div>
  135. <div class="am-form-group sc-bg">
  136. <label class="am-u-sm-3 am-form-label">ื่อธนาคาร</label>
  137. <div class="am-u-sm-9">
  138. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="thb_bank" value="{$user.thb_bank}">
  139. </div>
  140. </div>
  141. <div class="am-form-group sc-bg" style="margin-bottom:0!important;">
  142. <label class="am-u-sm-3 am-form-label">เลขบัญชีธนาคาร</label>
  143. <div class="am-u-sm-9">
  144. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="thb_bank_number" value="{$user.thb_bank_number}">
  145. </div>
  146. </div>
  147. </div>
  148. <!-- <div class="am-link-muted am-padding-xs">คิวอาร์โค้ดธนาคาร</div>-->
  149. <div class="am-bg-white">
  150. <div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
  151. <label class="am-u-sm-6 am-form-label">คิวอาร์โค้ดธนาคาร</label>
  152. <div class="am-u-sm-6 am-text-right">
  153. <div class=" userIcon " id="up-img-touch2">
  154. <form id="form3" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  155. <img src="{$user.thb_qrcode|default='__CDN__/assets/shop/img/upload.png'}" id="img2" width="50" height="50"/>
  156. <input type="file" id="file2" name="file" />
  157. </form>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="am-link-muted am-padding-xs">IDR</div>
  163. <div class="am-bg-white">
  164. <div class="am-form-group sc-bg">
  165. <label class="am-u-sm-3 am-form-label">Name</label>
  166. <div class="am-u-sm-9">
  167. <input type="text" class="am-text-right " placeholder="{:__('请输入持卡人姓名')}" name="idr_bank_user_name" value="{$user.idr_bank_user_name}">
  168. </div>
  169. </div>
  170. <div class="am-form-group sc-bg">
  171. <label class="am-u-sm-3 am-form-label">Bank name</label>
  172. <div class="am-u-sm-9">
  173. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行')}" name="idr_bank" value="{$user.idr_bank}">
  174. </div>
  175. </div>
  176. <div class="am-form-group sc-bg" style="margin-bottom:0!important;">
  177. <label class="am-u-sm-3 am-form-label">Bank card number</label>
  178. <div class="am-u-sm-9">
  179. <input type="text" class=" am-text-right" placeholder="{:__('请输入银行卡号')}" name="idr_bank_number" value="{$user.idr_bank_number}">
  180. </div>
  181. </div>
  182. </div>
  183. <!-- <div class="am-link-muted am-padding-xs">IDR Payment QR code</div>-->
  184. <div class="am-bg-white">
  185. <div class=" am-form-group sc-bg" style="margin-bottom:0!important;">
  186. <label class="am-u-sm-6 am-form-label">Payment QR code</label>
  187. <div class="am-u-sm-6 am-text-right">
  188. <div class=" userIcon " id="up-img-touch3">
  189. <form id="form4" class="am-form am-form-horizontal" method="post" enctype="multipart/form-data">
  190. <img src="{$user.idr_qrcode|default='__CDN__/assets/shop/img/upload.png'}" id="img3" width="50" height="50"/>
  191. <input type="file" id="file3" name="file" />
  192. </form>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <input type="hidden" name="alipayprc" id="alipayprc" value="{$user.alipayprc}"/>
  200. <input type="hidden" name="wxprc" id="wxprc" value="{$user.wxprc}"/>
  201. <input type="hidden" name="thb_qrcode" id="thbqrcode" value="{$user.thb_qrcode}"/>
  202. <input type="hidden" name="idr_qrcode" id="idrqrcode" value="{$user.idr_qrcode}"/>
  203. <div class="am-margin-xl">
  204. <button type="button" class="am-btn am-btn-black am-round am-btn-block" id="submit">保存</button>
  205. </div>
  206. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  207. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  208. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  209. <script>
  210. var file = document.getElementById('file');
  211. var image = document.getElementById("img");
  212. var file1 = document.getElementById('file1');
  213. var image1 = document.getElementById("img1");
  214. var file2 = document.getElementById('file2');
  215. var image2 = document.getElementById("img2");
  216. var file3 = document.getElementById('file3');
  217. var image3 = document.getElementById("img3");
  218. file.onchange = function() {
  219. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  220. var pettern = /^image/;
  221. console.info(fileData.type)
  222. if (!pettern.test(fileData.type)) {
  223. layer.msg("图片格式不正确");
  224. return;
  225. }
  226. var reader = new FileReader();
  227. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  228. /*当读取操作成功完成时调用*/
  229. reader.onload = function (e) {
  230. console.log(e); //查看对象
  231. image.setAttribute("src", this.result)
  232. }
  233. var formData = new FormData($("#form1")[0]);
  234. $.ajax({
  235. //几个参数需要注意一下
  236. type: "POST",//方法类型
  237. dataType: "json",//预期服务器返回的数据类型
  238. url: "{:url('ajax/upload')}",
  239. data: formData,
  240. contentType: false, //不设置内容类型
  241. processData: false, //不处理数据
  242. success: function (result) {
  243. if (result.code > 0) {
  244. $('#img').attr('src', result.data.url);
  245. $('#alipayprc').val(result.data.url);
  246. } else {
  247. layer.msg(result.msg);
  248. }
  249. },
  250. error: function () {
  251. layer.msg("网络异常!");
  252. }
  253. });
  254. }
  255. file1.onchange = function() {
  256. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  257. var pettern = /^image/;
  258. console.info(fileData.type)
  259. if (!pettern.test(fileData.type)) {
  260. layer.msg("图片格式不正确");
  261. return;
  262. }
  263. var reader = new FileReader();
  264. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  265. /*当读取操作成功完成时调用*/
  266. reader.onload = function(e) {
  267. console.log(e); //查看对象
  268. image1.setAttribute("src", this.result)
  269. }
  270. var formData = new FormData($( "#form2" )[0]);
  271. $.ajax({
  272. //几个参数需要注意一下
  273. type: "POST",//方法类型
  274. dataType: "json",//预期服务器返回的数据类型
  275. url: "{:url('ajax/upload')}" ,
  276. data: formData,
  277. contentType: false, //不设置内容类型
  278. processData: false, //不处理数据
  279. success: function (result) {
  280. if(result.code>0)
  281. {
  282. $('#img1').attr('src',result.data.url);
  283. $('#wxprc').val(result.data.url);
  284. }else{
  285. layer.msg(result.msg);
  286. }
  287. },
  288. error : function() {
  289. layer.msg("网络异常!");
  290. }
  291. });
  292. }
  293. file2.onchange = function() {
  294. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  295. var pettern = /^image/;
  296. console.info(fileData.type)
  297. if (!pettern.test(fileData.type)) {
  298. layer.msg("图片格式不正确");
  299. return;
  300. }
  301. var reader = new FileReader();
  302. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  303. /*当读取操作成功完成时调用*/
  304. reader.onload = function(e) {
  305. console.log(e); //查看对象
  306. image2.setAttribute("src", this.result)
  307. }
  308. var formData = new FormData($( "#form3" )[0]);
  309. $.ajax({
  310. //几个参数需要注意一下
  311. type: "POST",//方法类型
  312. dataType: "json",//预期服务器返回的数据类型
  313. url: "{:url('ajax/upload')}" ,
  314. data: formData,
  315. contentType: false, //不设置内容类型
  316. processData: false, //不处理数据
  317. success: function (result) {
  318. if(result.code>0)
  319. {
  320. $('#img2').attr('src',result.data.url);
  321. $('#thbqrcode').val(result.data.url);
  322. }else{
  323. layer.msg(result.msg);
  324. }
  325. },
  326. error : function() {
  327. layer.msg("网络异常!");
  328. }
  329. });
  330. }
  331. file3.onchange = function() {
  332. var fileData = this.files[0];//获取到一个FileList对象中的第一个文件( File 对象),是我们上传的文件
  333. var pettern = /^image/;
  334. console.info(fileData.type)
  335. if (!pettern.test(fileData.type)) {
  336. layer.msg("图片格式不正确");
  337. return;
  338. }
  339. var reader = new FileReader();
  340. reader.readAsDataURL(fileData);//异步读取文件内容,结果用data:url的字符串形式表示
  341. /*当读取操作成功完成时调用*/
  342. reader.onload = function(e) {
  343. console.log(e); //查看对象
  344. image3.setAttribute("src", this.result)
  345. }
  346. var formData = new FormData($( "#form4" )[0]);
  347. $.ajax({
  348. //几个参数需要注意一下
  349. type: "POST",//方法类型
  350. dataType: "json",//预期服务器返回的数据类型
  351. url: "{:url('ajax/upload')}" ,
  352. data: formData,
  353. contentType: false, //不设置内容类型
  354. processData: false, //不处理数据
  355. success: function (result) {
  356. if(result.code>0)
  357. {
  358. $('#img3').attr('src',result.data.url);
  359. $('#idrqrcode').val(result.data.url);
  360. }else{
  361. layer.msg(result.msg);
  362. }
  363. },
  364. error : function() {
  365. layer.msg("网络异常!");
  366. }
  367. });
  368. }
  369. $('#submit').click(function(){
  370. var params={};
  371. params.alipayname=$('input[name=alipayname]').val();
  372. params.alipay_name=$('input[name=alipay_name]').val();
  373. params.alipayprc=$('#alipayprc').val();
  374. params. wxprc=$('#wxprc').val();
  375. params. thb_qrcode=$('#thbqrcode').val();
  376. params. idr_qrcode=$('#idrqrcode').val();
  377. params.usdt_address=$('input[name=usdt_address]').val();
  378. params.bank=$('input[name=bank]').val();
  379. params.bank_number=$('input[name=bank_number]').val();
  380. params.bank_user_name=$('input[name=bank_user_name]').val();
  381. params.thb_bank=$('input[name=thb_bank]').val();
  382. params.thb_bank_number=$('input[name=thb_bank_number]').val();
  383. params.thb_bank_user_name=$('input[name=thb_bank_user_name]').val();
  384. params.idr_bank=$('input[name=idr_bank]').val();
  385. params.idr_bank_number=$('input[name=idr_bank_number]').val();
  386. params.idr_bank_user_name=$('input[name=idr_bank_user_name]').val();
  387. params.verify=$('#verify').val();
  388. jQuery.post("{:url('api/user/profile')}" ,params,function(data) {
  389. if(data.code>0)
  390. {
  391. layer.msg(data.msg,{time:500},function(){
  392. location="index.html";
  393. });
  394. }else{
  395. layer.msg(data.msg);
  396. }
  397. });
  398. });
  399. </script>
  400. </body>
  401. </html>