commission.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!-- +---------------------------------------------------------------------- -->
  2. <!-- | CRMEB [ CRMEB赋能开发者,助力企业发展 ] -->
  3. <!-- +---------------------------------------------------------------------- -->
  4. <!-- | Copyright (c) 2016~2022 https://www.crmeb.com All rights reserved. -->
  5. <!-- +---------------------------------------------------------------------- -->
  6. <!-- | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权 -->
  7. <!-- +---------------------------------------------------------------------- -->
  8. <!-- | Author: CRMEB Team <admin@crmeb.com> -->
  9. <!-- +---------------------------------------------------------------------- -->
  10. {extend name="public/container"}
  11. {block name="title"}佣金明细{/block}
  12. {block name="head"}
  13. <style>
  14. body {
  15. background: #F5F5F5;
  16. }
  17. </style>
  18. {/block}
  19. {block name="content"}
  20. <div id="app" class="commission-details" v-cloak>
  21. <div class="header">
  22. <div>累计佣金(元):{$data.sum_spread}</div>
  23. <div>
  24. <div :class="{ on: type == 0 }" @click="tab(0)">
  25. <div>一级推广佣金(元)</div>
  26. <div>{$data.spread_one}</div>
  27. </div>
  28. <div :class="{ on: type == 1 }" @click="tab(1)">
  29. <div>二级推广佣金(元)</div>
  30. <div>{$data.spread_two}</div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="main">
  35. <ul>
  36. <li v-for="item in spreadList" class="item">
  37. <div>{{item.time}}</div>
  38. <ul>
  39. <li v-for="cell in item.list" class="cell">
  40. <div>
  41. <div>{{cell.mark}}</div>
  42. <div>{{cell.add_time}}</div>
  43. </div>
  44. <div v-if="cell.pm==1">+{{cell.number}}</div>
  45. <div v-else>-{{cell.number}}</div>
  46. </li>
  47. </ul>
  48. </li>
  49. </ul>
  50. <div v-if="!spreadList.length && finished" class="empty">
  51. <img src="{__WAP_PATH}zsff/images/empty.png" alt="暂无数据">
  52. <div>暂无数据</div>
  53. </div>
  54. </div>
  55. <quick-menu></quick-menu>
  56. </div>
  57. {/block}
  58. {block name="foot"}
  59. <script>
  60. require(['vue', 'helper', 'store', 'quick'], function (Vue, helper, store) {
  61. new Vue({
  62. el: '#app',
  63. data: {
  64. type: 0,
  65. page: 1,
  66. limit: 16,
  67. spreadList: [],
  68. finished: false
  69. },
  70. created: function () {
  71. var vm = this;
  72. vm.getRecords();
  73. helper.EventUtil.listenTouchDirection(document, function () {
  74. vm.getRecords();
  75. });
  76. },
  77. methods: {
  78. getRecords: function () {
  79. var vm = this;
  80. if (vm.finished) {
  81. return;
  82. }
  83. helper.loadFFF();
  84. store.baseGet(helper.U({
  85. c: 'spread',
  86. a: 'get_spread_list',
  87. q: {
  88. type: vm.type,
  89. page: vm.page,
  90. limit: vm.limit
  91. }
  92. }), function (res) {
  93. var list = res.data.data.data;
  94. helper.loadClear();
  95. vm.spreadList = vm.spreadList.concat(list);
  96. vm.finished = vm.limit > list.length;
  97. vm.page=res.data.data.page;
  98. }, function () {
  99. helper.loadClear();
  100. });
  101. },
  102. tab: function (type) {
  103. var vm = this;
  104. if (type == vm.type) {
  105. return;
  106. }
  107. vm.type = type;
  108. vm.spreadList = [];
  109. vm.page = 1;
  110. vm.finished = false;
  111. vm.getRecords();
  112. }
  113. }
  114. });
  115. });
  116. </script>
  117. {/block}