twong329/view/xcx/pages/promoter_rank/index.js

// pages/promoter_rank/index.js
import {
    getRankList
} from '../../api/user.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        parameter: {
            'navbar': '1',
            'return': '1',
            'title': '推广人排行',
            'color': true,
            'class': '0'
        },
        navList: ["周榜", "月榜"],
        active: 0,
        page: 1,
        limit: 15,
        type: 'week',
        loading: false,
        loadend: false,
        loadTitle: "加载更多",
        rankList: [],
        Two: {},
        One: {},
        Three: {},
    },

    onLoadFun: function (e) {
        this.getRanklist();
    },

    getRanklist: function () {
        let that = this;
        if (that.data.loadend) return;
        if (that.data.loading) return;
        that.setData({
            loading: true,
            loadTitle: ""
        });
        getRankList({
            page: this.data.page,
            limit: this.data.limit,
            type: this.data.type
        }).then(res => {
            let list = res.data;
            that.data.rankList = that.data.rankList.concat(list);
            if (that.data.page == 1) {
                that.data.One = that.data.rankList.shift() || {};
                that.data.Two = that.data.rankList.shift() || {};
                that.data.Three = that.data.rankList.shift() || {};
            }
            let loadend = list.length < that.data.limit;
            that.setData({
                loadend: loadend,
                loading: false,
                rankList: that.data.rankList,
                page: that.data.page + 1,
                loadTitle: loadend ? "我也是有底线的" : '加载更多',
                One: that.data.One,
                Two: that.data.Two,
                Three: that.data.Three,
            });
        }).catch(err => {
            that.setData({
                loading: false,
                loadTitle: "加载更多"
            });
        })
    },

    switchTap: function (e) {
        var index = e.currentTarget.dataset.index;
        if (this.data.active === index) return;
        this.setData({
            active: index,
            type: index ? 'month' : 'week',
            page: 1,
            loadend: false,
            rankList: [],
            Two: {},
            One: {},
            Three: {}
        });
        this.getRanklist();
    },
    
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

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

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        if (this.data.isClone && app.globalData.isLog) {
            this.setData({
                loadend: false,
                page: 1,
                rankList: []
            });
            this.getRanklist();
        }
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        this.setData({
            isClone: true
        });
    },

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

    },

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

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        this.getRanklist();
    },

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

    }
})