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

import {
    getOrderList,
    orderData,
    orderCancel,
    orderDel,
    orderPay
} from '../../api/order.js';
import {
    getUserInfo
} from '../../api/user.js';
import {
    openOrderSubscribe
} from '../../utils/SubscribeMessage.js';

const app = getApp();

Page({
    /**
     * 页面的初始数据
     */
    data: {
        parameter: {
            'navbar': '1',
            'return': '1',
            'title': '我的订单',
            'color': true,
            'class': '0'
        },
        loading: false, //是否加载中
        loadend: false, //是否加载完毕
        loadTitle: '加载更多', //提示语
        orderList: [], //订单数组
        orderData: {}, //订单详细统计
        orderStatus: 0, //订单状态
        page: 1,
        limit: 10,
        isClose: false,
        payMode: [{
                name: "微信支付",
                icon: "icon-weixinzhifu",
                value: 'weixin',
                title: '微信快捷支付'
            },
            {
                name: "余额支付",
                icon: "icon-yuezhifu",
                value: 'yue',
                title: '可用余额:',
                number: 0
            },
        ],
        pay_close: false,
        pay_order_id: '',
        totalPrice: '0',
    },

    /**
     * 登录回调
     */
    onLoadFun: function () {
        this.getOrderData();
        this.getOrderList();
        this.getUserInfo();
    },

    /**
     * 事件回调
     */
    onChangeFun: function (e) {
        let opt = e.detail;
        let action = opt.action || null;
        let value = opt.value != undefined ? opt.value : null;
        (action && this[action]) && this[action](value);
    },

    /**
     * 获取用户信息
     */
    getUserInfo: function () {
        let that = this;
        getUserInfo().then(res => {
            that.data.payMode[1].number = res.data.now_money;
            that.setData({
                payMode: that.data.payMode
            });
            // app.globalData.unread = res.data.notice
            app.setUnread(res.data.notice)
        });
    },

    /**
     * 关闭支付组件
     */
    pay_close: function () {
        this.setData({
            pay_close: false
        });
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        if (options.status) this.setData({
            orderStatus: options.status
        });
        this.setData({
            'parameter.return': options.is_return ? '0' : '1'
        });
    },

    /**
     * 获取订单统计数据
     */
    getOrderData: function () {
        var that = this;
        orderData().then(res => {
            that.setData({
                orderData: res.data
            });
        })
    },

    /**
     * 取消订单
     */
    cancelOrder: function (e) {
        var order_id = e.currentTarget.dataset.order_id;
        var index = e.currentTarget.dataset.index,
            that = this;
        if (!order_id) return app.Tips({
            title: '缺少订单号无法取消订单'
        });
        orderCancel(order_id).then(res => {
            return app.Tips({
                title: res.msg,
                icon: 'success'
            }, function () {
                that.data.orderList.splice(index, 1);
                that.setData({
                    orderList: that.data.orderList,
                    'orderData.unpaid_count': that.data.orderData.unpaid_count - 1
                });
                that.getOrderData();
            });
        }).catch(err => {
            return app.Tips({
                title: err
            });
        });
    },

    /**
     * 打开支付组件
     */
    goPay: function (e) {
        let order_id = e.currentTarget.dataset.order_id,
            pay_price = e.currentTarget.dataset.pay_price;
        this.setData({
            pay_close: true,
            pay_order_id: order_id,
            totalPrice: pay_price
        });
    },

    /**
     * 支付成功回调
     */
    pay_complete: function () {
        this.setData({
            loadend: false,
            page: 1,
            orderList: [],
            pay_close: false,
            pay_order_id: ''
        });
        this.getOrderData();
        this.getOrderList();
    },

    /**
     * 支付失败回调
     */
    pay_fail: function () {
        this.setData({
            pay_close: false,
            pay_order_id: ''
        });
    },

    /**
     * 去订单详情
     */
    goOrderDetails: function (e) {
        var order_id = e.currentTarget.dataset.order_id;
        if (!order_id) return app.Tips({
            title: '缺少订单号无法查看订单详情'
        });
        wx.showLoading({
            title: '正在加载',
        })
        openOrderSubscribe().then(() => {
            wx.hideLoading();
            wx.navigateTo({
                url: '/pages/order_details/index?order_id=' + order_id
            })
        }).catch(() => {
            wx.hideLoading();
        })
    },

    /**
     * 切换类型
     */
    statusClick: function (e) {
        var status = e.currentTarget.dataset.status;
        if (status == this.data.orderStatus) return;
        this.setData({
            orderStatus: status,
            loadend: false,
            page: 1,
            orderList: []
        });
        this.getOrderList();
    },

    /**
     * 获取订单列表
     */
    getOrderList: function () {
        var that = this;
        if (that.data.loadend) return;
        if (that.data.loading) return;
        that.setData({
            loading: true,
            loadTitle: ""
        });
        getOrderList({
            type: that.data.orderStatus,
            page: that.data.page,
            limit: that.data.limit,
        }).then(res => {
            var list = res.data || [];
            var loadend = list.length < that.data.limit;
            that.data.orderList = app.SplitArray(list, that.data.orderList);
            that.setData({
                orderList: that.data.orderList,
                loadend: loadend,
                loading: false,
                loadTitle: loadend ? "我也是有底线的" : '加载更多',
                page: that.data.page + 1,
            });
        }).catch(err => {
            that.setData({
                loading: false,
                loadTitle: "加载更多"
            });
        })
    },

    /**
     * 删除订单
     */
    delOrder: function (e) {
        var order_id = e.currentTarget.dataset.order_id;
        var index = e.currentTarget.dataset.index,
            that = this;
        orderDel(order_id).then(res => {
            that.data.orderList.splice(index, 1);
            that.setData({
                orderList: that.data.orderList,
                'orderData.unpaid_count': that.data.orderData.unpaid_count - 1
            });
            that.getOrderData();
            return app.Tips({
                title: '删除成功',
                icon: 'success'
            });
        }).catch(err => {
            return app.Tips({
                title: err
            });
        })
    },
    
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

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

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

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

    },

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

    },

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