address.js 7.74 KB
/**
 * @description: 地址管理
 * @author: chenglong.wang@yoho.cn
 */

var $ = require('yoho.jquery');

var isProvinceChecked = false;

var $addressManage = $('.address-manage'),
    $province = $addressManage.find('.text-input[name="province"]'),
    $city = $addressManage.find('.text-input[name="city"]'),
    $county = $addressManage.find('.text-input[name="county"]'),
    $selectList = $addressManage.find('.text-input[name="province"], .text-input[name="city"]'),
    $addressList = $('.address-list'),
    $name = $addressManage.find('.text-input[name="name"]'),
    $phone = $addressManage.find('.text-input[name="phone"]'),
    $telCode = $addressManage.find('.text-input[name="code-tel"]'),
    $tel = $addressManage.find('.text-input[name="tel"]'),
    $mail = $addressManage.find('.text-input[name="mail"]'),
    $address = $addressManage.find('.text-input[name="address"]'),
    $code = $addressManage.find('.text-input[name="code"]'),
    $saveBtn = $('.save-btn');

function structureOption($obj, data) {

    var key,
        optionHtml,
        defaultOption;

    for (key in data) {

        if (data[key].checked) {
            optionHtml += '<option selected value="' + data[key].value + '">' + data[key].name + '</option>';
        } else {
            optionHtml += '<option value="' + data[key].value + '">' + data[key].name + '</option>';
        }


    }

    $obj.html(optionHtml);

    if ($obj.attr('name') === 'province') {
        defaultOption = '<option value="0">请选择省份</option>';
    } else if ($obj.attr('name') === 'city') {
        defaultOption = '<option value="0">请选择城市</option>';
    } else if ($obj.attr('name') === 'county') {
        defaultOption = '<option value="0">请选择区县</option>';
    }
    $obj.prepend($(defaultOption));

}
/**
 * @description: 改函数会返回地址信息
 * d {Object} type: 'getProvince'获取省 type: 'getCity'获取城市 type: 'getCounty'获取县
 * id: 0 && type: 'getProvince' 获取所有省,默认没有选中项
 * id !== 0 && type: 'getProvince' 获取所有省,默认选中用户所在的省
 */
function getAddress(d, callback) {

    var $obj,
        url;

    if (d.type === 'getProvince') {
        url = 'getProvince';

        $obj = $province;
    } else if (d.type === 'getCity') {
        url = 'getCity';

        $obj = $city;
    } else if (d.type === 'getCounty') {
        url = 'getCounty';

        $obj = $county;
    }
    $.ajax({
        type: 'post',
        url: '/order/save/' + url,
        dataType: 'json',
        data: {
            id: d.id
        }
    }).then(function(data) {

        structureOption($obj, data);

        if (typeof callback === 'function') {
            callback();
        }

    }).fail(function() {

        //todo
    });
}

function getUserInfo(id) {
    $.ajax({
        type: 'post',
        url: 'getUserInfo',
        data: {
            id: id
        }
    }).then(function(data) {
        var key;

        for (key in data) {

            if (data.hasOwnProperty(key)) {
                if (!!data[key]) {
                    eval('$' + key).val(data[key]);
                }
            }
        }

    }).fail(function() {

    });
}

//添加地址
exports.newAddress = function(id) {

    var pId = id !== 'undefined' ? id : 0;

    if (!!pId) {
        getUserInfo();
    }

    //获取省
    getAddress({
        id: pId,
        type: 'getProvince'
    }, function() {

        var provinceId = $province.val();

        if (provinceId !== '0') {

            //如果获取的省有默认选中项则获取市
            getAddress({
                id: provinceId,
                type: 'getCity'
            }, function() {

                var cityId = $city.val();

                //如果获取的市有默认选中项则获取县
                if (cityId !== '0') {
                    getAddress({
                        id: cityId,
                        type: 'getCounty'
                    });
                }
            });
        }
    });

    $selectList.change(function() {
        var $this = $(this);

        if ($this.attr('name') === 'province') {
            getAddress({
                id: $this.val(),
                type: 'getCity'
            }, function() {
                isProvinceChecked = true;
            });
        }

        if ($this.attr('name') === 'city' && isProvinceChecked) {
            getAddress({
                id: $this.val(),
                type: 'getCounty'
            });
        }
    });
};

//修改地址
exports.modifyAddress = function() {

    $addressList.click(function(event) {
        var $this = $(event.target),
            id = $this.closest('li').find('.radio').attr('id');

        if ($this.hasClass('address-modify')) {
            $addressManage.removeClass('hide');
            exports.newAddress(id);
        } else if ($this.hasClass('address-del')) {

            $.ajax({
                type: 'post',
                url: '/order/save/addressDel',
                data: {
                    id: id
                }
            }).then(function(data) {

                if (!!data.status) {
                    $this.closest('li').remove();
                }
            }).fail(function() {

                //todo
            });
        } else if ($this.hasClass('default-address')) {

            // 设为默认地址
            $.ajax({
                type: 'post',
                url: '/order/save/defaultAddress',
                data: {
                    id: id
                }
            }).then(function(data) {

                if (!!data.status) {
                    $this.remove();
                }
            }).fail(function() {

                //todo
            });
        }
    });
};

exports.saveAddress = function() {
    $saveBtn.click(function() {

        var name = $name.val(),
            province = $province.val(),
            city = $city.val(),
            county = $county.val(),
            address = $address.val(),
            phone = $phone.val(),
            telCode = $telCode.val(),
            tel = $tel.val(),
            mail = $mail.val(),
            code = $code.val(),
            id = new Date();

        $.ajax({
            type: 'post',
            url: '/order/save/addressSave',
            data: {
                name: name,
                province: province,
                city: city,
                county: county,
                address: address,
                phone: phone,
                tel: tel,
                telCode: telCode,
                mail: mail,
                code: code,
                id: id * 1
            }
        }).then(function(data) {

            var addressStr;

            if (!!data.status) {
                addressStr = '<li>' +
                    '<input class="radio" type="radio" name="address" id="' + id * 1 + '" />' +
                    '<label for="' + id * 1 + '">' +
                        '<strong>' + name + '</strong>' +
                        '<span>' + address + '</span>' +
                        '<a href="javascript:void(0);">设为默认地址</a>' +
                        '<div class="order-modify-btn">' +
                            '<span class="address-modify">[修改]</span>' +
                            '<span class="address-del">[删除]</span>' +
                        '</div>' +
                    '</label>' +
                '</li>';

                $('.use-new-address').before($(addressStr));
            }
        }).fail(function() {

            //todo
        });
    });
};