trans.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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">
  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. </head>
  15. <body>
  16. <!-- Header -->
  17. <header data-am-widget="header" class="am-header am-header-default">
  18. <div class="am-header-left am-header-nav">
  19. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;" ><i class="am-header-icon am-icon-angle-left"></i></a>
  20. </div>
  21. <h1 class="am-header-title">
  22. <a href="#title-link">转账</a>
  23. </h1>
  24. </header>
  25. <!-- Content -->
  26. <div class="wapper am-bg-white" data-html="form" style="padding-top: 49px">
  27. <div class=" sc-bg am-radius10">
  28. <form class="am-form am-form-horizontal am-padding-sm invest-form" id="form1">
  29. <div class="am-form-group">
  30. <label class="am-u-sm-3 am-form-label">{:get_money_name_byident('bonus')}余额</label>
  31. <div class="am-u-sm-9">
  32. <input type="text" value="{$user['bonus']}" class="white " readonly="readonly">
  33. </div>
  34. </div>
  35. <div class="line"></div>
  36. <div class="am-form-group">
  37. <label class="am-u-sm-3 am-form-label">转出数量</label>
  38. <div class="am-u-sm-9">
  39. <input type="text" value="" name="money" class=" " placeholder="{:__('请输入转出数量')}">
  40. </div>
  41. </div>
  42. <div class="line"></div>
  43. <div class="am-form-group">
  44. <label class="am-u-sm-3 am-form-label">目标账户</label>
  45. <div class="am-u-sm-6 am-padding-0 am-inline-block">
  46. <input class="am-form-input" type="text" name="touser" placeholder="目标用户账户/手机号">
  47. </div>
  48. <div class="am-u-sm-3 am-form-label">
  49. <span class="name"></span>
  50. </div>
  51. </div>
  52. <input type="hidden" name="money_type" value="bonus"/>
  53. <div class="line"></div>
  54. <div class="am-form-group">
  55. <label class="am-u-sm-3 am-form-label">{:__('支付密码')}</label>
  56. <div class="am-u-sm-9">
  57. <input type="password" value="" name="psdtwo" placeholder="{:__('请输入支付密码')}">
  58. </div>
  59. </div>
  60. </form>
  61. </div>
  62. </div>
  63. <div class="am-margin-sm">
  64. <button type="button" class="am-btn am-btn-block am-btn-black am-round" id="submit">{:__('确定转出')}</button>
  65. </div>
  66. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  67. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  68. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  69. <script>
  70. $('input[name=touser]').change(function(){
  71. var name=$('input[name=touser]').val();
  72. jQuery.post("{:url('api/index/getusername')}" ,{username:name},function(data) {
  73. if(data.code>0)
  74. {
  75. $('.name').html(data.data.name);
  76. }else{
  77. layer.msg(data.msg);
  78. }
  79. });
  80. });
  81. $('#submit').click(function(){
  82. var formData = new FormData($('#form1')[0]);
  83. $.ajax({
  84. type: "POST",
  85. url: "{:url('api/user/transfer')}",
  86. data: formData,
  87. contentType: false,
  88. processData: false,
  89. success: function(data) {
  90. if(data.code>0)
  91. {
  92. layer.msg(data.msg,{time:1000},function(){
  93. location="{:url('shop/user/index')}";
  94. });
  95. }else{
  96. layer.msg(data.msg);
  97. }
  98. },
  99. error: function(XMLHttpRequest, textStatus, errorThrown) {
  100. layer.msg("{:__('网络错误,请稍后重试')}");
  101. }
  102. });
  103. })
  104. </script>
  105. </body>
  106. </html>