import {
    getReplyList,
    getReplyConfig
} from '../../api/store.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        parameter: {
            'navbar': '1',
            'return': '1',
            'title': '商品评分',
            'color': false,
        },
        replyData: {},
        product_id: 0,
        reply: [],
        type: 0,
        loading: false,
        loadend: false,
        loadTitle: '加载更多',
        page: 1,
        limit: 8
    },

    /**
     * 授权回调
     */
    onLoadFun: function () {
        this.getProductReplyCount();
        this.getProductReplyList();
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        if (!options.product_id) return app.Tips({
            title: '缺少参数'
        }, {
            tab: 3,
            url: 1
        });
        this.setData({
            product_id: options.product_id
        });
    },

    /**
     * 获取评论统计数据
     */
    getProductReplyCount: function () {
        var that = this;
        getReplyConfig(that.data.product_id).then(res => {
            that.setData({
                replyData: res.data
            });
        });
    },

    /**
     * 分页获取评论
     */
    getProductReplyList: function () {
        var that = this;
        if (that.data.loadend) return;
        if (that.data.loading) return;
        that.setData({
            loading: true,
            loadTitle: ''
        });
        getReplyList(that.data.product_id, {
            page: that.data.page,
            limit: that.data.limit,
            type: that.data.type,
        }).then(res => {
            var list = res.data,
                loadend = list.length < that.data.limit;
            that.data.reply = app.SplitArray(list, that.data.reply);
            that.setData({
                reply: that.data.reply,
                loading: false,
                loadend: loadend,
                loadTitle: loadend ? "😕人家是有底线的~~" : "加载更多",
                page: that.data.page + 1
            });
        }).catch(err => {
            that.setData({
                loading: false,
                loadTitle: '加载更多'
            });
        });
    },

    /**
     * 点击事件切换
     */
    changeType: function (e) {
        var type = e.target.dataset.type;
        type = parseInt(type);
        if (type == this.data.type) return;
        this.setData({
            type: type,
            page: 1,
            loadend: false,
            reply: []
        });
        this.getProductReplyList();
    },
    
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        this.getProductReplyList();
    },

})