caimei365-www/src/main/resources/static/js/user-center/account/coupon.js

;
var orderPage = new Vue({
    el: "#beansPage",
    data: {
        isRequset:true,
        noMore: false,
        tabsListIndex:0,
        tabsList: [
            {value: 0,text: '未使用'},
            {value: 1,text: '已使用'},
            {value: 2,text: '已失效'}
        ],
        listQuery:{
            userId:0,
            pageNum:1,
            pageSize:6,
            status:1
        },
        coupinList:[],
        listRecord: 0,
        pageInput: '1',
        userBeans:0,
        confirmedCount:'',//待確認數量
        paymentCount:'',//待付款
        waitShipmentsCount:'',//待发货
        shipmentsCount:'',//已发货
        salesReturnCount:'',//退货款
        modelType:0,
        orderIdentificationId:0,
        payModelData:{},
        hanldOrderData:{},//监听点击的单个订单项的按钮
        confrimsBtn:true,
        listClass:'used',
        dataList:[],
    },
    filters: {
        TypeBtnFormat:function(value){
            switch (value) {
                case 1:
                    return  '去使用';
                    break;
                case 2:
                    return  '已使用';
                    break;
                case 3:
                    return  '已失效';
                    break;
            }
        },
        TypeFormat:function(value) {
            switch (value) {
                case 0:
                    return  '活动券';
                    break;
                case 1:
                    return  '品类券';
                    break;
                case 2:
                    return  '用户专享券';
                    break;
                case 3:
                    return  '店铺券';
                    break;
                case 4:
                    return  '新用户券';
                    break;
            }
        }
    },
    computed: {
        pageTotal: function () {
            var total = Math.ceil(this.listRecord / this.listQuery.pageSize);
            return total > 0 ? total : 1;
        },
        showPageBtn: function () {
            var total = Math.ceil(this.listRecord / this.listQuery.pageSize);
            total = total > 0 ? total : 1;
            var index = this.listQuery.pageNum, arr = [];
            if (total <= 6) {
                for (var i = 1; i <= total; i++) {
                    arr.push(i);
                }
                return arr;
            }
            if (index <= 3) return [1, 2, 3, 4, 5, 0, total];
            if (index >= total - 2) return [1, 0, total - 4, total - 3, total - 2, total - 1, total];
            return [1, 0, index - 2, index - 1, index, index + 1, index + 2, 0, total];
        }
    },
    methods: {
        tabClick:function(index){//点击Tab切换查询列表
            var  _self = this;
            _self.tabsListIndex = index;
            console.log('tabsListIndex',_self.tabsListIndex)
            switch(_self.tabsListIndex){
                case 0:
                    _self.listClass = 'used'
                    _self.listQuery.status = 1
                    break;
                case 1:
                    _self.listClass = 'none'
                    _self.listQuery.status = 2
                    break;
                case 2:
                    _self.listClass = 'none'
                    _self.listQuery.status = 3
                    break;
            }
            _self.listQuery.pageNum = 1;
            _self.QueryCouponCenter();
        },
        getQueryCouponsCount: function (){// 获取优惠券数量
            var _self = this;
            ProductApi.QueryCouponsCount({userId:this.listQuery.userId,},function (response) {
                if(response.code == 0){
                    let data = response.data
                    _self.tabsList[0].num = data.unusedNum
                    _self.tabsList[1].num = data.usedNum
                    _self.tabsList[2].num = data.expiredNum
                }else{
                    CAIMEI.Alert(response.msg, '确定', false);
                }
            })
        },
        toPagination: function (pageNum) {//点击切换分页
            if (pageNum <= this.pageTotal) {
                this.listQuery.pageNum = pageNum;
                this.QueryCouponCenter();
            }
        },
        checkNum: function () {//输入跳转分页
            if (this.pageInput > this.pageTotal) {
                this.pageInput = this.pageTotal;
            } else if (this.pageInput < 1) {
                this.pageInput = 1;
            }
        },
        QueryCouponCenter:function(){//查询订单列表
            var _self = this;
            ProductApi.QueryCouponCenter(_self.listQuery,function (response) {
                if(response.code == 0){
                    var data = response.data;
                    if( data.list && data.list.length>0) {
                        _self.coupinList = [];
                        _self.coupinList = data.list;
                        _self.listRecord = data.total;
                    }else{
                        _self.coupinList = [];
                        _self.coupinList = data.list;
                        _self.listRecord = data.total;
                    }
                    _self.isRequset = false;
                }else{
                    CAIMEI.Alert(response.msg, '确定', false);
                }
            })
        },
        toUseCoupon:function(coupon){// 点击去使用跳转路由处理
            console.log(coupon)
            if(coupon.useStatus == 1){
                switch (coupon.couponType) {
                    case 0:// 活动券跳转到商城首页 / 或者活动页（看是否指定了商品）
                        if(coupon.productType == 1){
                            window.location.href='/index.html';
                        }else{
                            window.location.href='/product/product-coupon.html?couponId='+coupon.couponId;
                        }
                        break;
                    case 1:// 品类券：跳转到产品 / 仪器页
                        if(coupon.categoryType == 1){
                            window.location.href='/product/type-287.html';
                        }else{
                            window.location.href='/product/type-286.html';
                        }
                        break;
                    case 2:// 专享券：跳转到商城首页
                        window.location.href='/index.html';
                        break;
                    case 3:// 店铺券：跳转到店铺首页
                        console.log('22222222222')
                        window.location.href='/supplier-'+coupon.shopId+'.html';
                        debugger
                        break;
                    case 4:// 新用户券：跳转到商城首页
                        window.location.href='/index.html';
                        break;
                }
            }else{
                return;
            }
        },
    },
    mounted: function () {
        var _self = this;
        if(globalUserData){
            _self.userId = globalUserData.userId;
            _self.listQuery.userId = this.userId;
            _self.getQueryCouponsCount();
            _self.QueryCouponCenter();
        }
    }
});