epdc-resident-mp-js/subpages/heart/pages/leaderboardNew/leaderboardNew.js

import { getTimestamp } from "../../../../utils/common"
const api = require("../../../../utils/api")
var api_banner = require("../../../../utils/activity.js")
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    selectTab: "tab1",
    selectedTab_B: "tab0",
    typeList: [{ //排名方式：0-周，1-月
      type: "tab0",
      name: "审核中",
      select: true
    },
    {
      type: "tab1",
      name: "已通过",
      select: false
    },
    {
      type: "tab4",
      name: "未通过",
      select: false
    }, {
      type: "tab5",
      name: "已结束",
      select: false
    }
    ],
    // 积分排行榜相关
    datalenght: null,
    loveRankingList: [],
    preloadVisible: true,
    // 列表相关
    loadMoreVisible: false,
    loadMoreType: "none",
    pageNo: 1,
    pageSize: 10,
    signedList: [],
    timer: "",
    timestamp: getTimestamp(),
    jilu: true,
    banner:[]
  },
  // tab 切换
  onTabChange (e) {
    this.setData({
      selectTab: e.currentTarget.dataset.tab,
    })

    if (e.currentTarget.dataset.tab == "tab2") {
      this.setData({
        jilu: false,
      })
      this.getSignedList()
    } else {
      this.setData({
        jilu: true,
      })
      this.loadLoveRanking()
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function () {
    this.loadLoveRanking()
    this.bannerListV2()
    this.setData({
      timestamp: getTimestamp(),
    })
  },
  bannerListV2: function () {
    let that = this
    let params = {
      bannerType:"2"
    }
    api_banner.bannerList(params).then(function (res) {
      that.setData({
        banner: res.data
      })
    })
  },
  preViewImage (e) {
    let list = [];
    list.push(this.data.banner[0].bannerImg)
    list.push(this.data.banner[1].bannerImg)
    wx.previewImage({
      urls: list,
      current: e.currentTarget.dataset.src
    })
  },
  // 加载 爱心互助排行榜
  loadLoveRanking () {
    this.setData({
      loveRankingList: [],
      preloadVisible: true
    })
    api.leaderboard().then(res => {
      this.setData({
        datalenght: res.data.length
      })
      res.data.forEach((item) => {
        this.data.loveRankingList.push(item)
      })
      this.setData({
        loveRankingList: this.data.loveRankingList,
        preloadVisible: false
      })
    }).catch(() => {
      this.setData({
        datalenght:0,
        loveRankingList: [],
        preloadVisible: false
      })
    })
  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if(this.data.selectTab == "tab2"){
      this.pulldownRefresh()
    }
    if (!app.globalData.previewImage) {
      console.log("过滤previewImage引起的onShow")
    }
    app.globalData.previewImage = false
  },

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

  },

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

  },

  // 参与记录切换
  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,
      selectedTab_B: e.currentTarget.dataset.type
    })

    this.pulldownRefresh()
  },
  /**
 * 生命周期函数--监听页面初次渲染完成
 */
  onReady: function () {
    this.pullDownRefresh = this.selectComponent("#pulldown-refresh")
  },
  onPageScroll (e) {
    this.pullDownRefresh.onPageScroll(e)
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.selectTab == "tab2"){
      this.setData({
        loadMoreVisible: true
      })
      if (this.data.loadMoreType === "loading") {
        this.setData({
          pageNo: this.data.pageNo + 1
        })
        this.getSignedList()
      }
    }
  },
  // 列表 下拉刷新, 初始化加载
  pulldownRefresh () {
    this.setData({
      pageNo: 1,
      pageSize: 10,
      loadMoreVisible: false,
      loadMoreType: "none",
      preloadVisible: true,
      signedList: [],
      timestamp: getTimestamp()
    })
    const para = {
      pageIndex: this.data.pageNo,
      pageSize: this.data.pageSize,
      timestamp: this.data.timestamp,
      actType: this.data.selectedTab_B.substr(3, 1)
    }
    api.getSignedList(para).then(res => {
      this.pullDownRefresh.stopRefresh()
      // console.log('已报名活动', res)
      this.setData({
        signedList: [...res.data],
        loadMoreType: res.data.length === 10 ? "loading" : "none",
        preloadVisible: false
      })
    }).catch(err => {
      this.pullDownRefresh.stopRefresh()
      this.setData({
        signedList: [],
        loadMoreType: "none",
        preloadVisible: false
      })
      console.log(err)
    })
  },
  // 列表 上拉加载
  getSignedList () {
    const para = {
      pageIndex: this.data.pageNo,
      pageSize: this.data.pageSize,
      timestamp: this.data.timestamp,
      actType: this.data.selectedTab_B.substr(3, 1)
    }
    api.getSignedList(para).then(res => {
      // console.log('已报名活动', res.data.length)
      this.setData({
        signedList: [...this.data.signedList, ...res.data],
        loadMoreType: res.data.length === 10 ? "loading" : "none",
        preloadVisible: false
      })
    }).catch(err => {
      this.setData({
        signedList: [],
        loadMoreType: "none",
        preloadVisible: false
      })
      console.log(err)
    }).finally(() => {
      this.pullDownRefresh.stopRefresh()
    })
  },

  // 查看详情
  toDetail (e) {
    if (this.data.selectedTab === "tab4") {
      wx.navigateTo({
        url: `/subpages/heart/pages/refusedOrEndedDetail/refusedOrEndedDetail?id=${e.detail.detailId}`
      })
    } else if (e.detail.actCurrentState == 5) {
      wx.navigateTo({
        url: `/subpages/heart/pages/cancelDetail/cancelDetail?id=${e.detail.detailId}`
      })
    } else {
      wx.navigateTo({
        url: `/subpages/heart/pages/heartDetail/heartDetail?id=${e.detail.detailId}`
      })
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})