mui.plusReady(function() {
// var scroll = mui('.mui-scroll-wrapper').scroll({
// deceleration: 0.002 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
// });
window.addEventListener('refresh', function(e) {
location.reload();
})
function getCost() {
var cost = 0;
$('.check2').each(function() {
if($(this).children().hasClass('check_1')) {
cost += ((+$(this).siblings('.b_con_r1').children('.bz').children('.cost').children('o').html()) * (+$(this).siblings('.b_con_r1').children('.bz').children('.num').children('o').html()))
}
})
$('.js_r span j').html('￥' + cost.toFixed(2));
}
function isChecks() {
$('.check1').each(function() {
var isChecks = 1;
$(this).parent().siblings().children().find('.checks').each(function() {
if($(this).hasClass('check_0')) {
isChecks = 0;
}
})
if(isChecks == 0) {
$(this).children().removeClass('check_1').addClass('check_0');
} else {
$(this).children().removeClass('check_0').addClass('check_1');
}
})
}
mui.ajax(hyhUrl('app/carts/index'), {
data: {},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
var data = toJson(data, 1);
if(data.status == 1) {
data = data.data;
var html = '';
$('header').html('购物车(' + data.all_carts_num + ')');
var allids = [];
$.each(data.carts, function() {
var ids = [];
$.each(this.list, function() {
ids.push(this.cartId);
allids.push(this.cartId);
});
var idsStr = ids.join(',');
html += '<div class="block"><div class="b_title clearfix"><div class="check1" data-idsStr="' + idsStr + '"><div class="checks check_0"></div></div><img src="../img/icon_shop.png" /><div class="b_link"><a href="#" data-shopId="' + this.shopId + '">' + this.shopName + '</a></div><img src="../img/icon_right.png" /><div class="btn_bj">编辑</div></div><div class="bcon">';
$.each(this.list, function() {
html += '<div class="b_con clearfix"><div class="check2" data-cartId="' + this.cartId + '" data-cartNum="' + this.cartNum + '" data-isCheck="' + this.isCheck + '"><div class="checks check_0"></div></div><img class="s_img" src="' + hyhImgUrl(this.goodsImg) + '" /><div class="b_con_r1" data-goodsId="' + this.goodsId + '" style="display: block;"><p class="p1">' + this.goodsName + '</p><p class="p2">';
$.each(this.specNames, function() {
html += this.catName + ':' + this.itemName + ';';
});
var price;
if(this.specPrice != null) {
price = this.specPrice;
} else {
price = this.shopPrice;
}
html += '</p><div class="bz clearfix"><span class="cost">￥<o>' + price + '</o> </span><del class="oldcost">￥'+ this.marketPrice +'</del><span class="num">×<o>' + this.cartNum + '</o></span></div></div><div class="b_con_r2 clearfix" style="display: none;"><div class="b_con_r2_l"><div class="changenum clearfix" data-cartId="' + this.cartId + '"><img class="jian" src="../img/jian.png" /><input type="number" name="" id="" value="' + this.cartNum + '" /><img class="jia" src="../img/jia.png" /></div></div><div class="b_con_r2_del" data-cartId="' + this.cartId + '">删除</div></div></div>';
});
html += '</div></div>';
});
var allIdsStr = allids.join(',');
$('.con').html(html)
$('.check').attr('data-allIdsStr', allIdsStr);
$('.checks').each(function() {
if($(this).parent().attr('data-isCheck') == '1') {
$(this).removeClass('check_0').addClass('check_1');
}
})
getCost();
isChecks();
}
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
$('.con').on('tap', '.b_link', function() {
var shopId = $(this).children('a').attr('data-shopId');
mui.openWindow({
url: 'storeout.html',
id: 'storeout.html' + shopId,
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度，默认为100%
height: '100%' //新页面高度，默认为100%
},
extras: {
shopId: shopId
// ..... //自定义扩展参数，可以用来处理页面间传值
},
createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
show: {
// autoShow: true, //页面loaded事件发生后自动显示，默认为true
// aniShow: animationType, //页面显示动画，默认为”slide-in-right“；
// duration: animationTime, //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
// event: 'titleUpdate', //页面显示时机，默认为titleUpdate事件时显示
// extras: {} //窗口动画是否使用图片加速
},
waiting: {
autoShow: true, //自动显示等待框，默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度，默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度，默认根据内容自动计算合适高度
// ......
}
}
})
})
$('.con').on('tap', '.b_con_r1', function() {
var data_id = $(this).attr('data-goodsId');
mui.openWindow({
url: 'details.html',
id: 'details.html' + data_id,
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度，默认为100%
height: '100%' //新页面高度，默认为100%
},
extras: {
data_id: data_id
// ..... //自定义扩展参数，可以用来处理页面间传值
},
createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
show: {
// autoShow: true, //页面loaded事件发生后自动显示，默认为true
// aniShow: animationType, //页面显示动画，默认为”slide-in-right“；
// duration: animationTime, //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
// event: 'titleUpdate', //页面显示时机，默认为titleUpdate事件时显示
// extras: {} //窗口动画是否使用图片加速
},
waiting: {
autoShow: true, //自动显示等待框，默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度，默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度，默认根据内容自动计算合适高度
// ......
}
}
})
})
$('.check').on('tap', function() {
var isCheck;
var ids = $(this).attr('data-allIdsStr');
if($('.check').children('.checks').hasClass('check_0')) {
$('.check').children('.checks').removeClass('check_0').addClass('check_1');
$('.check1').children('.checks').removeClass('check_0').addClass('check_1');
$('.check2').children('.checks').removeClass('check_0').addClass('check_1');
isCheck = 1;
} else {
$('.check').children('.checks').removeClass('check_1').addClass('check_0');
$('.check1').children('.checks').removeClass('check_1').addClass('check_0');
$('.check2').children('.checks').removeClass('check_1').addClass('check_0');
isCheck = 0;
}
getCost();
isChecks();
mui.ajax(hyhUrl('app/carts/batchChangeCartGoods'), {
data: {
ids: ids,
isCheck: isCheck
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data);
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
});
$('.con').on('tap', '.check1', function(e) {
e.stopPropagation();
var that = $(this);
var isCheck;
var ids = $(this).attr('data-idsStr');
$('.check').children('.checks').removeClass('check_1').addClass('check_0');
if(that.children('.checks').hasClass('check_0')) {
isCheck = 1;
that.children('.checks').removeClass('check_0').addClass('check_1');
that.parent().siblings().children().find('.check2').children('.checks').removeClass('check_0').addClass('check_1');
} else {
isCheck = 0;
that.children('.checks').removeClass('check_1').addClass('check_0');
that.parent().siblings().children().find('.check2').children('.checks').removeClass('check_1').addClass('check_0');
}
getCost();
isChecks();
that.attr('disabled', 'disabled');
mui.ajax(hyhUrl('app/carts/batchChangeCartGoods'), {
data: {
ids: ids,
isCheck: isCheck
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data);
that.removeAttr('disabled');
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
});
$('.con').on('tap', '.check2', function(e) {
//console.log()
e.stopPropagation();
var isCheck;
var cartId = $(this).attr('data-cartId');
var that = $(this);
var buyNum = $(this).attr('data-cartNum');
$('.check').children('.checks').removeClass('check_1').addClass('check_0');
if($(this).children().hasClass('check_0')) {
$(this).parent().parent().siblings().children('.check1').children('.checks').removeClass('check_1').addClass('check_0');
$(this).children('.checks').removeClass('check_0').addClass('check_1');
isCheck = 1;
} else {
$(this).children('.checks').removeClass('check_1').addClass('check_0');
isCheck = 0;
}
getCost();
isChecks()
$(this).attr('disabled', 'disabled');
mui.ajax(hyhUrl('app/carts/changeCartGoods'), {
data: {
id: cartId,
isCheck: isCheck,
buyNum: buyNum
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data, 1);
that.removeAttr('disabled');
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
});
$('.con').on('tap', '.btn_bj', function(e) {
e.stopPropagation()
if($(this).html() == '编辑') {
$(this).html('完成');
$(this).parent().siblings().children().find('.b_con_r1').css('display', 'none');
$(this).parent().siblings().children().find('.b_con_r2').css('display', 'block');
} else {
$(this).html('编辑');
$(this).parent().siblings().children().find('.b_con_r2').css('display', 'none');
$(this).parent().siblings().children().find('.b_con_r1').css('display', 'block');
var inputArr = $(this).parent().siblings().find('input')
$(this).parent().siblings().find('.num').each(function(num) {
$(this).html('×<o>' + inputArr.eq(num).val() + '</o>');
})
}
// console.log($(this).parent().siblings().find('.commodity_num'))
// console.log($(this).parent().siblings().find('input'));
if($(this).html() == '完成') {
return;
}
getCost()
})
$('.con').on('tap', '.jia', function() {
// console.log($(this).siblings('input').val())
var that = $(this);
var cartId = $(this).parent().attr('data-cartId')
var num = +$(this).siblings('input').val() + 1;
if(num <= 0) {
alert('购买数最小为1！');
return;
}
$('.jia').attr('disabled', 'disabled');
$('.jian').attr('disabled', 'disabled');
$('input').attr('disabled', 'disabled');
mui.ajax(hyhUrl('app/carts/changeCartGoods'), {
data: {
id: cartId,
buyNum: num
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data, 1);
that.siblings('input').val(num);
$('.jia').removeAttr('disabled');
$('.jian').removeAttr('disabled');
$('input').removeAttr('disabled');
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
})
$('.con').on('tap', '.jian', function() {
var that = $(this);
var cartId = $(this).parent().attr('data-cartId')
var num = +$(this).siblings('input').val() - 1;
if(num <= 0) {
alert('购买数最小为1！');
return;
}
$('.jia').attr('disabled', 'disabled');
$('.jian').attr('disabled', 'disabled');
$('input').attr('disabled', 'disabled');
mui.ajax(hyhUrl('app/carts/changeCartGoods'), {
data: {
id: cartId,
buyNum: num
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data, 1);
that.siblings('input').val(num);
$('.jia').removeAttr('disabled');
$('.jian').removeAttr('disabled');
$('input').removeAttr('disabled');
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
})
$('.con').on('blur', 'input', function() {
var that = $(this);
var cartId = $(this).parent().attr('data-cartId')
var num = +$(this).val();
if(num <= 0) {
alert('购买数最小为1！');
return;
}
$('.jia').attr('disabled', 'disabled');
$('.jian').attr('disabled', 'disabled');
$('input').attr('disabled', 'disabled');
mui.ajax(hyhUrl('app/carts/changeCartGoods'), {
data: {
id: cartId,
buyNum: num
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data, 1);
that.siblings('input').val(num);
$('.jia').removeAttr('disabled');
$('.jian').removeAttr('disabled');
$('input').removeAttr('disabled');
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
})
$('.con').on('tap', '.b_con_r2_del', function() {
var cartId = $(this).attr('data-cartId');
if(confirm('确定删除？')) {
mui.ajax(hyhUrl('app/carts/delCart'), {
data: {
id: cartId
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否;登录成功；
var data = toJson(data, 1);
location.reload();
},
error: function(xhr, type, errorThrown) { //异常处理；
// alert(type);
}
});
}
})
// $('.changeclass').on('tap', '.selectclass', function() {
// $('.mui-backdrop').show();
// })
//选择类型
// $('.cclass1').on('tap', '.block', function() {
// $(this).addClass('on').siblings().removeClass('on');
// $(this).parent().attr('data-class', $(this).html());
// })
// $('.closecclass').on('tap', function() {
// $('.mui-backdrop').css('display', 'none');
// })
// $('.ensure').on('tap', function() {
// $('.mui-backdrop').css('display', 'none');
// })
mui('.js').on('tap', '.btn_tj', function() {
var check_length = $('.check_1').length;
if(check_length == 0) {
alert('请选择商品结算!');
return;
}
mui.openWindow({
url: 'confirmOrder.html',
id: 'confirmOrder.html',
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度，默认为100%
height: '100%' //新页面高度，默认为100%
},
extras: {
// data_id: data_id
type: 0
// ..... //自定义扩展参数，可以用来处理页面间传值
},
createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
show: {
// autoShow: true, //页面loaded事件发生后自动显示，默认为true
// aniShow: animationType, //页面显示动画，默认为”slide-in-right“；
// duration: animationTime, //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
// event: 'titleUpdate', //页面显示时机，默认为titleUpdate事件时显示
// extras: {} //窗口动画是否使用图片加速
},
waiting: {
autoShow: true, //自动显示等待框，默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度，默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度，默认根据内容自动计算合适高度
// ......
}
}
})
})
})