$('.recommend_con').html('');
var msort = 1;
var shopId = localStorage.getItem('shopId');
var nowpage = 1;
var condition = 1;
var desc = 0;
var pagesize = 5;
var isload = false;
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
height: '50px', //可选,默认50px.下拉刷新控件的高度,
range: '100px', //可选 默认100px,控件可下拉拖拽的范围
offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
// auto: true, //可选,默认false.首次加载自动上拉刷新一次
contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
callback: pulldownRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var count = 1;
function pullupRefresh() {
setTimeout(function() {
// window.location.reload();
mui('#pullrefresh').pullRefresh().endPullupToRefresh();
nowpage += 1
mui.ajax(qlgUrl('app/Shopping/getShopIndexGoodsList'), {
data: {
from_id,
page: nowpage,
PerPage: 10,
shopId: shopId
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
// var data = toJson(data, 1);
if (data.status == 1) {
//console.log(data);
var html = '';
var data = data.data;
if (data.Rows == '') {
// $('.recommend_con').append(
// '<p style="float: left;width: 100%;text-align: center;padding-bottom: 9px;">没有更多商品</p>');
$('.mui-pull-caption').html("没有更多商品")
return;
}
$.each(data.Rows, function() {
html += '<div class="recommend_con_block shadown_wai" data-goodsId="' + this.goodsId +
'"><img class="rcb_img" src="' + hyhImgUrl(this.goodsImg) +
'" alt="" /><div class="rcb_con"><div class="rcb_title">' + this.goodsName +
'</div><div class="rcb_pay">￥' + this.shopPrice +
' <span style="display:none;">满减</span></div><div class="rcb_bottom"><div><span>' + this.saleNum +
'</span><span>人购买</span></div><div style="display:none"><span>优惠率 </span><span>' + this.discountRate +
'%</span></div></div></div><img style="display:none;" class="icon_icon" src="../img/icon_sscl.png" alt="" /></div>';
});
$('#recommend_con_').append(html);
$('.rcb_title span').each(function() {
if ($(this).attr('data-goodsId') == 1) {
$(this).css('display', 'none');
}
})
$('.rcb_img').height($('.rcb_img').width());
}
},
error: function(xhr, type, errorThrown) { //异常处理；
mui.alert(errorThrown);
}
});
// //console.log(order_class)
// mui.ajax(hyhUrl('app/Shops/getShopGoods'), {
//
// data: {
// page: count,
// shopId: shopId,
// pageSize: 10,
// msort: condition,
// mdesc: desc
// },
// dataType: 'json', //服务器返回json格式数据
// type: 'post', //HTTP请求类型
// timeout: 10000, //超时时间设置为10秒；
// success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
// // //console.log(data.data.goodsFavoritesNum)
// // //console.log(data.data.Rows)
//
// var data = toJson(data);
// data = data.data;
// var html = '';
// $.each(data.Rows, function() {
// html += '<div class="recommend_con_block shadown_wai" data-goodsId="'+this.goodsId+'"><img class="rcb_img" src="'+ectImgUrl(this.goodsImg)+'" alt="" /><div class="rcb_con"><div class="rcb_title"><span style="display:none;">自营</span>'+this.goodsName+'</div><div class="rcb_pay">￥'+this.shopPrice+'<span style="display:none;">满减</span></div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div><img class="icon_icon" style="display:none;"src="../img/icon_sscl.png" alt="" /></div>'
// });
// $('.recommend_con').append(html);
//
// },
// error: function(xhr, type, errorThrown) { //异常处理；
// // mui.alert(type);
// }
// });
}, 500);
}
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
window.location.reload();
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
mui.plusReady(function() {
var costnum = 0;
var self = plus.webview.currentWebview();
from_id = self.from_id?self.from_id:0;
getRecommend(nowpage, pagesize)
$('.commoditylistnav').on('tap', '.nav_block', function() {
page = 1;
count = 1;
$(this).addClass('on').siblings().removeClass('on');
condition = $(this).attr('data-condition');
if ($('#cost_btn').hasClass('on')) {
costnum += 1;
if (costnum % 2 == 1) {
$('#cost_btn').html('价格 <img src="../img/cost3.png"/>');
desc = 0;
} else if (costnum % 2 == 0) {
$('#cost_btn').html('价格 <img src="../img/cost2.png"/>');
desc = 1;
}
} else {
$('#cost_btn').html('价格 <img src="../img/cost1.png"/>')
costnum = 0;
desc = 1
}
// mui.ajax(hyhUrl('app/Shops/getShopGoods'), {
// data: {
// shopId: shopId,
// pageSize: 10,
// page: 1,
// msort: condition,
// mdesc: desc
// },
// dataType: 'json', //服务器返回json格式数据
// type: 'post', //HTTP请求类型
// timeout: 10000, //超时时间设置为10秒；
// success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
// var data = toJson(data);
// data = data.data;
// var html = '';
// $.each(data.Rows, function() {
// html += '<div class="recommend_con_block shadown_wai" data-goodsId="'+this.goodsId+'"><img class="rcb_img" src="'+ectImgUrl(this.goodsImg)+'" alt="" /><div class="rcb_con"><div class="rcb_title"><span style="display:none;">自营</span>'+this.goodsName+'</div><div class="rcb_pay">￥'+this.shopPrice+'<span style="display:none;">满减</span></div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div><img class="icon_icon" style="display:none;"src="../img/icon_sscl.png" alt="" /></div>'
// });
// $('.recommend_con').html(html);
// },
// error: function(xhr, type, errorThrown) { //异常处理；
// // mui.alert(type);
// }
// });
})
// mui.ajax(hyhUrl('app/Shops/getShopGoods'), {
// data: {
// shopId: shopId,
// pageSize: 10,
// page: 1,
// msort: 1,
// mdesc: 0
// },
// dataType: 'json', //服务器返回json格式数据
// type: 'post', //HTTP请求类型
// timeout: 10000, //超时时间设置为10秒；
// success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
// var data = toJson(data);
// data = data.data;
// var html = '';
// $.each(data.Rows, function() {
// html += '<div class="recommend_con_block shadown_wai" data-goodsId="'+this.goodsId+'"><img class="rcb_img" src="'+ectImgUrl(this.goodsImg)+'" alt="" /><div class="rcb_con"><div class="rcb_title"><span style="display:none;">自营</span>'+this.goodsName+'</div><div class="rcb_pay">￥'+this.shopPrice+'<span style="display:none;">满减</span></div><div class="rcb_bottom"><span>可用木吉抵扣20%货款</span></div></div><img class="icon_icon" style="display:none;"src="../img/icon_sscl.png" alt="" /></div>'
// });
// $('.recommend_con').html(html);
// $('.recommend_con_block .img').height($('.recommend_con_block .img').width());
//
// // $('.recommend_con_block').height($('.recommend_con_block').width() * 266 / 198);
// },
// error: function(xhr, type, errorThrown) { //异常处理；
// // mui.alert(type);
// }
// });
$('.recommend_con').on('tap', '.recommend_con_block', function() {
var good_id = $(this).attr('data-goodsId');
mui.openWindow({
url: 'details.html',
id: 'details.html' + good_id,
styles: {
top: '0px', //新页面顶部位置
bottom: '0px', //新页面底部位置
width: '100%', //新页面宽度，默认为100%
height: '100%' //新页面高度，默认为100%
},
extras: {
data_id: good_id,
from_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, //等待框背景区域高度，默认根据内容自动计算合适高度
// ......
}
}
})
})
function getRecommend(nowpage, pagesize) {
var recommenddata = {
from_id: from_id,
page: nowpage ? nowpage : 1,
PerPage: pagesize ? pagesize : 10
}
recommenddata.shopId = shopId
//console.log(recommenddata);
if (isload == true) {
return;
}
isload = true
mui.ajax(qlgUrl('app/Shopping/getShopIndexGoodsList'), {
data: recommenddata,
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) { //服务器返回响应，根据响应结果，分析是否登录成功；
console.log(recommenddata);
// var data = toJson(data, 1);
if (data.status == 1) {
console.log(data);
var html = '';
var data = data.data;
if (data.Rows == '') {
$('.recommend_con').append(
'<p style="float: left;width: 100%;text-align: center;padding-bottom: 9px;">没有更多商品</p>');
return;
}
$.each(data.Rows, function() {
html += '<div class="recommend_con_block shadown_wai" data-goodsId="' + this.goodsId +
'"><img class="rcb_img" src="' + hyhImgUrl(this.goodsImg) +
'" alt="" /><div class="rcb_con"><div class="rcb_title">' + this.goodsName +
'</div><div class="rcb_pay">￥' + this.shopPrice +
' <span style="display:none;">满减</span></div><div class="rcb_bottom"><div><span>' + this.saleNum +
'</span><span>人购买</span></div><div style="display:none"><span>优惠率 </span><span>' + this.discountRate +
'%</span></div></div></div><img style="display:none;" class="icon_icon" src="../img/icon_sscl.png" alt="" /></div>';
});
if (nowpage == 1) {
//console.log(222);
$('#recommend_con_').html(html);
} else {
$('#recommend_con_').append(html);
}
$('.rcb_title span').each(function() {
if ($(this).attr('data-goodsId') == 1) {
$(this).css('display', 'none');
}
})
$('.rcb_img').height($('.rcb_img').width());
} else {
mui.alert(data.msg)
}
isload = false
},
error: function(xhr, type, errorThrown) { //异常处理；
// mui.alert(errorThrown);
}
});
}
})
setInterval(function() {
$('.recommend_con_block img').height($('.recommend_con_block img').width());
// $('.recommend_con_block').height($('.recommend_con_block').width() * 266 / 198);
}, 100)