dealer-income-time.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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="/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. .index-hd {
  20. border-radius: 6px;
  21. overflow: hidden;
  22. margin: 15px;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div class="mui-content ">
  28. <div id="monthItem" class="mui-control-content">
  29. <div class="index-hd">
  30. <i class="iconfont icon-purse purse-logo-back"></i>
  31. <a href="javascript:;" class="hd-tab">
  32. 近30天累计收益(元)<span id="monthIncome">0.00</span>
  33. </a>
  34. <div class="mui-table hd-cell">
  35. <div class="mui-table-cell mui-ellipsis">
  36. <span>在线支付</span><em id="payIncome">0.00元</em>
  37. </div>
  38. <div class="mui-table-cell mui-ellipsis">
  39. <span>线下投币</span><em id="offlineCoins">0.00元</em>
  40. </div>
  41. </div>
  42. </div>
  43. <ul class="mui-table-view" id="monthIncomeList"></ul>
  44. </div>
  45. <div id="yearItem" class="mui-control-content">
  46. </div>
  47. </div>
  48. <script src="/components/lib/jquery.min.js?v=1"></script>
  49. <script src="/components/lib/mui.min.js"></script>
  50. <script src="../components/lib/moment.min.js"></script>
  51. <script src="/components/custom/js/common.js"></script>
  52. <script src="/app/js/xyf.common.js"></script>
  53. <script>
  54. var dealerId = getQueryString("id");
  55. $(function () {
  56. var index = getCookie("income-time-index");
  57. if (index) {
  58. $(".mui-control-item").eq(index).addClass("mui-active");
  59. $(".mui-control-content").eq(index).addClass("mui-active");
  60. } else {
  61. $(".mui-control-item").eq(0).addClass("mui-active");
  62. $(".mui-control-content").eq(0).addClass("mui-active");
  63. }
  64. mui('.mui-segmented-control').on('tap', '.mui-control-item', function (e) {
  65. setCookie("income-time-index", $(this).index(), {expires: 1});
  66. });
  67. var url = "/dealer/lastMonthIncome";
  68. sendRequest(url, "GET", {dealerId: dealerId}, function (response) {
  69. var payload = response.payload
  70. if (response.result == 1) {
  71. var monthIncomeList = "";
  72. var monthPayIncome = payload.payIncome;
  73. var monthLineCoins = payload.offlineCoins;
  74. for (var i = 0, len = payload.dataList.length; i < len; i++) {
  75. var item = payload.dataList[i];
  76. var payIncome = (item.payIncome);//线上支付
  77. var offlineCoins = (item.offlineCoins);//线下支付
  78. // 暂时不可看下一级
  79. var startTime = moment(item.dateStr).format("YYYY-MM-DD");
  80. var endTime = startTime;
  81. monthIncomeList += '<li class="mui-table-view-cell"><a class="mui-navigate-right" >' +
  82. item.dateText +
  83. ('<span class="mui-pull-right custom-right font-12">线下<em>+' + offlineCoins + '</em> </span>') +
  84. '<span class="mui-pull-right custom-right font-12">在线<em class="' + (payIncome > 0 ? "c-red" : "") + '">+' + payIncome + '</em> </span>' +
  85. '</a></li>';
  86. }
  87. $("#payIncome").html("+" + (monthPayIncome));
  88. $("#offlineCoins").html((monthLineCoins) + "次").parent().removeClass("mui-hidden");
  89. $("#monthIncome").html(payload.totalIncome);//30天总收入【!!!注意,不统计线下投币!!!】
  90. $("#monthIncomeList").html(monthIncomeList);
  91. } else {
  92. mui.toast(res.description);
  93. }
  94. });
  95. });
  96. mui('body').on('tap', 'a', function () {
  97. var href = this.getAttribute('href').trim();
  98. if (href != '' && href.indexOf("#") == -1) {
  99. goPage(href);
  100. }
  101. });
  102. </script>
  103. </body>
  104. </html>