recharge-log.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. var app = new Vue({
  2. 'el': '#app',
  3. 'data': {
  4. // 列表数据
  5. dataList: [],
  6. // 参数
  7. params: {
  8. page: 1,
  9. type: 0,
  10. pageSize: 10,
  11. lt: 1,
  12. },
  13. loading: false,
  14. loaded: false,
  15. },
  16. created: function(){
  17. this.params.lt = getParam('type');
  18. this.getDataList(0);
  19. },
  20. mounted: function(){
  21. var _this = this;
  22. $(".weui-navbar__item").click(function(){
  23. _this.params.page = 1;
  24. _this.loaded = false;
  25. _this.params.type = $(this).index();
  26. $(this).addClass('on').siblings().removeClass('on');
  27. _this.getDataList(0);
  28. });
  29. $(window).scroll(function(){
  30. var scrollHeight = $(this).scrollTop();
  31. var height = $('body')[0].scrollHeight;
  32. var docHeight = $(this).outerHeight();
  33. if(docHeight+scrollHeight >= height){
  34. if(_this.loading || _this.loaded){
  35. return false;
  36. }
  37. _this.params.page++;
  38. _this.getDataList(1);
  39. }
  40. })
  41. },
  42. methods: {
  43. // 获取列表数据
  44. getDataList: function(more){
  45. var _this = this;
  46. _this.loading = true;
  47. if(_this.params.page == 1){
  48. _this.dataList = [];
  49. }
  50. $.showLoading("数据加载中...");
  51. $.post('/weixin/member/getRechargeLog', _this.params, function (res) {
  52. _this.loading = false;
  53. $.hideLoading();
  54. if (res.code == 'success') {
  55. if(res.data.data.length<=0 && _this.params.page > 1){
  56. _this.loaded = true;
  57. $.toast("已加载完全部...",'text');
  58. return false;
  59. }
  60. if(more){
  61. $.each(res.data.data, function(k,item){
  62. console.log(item);
  63. _this.dataList.push(item);
  64. });
  65. }else{
  66. _this.dataList = res.data.data
  67. }
  68. }else if(res.code == 'login'){
  69. login(res.data.url);
  70. }
  71. }, "json");
  72. }
  73. }
  74. })