wallet-transactions-details.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="author" content=""/>
  6. <meta name="description" content=""/>
  7. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  8. <meta name="format-detection" content="telphone=no,email=no"/>
  9. <meta name="viewport"
  10. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <title>提现记录</title>
  15. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
  16. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  17. <link rel="stylesheet" href="/app/css/xyf.common.min.css">
  18. <style>
  19. .top-tip-style{
  20. box-shadow: 0 0 1px #ccc;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <h5 class="padding-10 margin-0 top-tip-style mui-hidden" id="topTips">小提示:提现到银行一般需要1-3个工作日</h5>
  26. <div class="mui-text-center withdraw-details">
  27. <i id="statusIcon" class="iconfont "></i>
  28. <p id="status">提现申请已提交</p>
  29. </div>
  30. <ul class="mui-table-view wallet-transactions mui-hidden">
  31. <li class="mui-table-view-cell">
  32. <em id="type"></em><span class="mui-pull-right" id="amount"></span>
  33. </li>
  34. <li class="mui-table-view-cell">
  35. 手续费<span class="mui-pull-right" id="serviceFee"></span>
  36. </li>
  37. <li class="mui-table-view-cell">
  38. 实际到账<span class="mui-pull-right final" id="actualPay"></span>
  39. </li>
  40. <li class="mui-table-view-cell">
  41. 提现发起时余额<span class="mui-pull-right" id="preBalance"></span>
  42. </li>
  43. <li class="mui-table-view-cell" id="description">
  44. 说明<span class="mui-pull-right"></span>
  45. </li>
  46. <li class="mui-table-view-cell">
  47. 时间<span class="mui-pull-right" id="withdrawalsDate"></span>
  48. </li>
  49. </ul>
  50. <div class="custom-subt">
  51. <input type="button" value="返回" class="mui-btn-block" onclick="okBtn()">
  52. </div>
  53. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  54. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  55. <script src="/components/custom/js/common.js"></script>
  56. <script src="/app/js/xyf.common.js"></script>
  57. <script>
  58. var paymentId = getQueryString("paymentId");
  59. var back = getQueryString("back") || 1;
  60. $(function () {
  61. var url = "/dealer/paymentInfo";
  62. var data = {"paymentId": paymentId};
  63. showLoading();
  64. sendRequest(url, "GET", data, function (res) {
  65. if (res.result == 1) {
  66. hideLoading();
  67. $(".wallet-transactions").removeClass('mui-hidden');
  68. var type = res.para.type
  69. $("#type").text(type);
  70. if (type && type.indexOf('银行') > -1) {
  71. $('#topTips').removeClass('mui-hidden');
  72. }
  73. var statusText = res.para.statusText
  74. //模糊匹配出图标
  75. var classText = 'icon-clock-bold c-blue'
  76. if (statusText.indexOf('成功') > -1) {
  77. classText = 'icon-success c-primary'
  78. } else if (statusText.indexOf('失败') > -1) {
  79. // 失败可以重试 可以再操作
  80. classText = 'icon-shibai c-lgreen'
  81. } else if (statusText.indexOf('关闭') > -1) {
  82. // 关闭不能再操作
  83. classText = 'icon-close c-lgreen'
  84. }
  85. $("#statusIcon").addClass(classText)
  86. $("#status").text(statusText + (res.para.refunded ? '(已退还)' : ''));
  87. $("#amount").text(res.para.amount + "元");
  88. $("#serviceFee").text(res.para.serviceFee + "元");
  89. $("#actualPay").text(res.para.actualPay + "元");
  90. $("#preBalance").text(res.para.preBalance + "元");
  91. $("#description").show().find("span").text(res.para.description);
  92. $("#withdrawalsDate").text(res.para.withdrawalsDate);
  93. } else {
  94. mui.toast(res.description);
  95. }
  96. });
  97. });
  98. function okBtn() {
  99. history.go(-back)
  100. }
  101. </script>
  102. </body>
  103. </html>