wallet.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  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="telephone=no,email=no">
  9. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  10. <meta http-equiv="pragma" content="no-cache">
  11. <meta http-equiv="cache-control" content="no-cache">
  12. <meta http-equiv="expires" content="0">
  13. <title>钱包</title>
  14. <link rel="stylesheet" href="/components/lib/mui.min.css">
  15. <link rel="stylesheet" href="/components/custom/css/common.css">
  16. <link rel="stylesheet" href="/app/css/xyf.common.min.css">
  17. </head>
  18. <style>
  19. .mui-popup-text {
  20. text-align: left !important;
  21. }
  22. .mui-popup-title + .mui-popup-text {
  23. margin: 10px 0 0 !important;
  24. }
  25. </style>
  26. <body>
  27. <header class="wallet-hd mui-hidden" id="balanceMod">
  28. <p class="wallet-hd-title relative">账号余额
  29. </p>
  30. <p class="wallet-hd-content"><i id="balance">0.00</i>
  31. <small>元</small>
  32. </p>
  33. <span class="wallet-hd-right">提现</span>
  34. </header>
  35. <div id="walletMod">
  36. </div>
  37. <p class="bg-green"></p>
  38. <main class="margin-t-b-10">
  39. <ul class="mui-table-view navigate-after account-bd">
  40. <li class="mui-table-view-cell">
  41. <a class="mui-navigate-right" href="wallet-transactions.html">
  42. <i class="iconfont icon-formfill c-blue"></i>提现记录
  43. </a>
  44. </li>
  45. <li class="mui-table-view-cell">
  46. <a class="mui-navigate-right" href="wallet-bank.html">
  47. <i class="iconfont icon-bank-card c-orange"></i>我的银行卡
  48. </a>
  49. </li>
  50. <!--<li class="mui-table-view-cell">-->
  51. <!--<a class="mui-navigate-right" href="wallet-bind-wechat.html">-->
  52. <!--<i class="iconfont icon-wechat c-wechat"></i>绑定提现微信-->
  53. <!--</a>-->
  54. <!--</li>-->
  55. <li class="mui-table-view-cell">
  56. <a class="mui-navigate-right" href="new-info.html">
  57. <i class="iconfont icon-accountfill c-primary-new"></i>真实姓名
  58. </a>
  59. </li>
  60. <li class="mui-table-view-cell mui-hidden">
  61. <a class="mui-navigate-right" href="#">
  62. <i class="iconfont icon-wallet c-success"></i>
  63. </a>
  64. </li>
  65. </ul>
  66. </main>
  67. <script src="/components/lib/jquery.min.js"></script>
  68. <script src="/components/lib/mui.min.js"></script>
  69. <script src="/components/custom/js/common.js"></script>
  70. <script src="/app/js/xyf.common.js"></script>
  71. <script>
  72. function renderBalance(key, bg, text) {
  73. var list = walletData[key]
  74. var length = list.length
  75. for (var index in list) {
  76. var item = list[index]
  77. var dom = $(' <header class="wallet-hd ">' +
  78. ' <p class="wallet-hd-title relative">' +
  79. ' </p>' +
  80. ' <p class="wallet-hd-content"><i></i>' +
  81. ' <small>元</small>\n' +
  82. ' </p>' +
  83. ' <span class="wallet-hd-right">提现</span>' +
  84. ' </header>')
  85. dom.addClass(bg).attr({'sourceType': key || '', 'sourceId': item.id || ''})
  86. if (length === 1) {
  87. item.name = ''
  88. }
  89. dom.find('.wallet-hd-title').html(text + (item.name ? ('<em>' + item.name + '</em>') : ''))
  90. dom.find('i').text(item.balance)
  91. $('#walletMod').append(dom)
  92. }
  93. }
  94. var walletData = null
  95. //获取账号余额相关信息
  96. var urlBalance = "/agent/walletData?random=" + Math.random() * 1000;
  97. sendRequest({
  98. url: urlBalance,
  99. type: "GET",
  100. mask: "正在加载...",//这个接口有点慢
  101. success: function (res) {
  102. if (res.result == 1) {
  103. var payload = walletData = res.payload;
  104. if (payload.withdraw) {
  105. renderBalance("withdraw", 'bg-green', "提现收益余额")
  106. }
  107. if (payload.device) {
  108. renderBalance("device", "bg-primary", "设备营收余额")
  109. }
  110. if (payload.traffic) {
  111. renderBalance("traffic", "bg-lgreen", "流量费余额")
  112. }
  113. if (payload.ad) {
  114. renderBalance("ad", "bg-orange", "广告收入余额")
  115. }
  116. if (payload.insurance) {
  117. renderBalance("ad", "bg-red", "保险收入余额")
  118. }
  119. // 如果没有明细,则直接渲染总余额
  120. if (payload.withdraw || payload.device || payload.traffic || payload.ad) {
  121. } else {
  122. // 为了兼容老的提现
  123. $("#balance").html(payload.balance);
  124. $("#balanceMod").removeClass('mui-hidden')
  125. }
  126. } else {
  127. mui.toast(res.description);
  128. }
  129. }
  130. })
  131. $("body").on('tap', '.wallet-hd', function (e) {
  132. var sourceType = $(this).attr('sourceType')
  133. var sourceId = $(this).attr('sourceId')
  134. var url;
  135. var redirect = '/agents/wallet/wallet-withdraw.html';
  136. // 如果有多个资金池的,则需要获取openId
  137. if (sourceId) {
  138. url = '/agent/withdraw/entry?sourceType=' + sourceType + '&sourceId=' + sourceId + '&redirect=' + encodeURIComponent(redirect)
  139. } else {
  140. url = redirect
  141. }
  142. goPage(url);
  143. });
  144. </script>
  145. </body>
  146. </html>