income.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
  6. <title>收益列表</title>
  7. <link rel="stylesheet" href="__STATIC__/box/css/index.css">
  8. <script src="__STATIC__/box/js/flexible.js?v={:config('js_version')}"></script>
  9. <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
  10. </head>
  11. <body>
  12. <div class="container">
  13. <div class="tab">
  14. <a href="{:url('/index/settle/list/'.$wx_app_id)}" class="tab_cell">提现记录</a>
  15. <a href="javascript:;" class="tab_cell active">收益记录</a>
  16. </div>
  17. <div class="content js-template">
  18. <foreach name="list" item="vo">
  19. <div class="content_item content_row">
  20. <image class="content_avatar" src="{$vo.icon}"></image>
  21. <p class="content_intro">
  22. <span class="content_nickname">{$vo.title}</span>
  23. <span class="content_text">{$vo.desc}</span>
  24. </p>
  25. <p class="text-right">
  26. <span class="content_price content_price-fixed">
  27. <if condition="$classify eq 601">
  28. + {$vo.integral} <span class="content_price-unit">金币</span>
  29. <else/>
  30. + {$vo.amount} <span class="content_price-unit">元</span>
  31. </if>
  32. </span>
  33. <span class="content_datetime">{$vo.create_time|date="Y-m-d H:i",###}</span>
  34. </p>
  35. </div>
  36. </foreach>
  37. </div>
  38. </div>
  39. <script>
  40. $(function () {
  41. var params = {
  42. format: 'json',
  43. page : 1,
  44. offset: 10
  45. }, status = [, '待审核', '待财务审核', '已结算', '运营审核不通过', '财务审核不通过']
  46. $(window).bind('scroll', function () {
  47. var h = $(document.body).height()
  48. var c = $(window).scrollTop()
  49. var wh = $(window).height()
  50. if (Math.ceil(wh + c) >= h) {
  51. getLog()
  52. }
  53. })
  54. function format(times, format) {
  55. times = times || new Date().getTime() / 1000
  56. format = format || 'yyyy/MM/dd hh:mm:ss'
  57. var date = new Date(times * 1000)
  58. var reg = {
  59. 'M+': date.getMonth() + 1,
  60. 'd+': date.getDate(),
  61. 'h+': date.getHours(),
  62. 'm+': date.getMinutes(),
  63. 's+': date.getSeconds()
  64. }
  65. var year = date.getFullYear()
  66. if (/(y+)/.test(format)) {
  67. format = format.replace(RegExp.$1, year.toString().substr(4 - RegExp.$1.length))
  68. }
  69. for (var k in reg) {
  70. if (new RegExp('(' + k + ')').test(format)) {
  71. format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? reg[k] : (('00' + reg[k] + '').substr(reg[k].toString().length)))
  72. }
  73. }
  74. return format.replace(new RegExp(/\//, "g"), '-')
  75. }
  76. function getLog() {
  77. params.page = ++ params.page
  78. $.ajax({
  79. url : '/index/income/list/{$wx_app_id}',
  80. data : params,
  81. type : 'post',
  82. success: function (res) {
  83. var _html = ''
  84. for (var i = 0; i < res.data.list.length; i ++) {
  85. _html += '<div class="content_item content_row">\n' +
  86. ' <img class="content_avatar" src="' + res.data.list[i].icon + '">\n' +
  87. ' <p class="content_intro">\n' +
  88. ' <span class="content_nickname">' + res.data.list[i].title + '</span>\n' +
  89. ' <span class="content_text">' + res.data.list[i].desc + '</span>\n' +
  90. ' </p>\n' +
  91. ' <p class="text-right">\n' +
  92. ' <span class="content_price content_price-fixed">\n' +
  93. ' +' + res.data.list[i].amount + ' <span class="content_price-unit">元</span>\n' +
  94. ' </span>\n' +
  95. ' <span class="content_datetime">' + format(res.data.list[i].create_time, 'yyyy/MM/dd hh:mm') + '</span>\n' +
  96. ' </p>\n' +
  97. ' </div>'
  98. }
  99. $('.js-template').append(_html)
  100. if ($('.js-template .content_item').length >= res.data.count) {
  101. $(window).unbind('scroll')
  102. }
  103. }
  104. })
  105. }
  106. })
  107. </script>
  108. </body>
  109. </html>