withdrawdetaile.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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. .am-list li{
  16. background-color: #FFF;
  17. padding: 0.625rem;
  18. border-radius: .5rem;
  19. margin-bottom: 1rem;
  20. }
  21. body{color:#333;}
  22. </style>
  23. </head>
  24. <body>
  25. <!-- Header -->
  26. <header data-am-widget="header" class="am-header am-header-default">
  27. <div class="am-header-left am-header-nav">
  28. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
  29. </div>
  30. <h1 class="am-header-title">
  31. <a href="#title-link">{:__('提现记录')}</a>
  32. </h1>
  33. </header>
  34. <!-- Content -->
  35. <div class="wapper" style="padding-top: 49px">
  36. <div class="am-margin-xs">
  37. <ul class="am-list">
  38. </ul>
  39. <div class="am-alert tips-text am-text-center" style="display: none;">{:__('加载完毕')}</div>
  40. </div>
  41. </div>
  42. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  43. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  44. <script src="__CDN__/assets/shop/js/amazeui.dialog.js"></script>
  45. <script>
  46. var pag = 1, page; //p当前页,page总页数
  47. getList();
  48. function getList(){
  49. jQuery.post("{:url('api/user/withdrawdetaile')}" ,{p:pag,money_type:'bonus'},function(data) {
  50. console.log(data.data);
  51. if(data.data != null && data.data.length != 0){
  52. page=data.total;
  53. var json=data.data;
  54. var btn='';
  55. for(var i = 0; i < json.length; i++){
  56. var _ = '<li>'+
  57. '<div class="am-padding-bottom-xs">'+
  58. '<span >提现方式<em class="am-text-success am-padding-left-xs">'+json[i].type+'</em></span>'+
  59. btn+
  60. '</div>'+
  61. '<div class=" am-margin-right">{:__("提现金额")}<em class="am-text-warning am-padding-left-xs">'+json[i].amount+'</em></div>'+
  62. '<div >{:__("手续费")}<em class="am-text-warning am-padding-left-xs">'+json[i].fee+'</em></div>';
  63. if(json[i].type == 'USDT'){
  64. _ += '<div class="am-margin-right">{:__("到账USDT")}<em class="am-text-warning am-padding-left-xs">'+json[i].usdt_num+'</em></div>';
  65. }
  66. _ +='<div >{:__("时间")}<em class="am-text-warning am-padding-left-xs">'+json[i].times+'</em></div>'+
  67. '<div >{:__("状态")}<em class="'+(json[i].process_status==2? 'am-text-success':'am-text-warning')+' am-padding-left-xs">'+(json[i].process_status==2?'已通过':(json[i].process_status==-1?'已拒绝'+(json[i].remark?'('+json[i].remark+')':'')+'':'待审核'))+'</em></div>'+
  68. '</li>';
  69. $('.am-list').append(_);
  70. }
  71. }else{
  72. $('.am-list').html('<li class="am-padding-top-xs am-padding-bottom-xs am-text-center am-link-muted">{:__("暂无数据")}</li>')
  73. }
  74. });
  75. }
  76. //滚动分页
  77. window.onscroll = function(){
  78. var top = document.body.scrollTop || document.documentElement.scrollTop;
  79. var height = document.body.scrollHeight || document.documentElement.scrollHeight;
  80. if((top + window.innerHeight) >= height-49){
  81. pag = pag + 1;
  82. if(pag > page){
  83. pag = page;
  84. $('.tips-text').show();
  85. return;
  86. }
  87. //从后台获取列表数据
  88. getList();
  89. }
  90. }
  91. function review(e)
  92. {
  93. AMUI.dialog.confirm({
  94. title : "{:__('失败原因')}",
  95. content : e,
  96. onCancel : function(){
  97. console.log('取消');
  98. }
  99. })
  100. }
  101. </script>
  102. </body>
  103. </html>