invoice-info.js 4.91 KB
/**
 * 发票信息
 * @author: wsl<shuiling.wang@yoho.cn>
 * @date: 2016/6/14
 */

var $ = require('jquery'),
    tip = require('../plugin/tip'),
    dialog = require('../me/dialog'),
    order = require('./order-info');

var $invoiceNotice = $('.invoice-notice'),
    $companyArea = $('.company-area'),
    $editFlag = $('.edit-flag'),
    $chooseCont = $('.choose-cont'),
    $invoiceType = $('.invoice-type'),
    $tel = $('.tel'),
    $company = $('.company'),
    $telArea = $('.tel-area'),
    orderInfo = order.orderInfo,
    $chooseContLi = $('.invoice-cont').find('.icon-cb-radio').parent(),
    $copyTel = $('.copy-tel'),
    isModifyTel = false;

var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/,
    linkUrl = $('.address-more').val() || '/cart/index/orderEnsure?cartType=ordinary';

require('../common');

if (window.getUid() !== orderInfo('uid')) {
    order.init();
    window.location.reload();
}

//单选效果
function chooseAction(pDom, dom) {
    if (dom.hasClass('icon-cb-radio')) {
        return;
    } else {
        pDom.find('.choose').removeClass('icon-cb-radio icon-radio').addClass('icon-radio');
        dom.removeClass('icon-radio').addClass('icon-cb-radio');
        dom.parent().addClass('on');
        dom.parent().siblings().removeClass('on');
        $editFlag.val('true');
    }
}

// 确认表单事件
function confirmAction() {
    var type = $invoiceType.find('.on').data('id'),
        title = $('.invoice-top').find('.on').text(),
        tel = $tel.attr('data-tel'),
        company = $company.val(),
        cont = $chooseCont.data('id');

    if ($editFlag.val() === 'true') {
        if (type === 2 && !myreg.test($tel.attr('data-tel'))) {
            tip.show('请输入正确手机号');
            $tel.focus();
            return false;
        } else if (title === '单位' && company.length === 0) {
            tip.show('请填写发票抬头');
            $company.focus();
            return false;
        } else if (title === '单位' && company.length > 30) {
            tip.show('发票抬头不得超过30个汉字');
            $company.focus();
            return false;
        } else {
            dialog.showDialog({
                dialogText: '确认保存修改内容?',
                hasFooter: {
                    leftBtnText: '取消',
                    rightBtnText: '确定'
                }
            }, function() {
                orderInfo('invoiceText', (title === '单位' ? company : ''));
                orderInfo('invoiceType', cont);
                orderInfo('receiverMobile', tel);
                orderInfo('invoicesType', type);
                orderInfo('invoiceTitle', title);

                if (isModifyTel && $copyTel !== tel) {
                    orderInfo('isModifyTel', true);
                } else {
                    orderInfo('isModifyTel', false);
                }

                dialog.showDialog({
                    dialogText: '保存成功',
                    autoHide: true,
                    fast: true
                });
                window.location.href = linkUrl;
            }, function() {
                window.location.href = linkUrl;
            });
        }
    } else {
        window.location.href = linkUrl;
    }
}

$chooseCont.html($chooseContLi.text()).attr('data-id', $chooseContLi.find('span').data('id'));

// 发票抬头、发票内容选择
$('.invoice-top span, .invoice-cont li').not('.invoice-cont .cont-title').on('touchstart', function(e) {
    chooseAction($(this).parent(), $(this).find('.choose'));

    if ($(this).parent().hasClass('invoice-cont')) {
        $chooseCont.html($(this).text()).attr('data-id', $(this).find('span').data('id'));
    }

    if ($(this).text() === '单位') {
        $companyArea.slideDown();
    }

    if ($(this).text() === '个人') {
        $companyArea.slideUp();
    }
});

// 发票类型选择
$('.invoice-type span').on('touchstart', function() {
    if ($(this).hasClass('on')) {
        return;
    } else {
        $(this).addClass('on').siblings().removeClass('on');
        $editFlag.val('true');

        // 纸质发票不显示手机号
        if ($(this).index() === 1) {
            $telArea.slideUp();
        } else {
            $telArea.slideDown();
        }
    }
});

// 发票须知
$('.invoice-btn').on('touchstart', function() {
    $invoiceNotice.fadeIn();
    return false;
});

// 关闭发票须知弹框
$('.think-ok, .mask-bg').on('touchstart', function() {
    $invoiceNotice.fadeOut();
});

// 电话清空
$('.istel').one('input', function() {
    $(this).val('').removeClass('istel');
});

$tel.on('input', function() {
    $(this).attr('data-tel', $(this).val());
    $editFlag.val('true');
    isModifyTel = true;
});

$company.on('input', function() {
    $editFlag.val('true');
});

// 确认及返回事件
$('.confirm-btn, .nav-back').on('touchstart', function(e) {
    e.preventDefault();
    confirmAction();
});

// initData();