cart-together.js 5.42 KB
/**
 * Created by yoho on 2017-01-13.
 */

var lazyLoad = require('yoho-jquery-lazyload');
var dataLazyLoad = require('../plugins/lazy-load')(document);

var capi = require('./cart-api');
var togetherTpl = require('hbs/cart/cart-together-item.hbs');
var $togetherSlide = $('[data-role=together-slide]');
var $fineSlide = $('[data-role=fine-slide]');
var $latestWalkSlide = $('[data-role=latestWalk-slide]');
var productInfoTpl = require('hbs/cart/cart-product-info-tpl.hbs');
var $goodsSelWin = $('#Y_goodsSelectWin');

function loadTogetherProduct(page) {
    capi.getTogetherProduct(page).done(function(togetherInfo) {

        if (togetherInfo && togetherInfo.code === 200) {
            $togetherSlide.html(togetherTpl(togetherInfo.data));
        }
    });/* .fail(function() {

    });*/
}

function loadFineProduct(page) {
    capi.getFineProduct(page).done(function(fineInfo) {
        if (fineInfo && fineInfo.code === 200) {
            $fineSlide.html(togetherTpl($.extend({
                showAdd2Cart: true
            }, fineInfo.data)));

            // 若无数据,请隐藏容器
            if (!fineInfo.data || !fineInfo.data.item || fineInfo.data.item.length === 0) {
                $fineSlide.remove();
                $('[data-role=fine-tab]').remove();
                $('.bottom-tab-slide .change').remove();

                $('.bottom-tab-slide .bottom-title').eq(0).trigger('click');
                return;
            } else {
                $('.bottom-tab-slide').removeClass('none');
                $('.bottom-slide-content').removeClass('none');
            }

            lazyLoad($fineSlide.find('.lazy'));
        }
    });/* .fail(function() {

     });*/
}

function fetchLatestWalk(num) {

    $.ajax({
        url: 'http://www.yohobuy.com/common/recentReview',
        dataType: 'jsonp',
        data: {
            limit: num || 15
        },
        success: function(data) {
            var latestWalk = [],
                res, i, cur;

            if (data.code === 200) {
                res = data.data;

                // 若无最近浏览,请隐藏容器
                if (res.length === 0) {
                    $latestWalkSlide.hide();
                    $('[data-role=latestWalk-tab]').hide();
                    return;
                } else {
                    $('.bottom-tab-slide').removeClass('none');
                    $('.bottom-slide-content').removeClass('none');
                }

                for (i = 0; i < res.length; i++) {
                    cur = res[i];

                    latestWalk.push({
                        href: cur.url,
                        img: cur.pic_url,
                        title: cur.product_name,
                        price: cur.price,
                        marketPrice: cur.market_price
                    });
                }

                $latestWalkSlide.html(togetherTpl({
                    item: latestWalk,
                    hasNext: latestWalk && latestWalk.length > 5,
                    hasPrev: latestWalk && latestWalk.length > 5
                }));
                lazyLoad($latestWalkSlide.find('.lazy'));

                $latestWalkSlide.find('.individual-item').slider2({
                    shownum: 5,
                    isCircle: true
                });
            }
        }
    });
}

// 凑单商品翻页
$togetherSlide.on('click', '.pagenext, .pageprev', function() {
    loadTogetherProduct(Math.ceil(Math.random() * 100) + 1);
});

$('.bottom-tab-slide .change').on('click', function() {

    var pageNum = Number($fineSlide.data('pagenum') || 1);

    if (pageNum !== 3) {
        pageNum++;
    } else {
        pageNum = 1;
    }

    $fineSlide.data('pagenum', pageNum);
    loadFineProduct(pageNum);
});

// 为您优选翻页
/* $fineSlide.on('click', '.pagenext, .pageprev', function() {

    var pageNum = Number($fineSlide.data('pagenum') || 1);

    if ($(this).hasClass('pagenext')) {
        if (pageNum !== 5) {
            pageNum++;
        } else {
            pageNum = 1;
        }
    } else {
        --pageNum > 0 || (pageNum = 1);
    }

    $fineSlide.data('pagenum', pageNum);
    loadFineProduct(pageNum);
});*/

// 推荐、优选、浏览切换
$('.bottom-tab-slide').on('click', '.bottom-title', function() {
    var $this = $(this),
        $triggers = $('.bottom-tab-slide .bottom-title'),
        index = $this.index(),
        $panels = $('.bottom-slide-content .slide-panel'),
        $curPanel = $panels.eq(index),
        $chgBtn = $('.bottom-tab-slide .change');

    $panels.hide();
    $panels.eq(index).show();

    if ($this.hasClass('cur')) {
        return;
    }

    $triggers.removeClass('cur');
    $this.addClass('cur');

    if ($this.data('type') === 'fine') {
        $chgBtn.show();
    } else {
        $chgBtn.hide();
    }

    $panels.hide();
    $curPanel.slideDown();
});

function showTogetherSelWin(id, skn) {

    capi.getProductInfo(id, skn).then(function(res) {
        $goodsSelWin.find('.detail-body').empty().append(productInfoTpl(res));
    });

    capi.showMDialog('#Y_goodsSelectWinDialog');
}

$('.bottom-slide-content').on('click', '[data-role=add2cart]', function() {
    var $this = $(this);
    var id = $this.data('id');
    var skn = $this.data('skn');

    showTogetherSelWin(id, skn);
});

window.loadTogetherProduct = loadTogetherProduct;
window.loadFineProduct = loadFineProduct;
window.fetchLatestWalk = fetchLatestWalk;

// 数据懒加载
dataLazyLoad.init({cls: '.lazy-load-object', threshold: 700});