Authored by 郭成尧

select

... ... @@ -46,32 +46,34 @@
</div>
{{/if}}
{{#if isBundle}}
<div class="bundle-title">
<div class="opt">
<i class="iconfont chk select{{#if checked}} checked{{/if}}"></i>
{{#inValid}}
<span class="disable fill-text">失效</span>
{{/inValid}}
</div>
<div class="title">
<span>优惠套装</span>{{poolTitle}}
<div class="bundle" data-activityid="{{poolId}}" data-maxnum="{{poolStorageNumber}}">
<div class="bundle-title">
<div class="opt">
<i class="iconfont chk select{{#if checked}} checked{{/if}}"></i>
{{#inValid}}
<span class="disable fill-text">失效</span>
{{/inValid}}
</div>
<div class="title">
<span>优惠套装</span>{{poolTitle}}
</div>
</div>
</div>
<div class="bundle-nums clearfix" data-activityid="{{poolId}}" data-maxnum="{{poolStorageNumber}}">
<div class="label">
<span>套餐数量</span>
<div class="bundle-nums clearfix">
<div class="label">
<span>套餐数量</span>
</div>
<div class="num-opt">
<a href="javascript:;" class="btn btn-opt-minus{{#ifor minSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
<input type="text" class="good-num" disabled="true" value="{{poolBuyNumber}}" >
<a href="javascript:;" class="btn btn-opt-plus{{#ifor maxSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
</div>
<div class="count pull-right">x{{poolBuyNumber}}</div>
</div>
<div class="num-opt">
<a href="javascript:;" class="btn btn-opt-minus{{#ifor minSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
<input type="text" class="good-num" disabled="true" value="{{poolBuyNumber}}" >
<a href="javascript:;" class="btn btn-opt-plus{{#ifor maxSelectNum isGift isAdvanceBuy}} disabled{{/ifor}}"><span class="iconfont"></span></a>
<div class="good-list">
{{#goods}}
{{> cart-good parent=..}}
{{/goods}}
</div>
<div class="count pull-right">x{{poolBuyNumber}}</div>
</div>
<div class="good-list">
{{#goods}}
{{> cart-good parent=..}}
{{/goods}}
</div>
{{/if}}
</div>
... ...
... ... @@ -2,7 +2,7 @@
* @Author: Targaryen
* @Date: 2017-04-06 16:51:52
* @Last Modified by: Targaryen
* @Last Modified time: 2017-04-06 17:38:12
* @Last Modified time: 2017-04-07 13:34:40
*/
const $ = require('yoho-jquery');
... ... @@ -13,15 +13,15 @@ let bundle = {
init(handle) {
let self = this;
let $bundleNum = $('.bundle-nums'); // 限定作用域
let activityId = $bundleNum.data('activityid');
let $bundle = $('.bundle'); // 限定作用域
let activityId = $bundle.data('activityid');
self.handle = handle;
/**
* 减少套餐数量
*/
$bundleNum.on('click', '.num-opt .btn-opt-minus', function(e) {
$bundle.on('click', '.bundle-nums .num-opt .btn-opt-minus', function(e) {
self.decrBundle({
activity_id: activityId
}, e);
... ... @@ -30,11 +30,15 @@ let bundle = {
/**
* 增加套餐数量
*/
$bundleNum.on('click', '.num-opt .btn-opt-plus', function(e) {
$bundle.on('click', '.bundle-nums .num-opt .btn-opt-plus', function(e) {
self.incrBundle({
activity_id: activityId
}, e);
});
$bundle.on('click', '.bundle-title .opt .select', function(e) {
self.bundleCheckHandle(e);
});
},
/**
... ... @@ -76,6 +80,36 @@ let bundle = {
}
});
},
/**
* 套餐选中
* @param {*} e
*/
bundleCheckHandle(e) {
$(e.delegateTarget).find('.select').toggleClass('checked');
let goodItem = $(e.delegateTarget).find('.good-item');
let skuData = [];
goodItem.each(function(index, element) {
skuData.push({
product_sku: $(element).data('id'),
buy_number: $(element).data('mnum'),
activity_id: $(e.delegateTarget).data('activityid'),
selected: 'Y'
});
});
$.ajax({
type: 'post',
url: '/cart/index/new/select',
data: {
skuList: JSON.stringify(skuData)
},
success: function(result) {
console.log(result);
}
});
}
};
module.exports = bundle;
... ...