epdc-resident-mp-js/subpages/integralCentre/pages/index/index.js

// subpages/integralCentre/pages/index/index.js
import {
  pointsRecordlist,
  pointsRankinglist,
  userPointsRankinglist,
  gradeRankinglist
} from '../../../../utils/api'
import {
  getTimestamp
} from '../../../../utils/common'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nodatapointsRecord: false,
    nodatapointsRanking: false,
    points: 0, //积分
    pageIndex: 1,
    pageSize: 15,
    pointsRecordlist: [], //积分记录列表
    pointsRankinglist: [], //积分排行
    rankingType: 0, //排名方式
    selectTab: 'tab1',
    typeList: [{ //排名方式：0-周，1-月
        type: '0',
        name: '网格排名',
        select: true
      },
      {
        type: '1',
        name: '街道排名',
        select: false
      },
      {
        type: '2',
        name: '等级排名',
        select: false
      }
    ],
    timestamp: getTimestamp(),
    loadMoreType: 'none',
    loadMoreVisible: false
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.setData({ //前面页面传过来的积分总数
      points: options.points
    })
    this.pointsRankinglist(); //初始化加载积分记录列表
  },
  // tab 切换
  onTabChange(e) {
    this.setData({
      pageIndex: 1,
      pageSize: 15,
      loadMoreType: 'loading',
      loadMoreVisible: true,
      pointsRecordlist: [],
      pointsRankinglist: [],
      pointsRankingUser: {},//当前用户排名信息
      selectTab: e.currentTarget.dataset.tab,
      nodatapointsRecord: false,
      nodatapointsRanking: false,
    })
    if (this.data.selectTab == 'tab1') {
      this.pointsRankinglist(); //积分排行
    } else {
      this.pointsRecordlist(); //初始化加载积分记录列表
    }
  },
  // 排行切换
  onButtonChange: function(e) {
    const list = this.data.typeList
    let that = this;
    list.forEach(item => {
      if (item.type === e.currentTarget.dataset.type) {
        item.select = true
      } else {
        item.select = false
      }
    })
    that.setData({
      typeList: list,
      rankingType: e.currentTarget.dataset.type,
      pageIndex: 1,
      pageSize: 15,
      timestamp: this.data.timestamp,
      pointsRankinglist: [],
      nodatapointsRanking: false,
      loadMoreType: 'loading',
      loadMoreVisible: true,
    })
    if ( e.currentTarget.dataset.type == '2') {  
      that.gradeRankinglist()
    } else {
      that.pointsRankinglist()
    }    
  },

  // 积分记录-积分排行接口 
  pointsRankinglist() {
    let that = this
    const para = {
      pageIndex: 1,
      pageSize: 20,
      timestamp: this.data.timestamp,
      rankingType: this.data.rankingType, //排名方式：0-周，1-月
    }
    userPointsRankinglist(para).then(res => {
      that.setData({
        pointsRankingUser: res.data.currentUser,
        pointsRankinglist: that.data.pointsRankinglist.concat(res.data.rank),
      })
      if (that.data.pointsRankinglist.length > 0) {
        that.setData({
          nodatapointsRanking: false,
          loadMoreType: 'none',
        })
      } else {
        that.setData({
          nodatapointsRanking: true,
          loadMoreType: 'none',
          loadMoreVisible: false,
        })
      }
    }).catch(err => {
      that.setData({
        pointsRankinglist: [],
        nodatapointsRanking: true,
        loadMoreType: 'none',
        loadMoreVisible: false,
      })
      console.log(err)
    })
  },

  // 积分记录-积分记录接口
  pointsRecordlist() {
    let that = this
    const para = {
      pageIndex: this.data.pageIndex,
      pageSize: this.data.pageSize,
      timestamp: this.data.timestamp,
    }
    pointsRecordlist(para).then(res => {
      that.setData({
        pointsRecordlist: that.data.pointsRecordlist.concat(res.data),
        loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none',
      })
      if (that.data.pointsRecordlist.length > 0) {
        that.setData({
          nodatapointsRecord: false,
        })
      } else {
        that.setData({
          nodatapointsRecord: true,
          loadMoreVisible: false,
        })
      }
    }).catch(err => {
      that.setData({
        loadMoreType: 'none',
        loadMoreVisible: false,
        pointsRecordlist: [],
        nodatapointsRecord: true,
      })
      console.log(err)
    })
  },




  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function(options) {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    this.setData({
      loadMoreVisible: true
    })
    if (this.data.selectTab == 'tab1') {
      // this.pointsRankinglist(); //积分排行
    } else {
      if (this.data.loadMoreType === 'loading') {
        this.setData({
          pageIndex: this.data.pageIndex + 1,
          pageSize: this.data.pageSize,
          timestamp: this.data.timestamp,
          nodatapointsRecord: false,
        })
        this.pointsRecordlist(); //初始化加载积分记录列表
      }
    }
  },

  //6.28 等级排行榜
  gradeRankinglist () {
    let that = this
    const para = {
      pageIndex: 1,
      pageSize: 20,
      timestamp: getTimestamp()
    }
    gradeRankinglist(para).then(res => {
      that.setData({
        pointsRankingUser: res.data.currentUser,
        pointsRankinglist: that.data.pointsRankinglist.concat(res.data.rank),
      })
      if (that.data.pointsRankinglist.length > 0) {
        that.setData({
          nodatapointsRanking: false,
          loadMoreType: 'none',
        })
      } else {
        that.setData({
          nodatapointsRanking: true,
          loadMoreType: 'none',
          loadMoreVisible: false,
        })
      }
    }).catch(err => {
      that.setData({
        pointsRankinglist: [],
        nodatapointsRanking: true,
        loadMoreType: 'none',
        loadMoreVisible: false,
      })
      console.log(err)
    })
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})