caimei365-www/src/main/resources/static/js/user-center/member/memberPage.js

// 服务列表
var serviceList = [
    {
        name: '优惠商品',
        subTitle: '超级会员专享'
    },
    {
        name: '专属优惠券',
        subTitle: '每月可领'
    },
    {
        name: '采美豆翻倍',
        subTitle: '下单返采美豆'
    },
    {
        name: '专属客服',
        subTitle: '一对一'
    },
    {
        name: '专属销售顾问',
        subTitle: '一对一'
    },
    {
        name: '快速发货',
        subTitle: '会员加速'
    },
    {
        name: '售后服务',
        subTitle: '会员加速'
    }, {
        name: '敬请期待',
        subTitle: '更多特权'
    }
];
// 会员套餐
var comboInfo = [
    {
        id: 1,
        durationTime: 12,
        price: 4800,
        recommend: false,
    }, {
        id: 2,
        durationTime: 3,
        price: 1500,
        recommend: true,
    }, {
        id: 3,
        durationTime: 1,
        price: 600,
        recommend: false,
    }
];

var memberPage = new Vue({
    el: '#memberPage',
    data: {
        serviceList: serviceList, // 服务列表
        comboInfo: comboInfo, // svip套餐信息
        showMask: false, // 遮罩层
        showRenewPopup: false, // 续费弹窗
        showConfirmPopup: false, // 支付确认弹窗
        // 优惠券列表
        couponList: [
            {
                type: 1,
                amount: 1000,
                condition1: '满5000可用',
                condition2: '全商城商品通用',
                received: false,
            },
            {
                type: 2,
                amount: 1000,
                condition1: '满5000可用',
                condition2: '全商城商品通用',
                received: false,
            },
            {
                type: 2,
                amount: 1000,
                condition1: '满5000可用',
                condition2: '全商城商品通用',
                received: false,
            },
            {
                type: 2,
                amount: 1000,
                condition1: '满5000可用',
                condition2: '全商城商品通用',
                received: true,
            }
        ],
        comboCurrent: 0,  // 当前选择的套餐
        vipInfo: [], // 用户svip信息
        currentIndex: 1
    },
    computed: {
        svipTips: function () {
            var vipFlag = this.vipInfo.vipFlag;
            var endTime = moment(this.vipInfo.endTime).format('yyyy.MM.DD');
            if (vipFlag === 1) {
                return '<span>已开通采美超级会员</span><span class="time">有效期至' + endTime + '</span>'
            } else if (vipFlag === -1) {
                return '<span class="error">采美·超级会员已过期</span><span class="time">有效期至' + endTime + '</span>';
            } else {
                return '<span>采美·超级会员</span><span>享专属特权</span>'
            }
        },
    },
    mounted: function () {
        this.initCenter()
    },
    methods: {
        // 初始化会员中心
        initCenter: function () {
            var _self = this;
            UserApi.GetSuperCenterInfo({userId: GLOBAL_USER_ID, source: 1}, function (res) {
                if (res.code === 0) {
                    _self.vipInfo = res.data.vip;
                } else {
                    CAIMEI.Alert(response.msg, '确定', false);
                    _self.isRequset = false;
                }
            })
        },
        //选择套餐
        chooseCombo: function (index) {
            this.currentIndex = index
        },
        //支付会员
        payAction: function (type) {
            // RMB支付
            switch (type) {
                case 1: // RMB支付
                    this.payByRMB();
                    break;
                case 2: // 采美豆支付
                    this.payByBeans();
                    break;
                default:
                    return;
            }
        },
        // RMB支付
        payByRMB: function (packageId) {
            console.log('RMB支付');
            //本地保存一下选中的会员套餐信息
            window.localStorage.setItem('comboInfo', comboInfo[this.currentIndex]);
            window.open('/pay/caimei-paycash.html?payname=svip')
        },
        // 采美豆支付
        payByBeans: function (packageId) {
            console.log('采美豆支付');
        }
    }
});