select-coupon.page.js 4.21 KB
/**
 * 优惠券选择
 * @author: bikai<kai.bi@yoho.cn>
 * @date: 2015/12/10
 */
require('cart/select-coupon.page.css');
let $ = require('yoho-jquery'),
    ellipsis = require('yoho-mlellipsis'),
    loading = require('plugin/loading'),
    tip = require('plugin/tip'),
    conponTmpl = require('cart/select-coupon/coupon.hbs'),
    conponNotAvaliableTmpl = require('cart/select-coupon/coupon-not-avaliable.hbs'),
    orderInfo = require('./order-info').orderInfo;

require('plugin/tab');

let isGetData;

let $newCoupon = $('#new-coupon'),
    linkUrl = document.referrer,
    $couponList = $('#couponAvailable');
let $useCoupon = $('#useCoupon');
let $notUseCoupon = $('#notUseCoupon');

let winH = $(window).height();

require('common');
require('cart/cartbuynow/select-coupon');

function fixedLayOut() {
    let $null = $('.null'),
        navH = $('.nav-title').height(),
        nullH = $null.height();

    if ($null.length === 0) {
        return false;
    }

    $null.css({
        top: winH / 2 - nullH / 2 + navH
    });
}

ellipsis.init();

function goToBack() {
    if (linkUrl) {
        window.location.href = linkUrl;
    } else {
        history.go(-1);
    }
}

/**
 * 输入优惠券码兑换优惠券
 */
$newCoupon.on('submit', function() {
    let $this = $(this);

    if (!$this.find('[name="couponCode"]').val()) {
        tip.show('请输入优惠券码');
        return false;
    }
    $.ajax({
        method: 'POST',
        url: '/cart/index/new/useCouponCode',
        data: $this.serialize()
    }).then(function(res) {
        if (res.message) {
            tip.show(res.message);
        }
        if (res.code === 200) {
            tip.show('优惠券可用');
            setTimeout(function() {
                location.reload();
            }, 500);
        }
    }).fail(function() {
        tip.show('网络错误');
    });
    return false;
});

/**
 * 使用优惠券 TODO
 */
$useCoupon.on('click', function() {
    orderInfo('coupon_code');
    goToBack();
});

/**
 * 不使用优惠券 TODO
 */
$notUseCoupon.on('click', function() {
    orderInfo('coupon_code', null);
    goToBack();
});

function getCouponHandle(allCoupons) {
    let availableCoupons = allCoupons.availableCoupons;
    let usableFreesCoupons = allCoupons.freesCoupons;
    let notAvailableCoupons = allCoupons.notAvailableCoupons;

    // 没有优惠券
    if (!(availableCoupons.length || usableFreesCoupons)) {
        $('.coupon-wrap').html($('#tmpl-no-coupon').html());
        fixedLayOut();
        return;
    }

    $.each(availableCoupons, function(i, coupon) {
        coupon.couponValue = Math.floor(coupon.couponValue);
    });

    $.each(usableFreesCoupons, function(i, coupon) {
        coupon.couponValue = Math.floor(coupon.couponValue);
    });

    $.each(notAvailableCoupons, function(i, coupon) {
        coupon.couponValue = Math.floor(coupon.couponValue);
    });

    // 渲染可用的优惠券
    $couponList.append(conponTmpl({
        availableCoupons: availableCoupons,
        usableFreesCoupons: usableFreesCoupons
    })).find('.employ-main').on('touchstart', function() {
        let couponCode = $(this).data('coupon-code');

        $.ajax({
            method: 'POST',
            url: '/cart/index/new/useCouponCode',
            data: {
                couponCode: couponCode
            }
        }).then(function(res) {
            if (res.code === 200) {
                tip.show('这边逻辑要改!');
            } else if (res.message) {
                tip.show(res.message);
            }
        }).fail(function() {
            tip.show('网络错误');
        });
    });

    if (notAvailableCoupons.length) {
        $('.not-avaliable-coupon-line').show();
    }
    $('#couponUnavailable').append(conponNotAvaliableTmpl({
        notAvailableCoupons: notAvailableCoupons
    }));
}

function getCouponDate() {

    if (isGetData) {
        return;
    }

    loading.showLoadingMask();
    isGetData = true;

    $.ajax({
        type: 'GET',
        url: '/cart/index/new/couponList',
        dataType: 'json'
    }).then(getCouponHandle).fail(function() {

        // tip.show('加载优惠券失败');
    }).always(function() {
        isGetData = false;
        loading.hideLoadingMask();
    });
}

getCouponDate();