income.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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"
  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="css/xyf.common.min.css">
  18. <style>
  19. </style>
  20. </head>
  21. <body style="padding-bottom: 60px">
  22. <div class="mui-content index-bd just-text" id="incomeGrid" style="position: relative">
  23. <ul class="mui-table-view" style="margin-top: 0">
  24. <li class="mui-table-view-cell mui-media mui-disabled">
  25. <a href="javascript:void(0)" class="flexbox">
  26. <div class="flex col-part">
  27. 本月总收益(元)
  28. <p class="mui-ellipsis" id="monthIncome">0.00</p>
  29. </div>
  30. <div class="flexbox col-part mui-text-right">
  31. <div class="padding-l-r-5">
  32. <div>今日收入</div>
  33. <p>
  34. <em id="todayIncome" class="c-red"></em>
  35. </p>
  36. </div>
  37. <div class="padding-l-r-5 today_refund_cash mui-hidden">
  38. <div>今日退款</div>
  39. <p>
  40. <em></em>
  41. </p>
  42. </div>
  43. </div>
  44. </a>
  45. </li>
  46. </ul>
  47. <div class="menu-block-wear border-bottom mui-hidden">
  48. <div class="menu-block mui-row mui-clearfix " id="todayStatList">
  49. </div>
  50. </div>
  51. </div>
  52. <ul class="mui-table-view custom-top account-bd ">
  53. <li class="mui-table-view-cell">
  54. <a href="income-list.html" class="mui-navigate-right">
  55. <i class="iconfont icon-formfill c-lgreen"></i>账单明细
  56. </a>
  57. </li>
  58. <li class="mui-table-view-cell">
  59. <a href="income-location.html" class="mui-navigate-right">
  60. <i class="iconfont icon-location-b c-blue"></i>地址统计
  61. </a>
  62. </li>
  63. <li class="mui-table-view-cell">
  64. <a href="income-time.html" class="mui-navigate-right">
  65. <i class="iconfont icon-clock-bold c-green"></i>时间统计
  66. </a>
  67. </li>
  68. </ul>
  69. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  70. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  71. <script src="/components/custom/js/common.js"></script>
  72. <script src="js/xyf.common.js"></script>
  73. <script>
  74. window.initDealerNav && initDealerNav('business_stats');
  75. sendRequest({
  76. url: "/dealer/getIncomeStatistics",
  77. type: "GET",
  78. mask: '正在加载数据...',
  79. maskContainer: '#incomeGrid',
  80. data: {},
  81. success: function (response) {
  82. if (response.result === 1) {
  83. var payload = response.payload;
  84. if (payload.monthIncome) {
  85. $("#monthIncome").text(payload.monthIncome)
  86. }
  87. if (payload.todayIncome) {
  88. $("#todayIncome").text("+" + payload.todayIncome)
  89. }
  90. if (payload.todayRefundCash > 0) {
  91. $(".today_refund_cash").removeClass('mui-hidden').find('em').text(payload.todayRefundCash)
  92. } else {
  93. $(".today_refund_cash").remove();
  94. }
  95. var todayStatList = payload.todayStatList
  96. for (var index in todayStatList) {
  97. var item = todayStatList[index]
  98. var html = $('<a class="mui-col-xs-4 row-cell padding-t-b-10 " href="javascript:void(0)">' +
  99. '<p class="mui-text-center"><span class="font-b-12-6">' + item.name + (item.unit ? ('(' + item.unit + ')') : '') + '</span><span class="stat-value mui-ellipsis font-18 ">' + item.value + '</span></p></a>')
  100. var textClass = 'c-red'
  101. if (item.effect === "good") {
  102. textClass = 'c-red'
  103. } else if (item.effect === "bad") {
  104. textClass = 'c-green'
  105. }
  106. html.find('.stat-value').addClass(textClass)
  107. $("#todayStatList").append(html)
  108. }
  109. $("#todayStatList").parent().removeClass('mui-hidden')
  110. } else {
  111. mui.toast(response.description);
  112. }
  113. menuPermission(3)
  114. }
  115. });
  116. </script>
  117. </body>
  118. </html>