<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>积分记录</title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
//屏蔽分享
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
</script>
</head>
<body>
<!--底部菜单开始-->
<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
<a class="mui-tab-item">
<span class="iconfont icon-shouye"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-liebiao"></span>
<span class="mui-tab-label">列表</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-gouwuche"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-huiyuan"></span>
<span class="mui-tab-label">会员</span>
</a>
</footer>
<!--底部菜单结束-->
<div class="integral-log-nav">
<!--头部选项卡-->
<div id="pro-top-menu" class="mui-segmented-control">
<!--(默认选中哪个就加上mui-active)，其他不加-->
<a class="mui-control-item" id="status_1" name="1" href="#item1">收入记录</a>
<a class="mui-control-item" id="status_3" name="3" href="#item2">待入记录</a>
<a class="mui-control-item mui-active" id="status_2" name="2" href="#item3">全部记录</a>
</div>
</div>
<!--内容开始-->
<div id="item" class="mui-content mui-scroll-wrapper" style="top: 44px;">
<div class="mui-scroll">
<!--选项卡item1显示区域(默认选中哪个就加上mui-active)，其他不加-->
<div id="item1" class="mui-control-content mui-active">
<ul class="mui-table-view my-grid-view-no integral-list ">
<!--<li class="mui-table-view-cell">
<br />
<div class="mui-table mui-text-center">
<div class="mui-table-cell mui-col-xs-4">
<h3 class="mui-ellipsis cl-blue">+378</h3>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-blue">+122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>完善会员信息赠送积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-blue">+122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>完善会员信息赠送积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-blue">+122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>完善会员信息赠送积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>-->
</ul>
</div>
</div>
<!--选项卡item2显示区域-->
<!--<div id="item2" class="mui-control-content">
<ul class="mui-table-view my-grid-view-no integral-list">-->
<!--<li class="mui-table-view-cell">
<br />
<div class="mui-table mui-text-center">
<div class="mui-table-cell mui-col-xs-4">
<h3 class="mui-ellipsis cl-yellow">378</h3>
</div>
</div>
</li>-->
<!--<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-yellow">122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>购买刷头待入积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>-->
<!--<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-yellow">33</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>购买刷头待入积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>-->
<!--<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-yellow">122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>购买刷头待入积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>-->
<!--</ul>
</div>-->
<!--选项卡item3显示区域-->
<!--<div id="item3" class="mui-control-content mui-active">
<ul class="mui-table-view my-grid-view-no integral-list">-->
<!--<li class="mui-table-view-cell">
<br />
<div class="mui-table mui-text-center">
<div class="mui-table-cell mui-col-xs-4">
<h3 class="mui-ellipsis cl-blue">+378</h3>
</div>
<div class="mui-table-cell mui-col-xs-4">
<h3 class="mui-ellipsis cl-yellow">378</h3>
</div>
<div class="mui-table-cell mui-col-xs-4">
<h3 class="mui-ellipsis cl-red">-378</h3>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-blue">+122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>完善会员信息赠送积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-yellow">122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>购买刷头待入积分</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table my-integral-cell">
<div class="mui-table-cell mui-col-xs-3 mui-text-center">
<div class="integral-number">
<span class="cl-red">-122</span>
</div>
</div>
<div class="mui-table-cell mui-col-xs-9">
<span>积分商城兑换礼品</span>
<span class="mui-h6 mui-pull-right">2017-12-20</span>
</div>
</div>
</li>-->
<!--</ul>
</div>-->
</div>
<!--内容结束-->
<!-- 加载ing begin-->
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<!-- 加载ing end -->
<script src="js/mui.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/main.js"></script>
<script>
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if(e.persisted) {
location.reload();
}
});
var isShowTitle = false; //是否需要展示顶部，积分数
var item = getParam("integralStatus");
var pageNumber = 0,pagesize = 10;//pageNumber第几页，pagesize每页条数
mui.init({
pullRefresh: {
container: '#item',//上拉加载容器
down: {
//callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',//上拉加载时显示的文字
callback: pullupRefresh//上拉加载的回调方法
}
}
});
function pullupRefresh() {
++pageNumber;//每次上拉页数+1
var parameter = {}; //ajax参数json集合
parameter["pageNO"] = pageNumber;
parameter["pageSize"] = pagesize;
if(item != 2){
parameter["useType"] = item;
}
$.ajax(base_path + '/wechat/userIntegral/listAllIntegralInfo?dates=' + new Date().getTime(), {
data:parameter,
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
type: 'post',
timeout: 15000,
success:function(dt){
if(dt.isRedirect){
location.href = dt.redirectURL;
} else {
if(dt.status){
console.log(dt);
if(item == 1) {
var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
if(dt.data.listIntegralInfo.length<pagesize){
$(".mui-pull-caption-nomore").hide();
}
if(!isShowTitle){
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null) {
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div></div>';
}else {
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+'+'+dt.data.gainIntegralCount+'</h3></div></div>';
}
table.appendChild(li);//将li插入table
}
mui.each(dt.data.listIntegralInfo, function(index) {
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
li.innerHTML += '<div class="mui-table my-integral-cell"><div class="mui-table-cell mui-col-xs-3 mui-text-center"><div class="integral-number"><span class="cl-blue">'+'+'+this.integralNumber+'</span></div></div><div class="mui-table-cell mui-col-xs-9"><span>'+this.integralConfigName+'</span><span class="mui-h6 mui-pull-right">'+this.integralCreateTime+'</span></div></div>';
table.appendChild(li);//将li插入table
});
}else if(item == 3) {
var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
if(dt.data.listIntegralInfo.length<pagesize){
$(".mui-pull-caption-nomore").hide();
}
if(!isShowTitle){
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
if(dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+0+'</h3></div></div>';
}else{
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+'+'+dt.data.stayIntegralCount+'</h3></div></div>';
}
table.appendChild(li);//将li插入table
}
mui.each(dt.data.listIntegralInfo, function(index) {
console.log(dt.data);
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
li.innerHTML += '<div class="mui-table my-integral-cell"><div class="mui-table-cell mui-col-xs-3 mui-text-center"><div class="integral-number"><span class="cl-yellow">'+'+'+this.integralNumber+'</span></div></div><div class="mui-table-cell mui-col-xs-9"><span>'+this.integralConfigName +'</span><span class="mui-h6 mui-pull-right">'+this.stayRecordedTime+'(待入)'+'</span></div></div>';
table.appendChild(li);//将li插入table
});
} else {
var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
if(dt.data.listIntegralInfo.length<pagesize){
$(".mui-pull-caption-nomore").hide();
}
if(!isShowTitle){
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null && dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null && dt.data.useIntegralCount == undefined && dt.data.useIntegralCount == null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+0+'</h3></div></div>';
}else if(dt.data.gainIntegralCount != undefined && dt.data.gainIntegralCount != null && dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null && dt.data.useIntegralCount == undefined && dt.data.useIntegralCount == null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+'+'+dt.data.gainIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+0+'</h3></div></div>';
}else if(dt.data.gainIntegralCount != undefined && dt.data.gainIntegralCount != null && dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null && dt.data.useIntegralCount != undefined && dt.data.useIntegralCount != null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+'-'+dt.data.useIntegralCount+'</h3></div></div>';
}else if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null && dt.data.stayIntegralCount != undefined && dt.data.stayIntegralCount != null && dt.data.useIntegralCount != undefined && dt.data.useIntegralCount != null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+'+'+dt.data.stayIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+'-'+dt.data.useIntegralCount+'</h3></div></div>';
}else if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null && dt.data.stayIntegralCount != undefined && dt.data.stayIntegralCount != null && dt.data.useIntegralCount == undefined && dt.data.useIntegralCount == null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+'+'+dt.data.stayIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+0+'</h3></div></div>';
}else if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null && dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null && dt.data.useIntegralCount != undefined && dt.data.useIntegralCount != null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+0+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+'-'+dt.data.useIntegralCount+'</h3></div></div>';
}else if(dt.data.gainIntegralCount != undefined && dt.data.gainIntegralCount != null && dt.data.stayIntegralCount != undefined && dt.data.stayIntegralCount != null && dt.data.useIntegralCount == undefined && dt.data.useIntegralCount == null){
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+'+'+dt.data.gainIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+'+'+dt.data.stayIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+0+'</h3></div></div>';
}else{
li.innerHTML += '<div class="mui-table mui-text-center"><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-blue">'+'+'+dt.data.gainIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-yellow">'+'+'+dt.data.stayIntegralCount+'</h3></div><div class="mui-table-cell mui-col-xs-4"><h3 class="mui-ellipsis cl-red">'+'-'+dt.data.useIntegralCount+'</h3></div></div>';
}
table.appendChild(li);//将li插入table
}
mui.each(dt.data.listIntegralInfo, function(index) {
var li = document.createElement('li');//创建li标签
li.className='mui-table-view-cell';//給li标签className
if(this.integralType == 1){
li.innerHTML += '<div class="mui-table my-integral-cell"><div class="mui-table-cell mui-col-xs-3 mui-text-center"><div class="integral-number"><span class="cl-blue">'+'+'+this.integralNumber+'</span></div></div><div class="mui-table-cell mui-col-xs-9"><span>'+this.integralConfigName+'</span><span class="mui-h6 mui-pull-right">'+this.integralCreateTime+'</span></div></div>';
}else if(this.integralType == 2){
li.innerHTML += '<div class="mui-table my-integral-cell"><div class="mui-table-cell mui-col-xs-3 mui-text-center"><div class="integral-number"><span class="cl-red">'+'-'+this.integralNumber+'</span></div></div><div class="mui-table-cell mui-col-xs-9"><span>'+this.integralConfigName+'</span><span class="mui-h6 mui-pull-right">'+this.integralCreateTime+'</span></div></div>';
}else{
li.innerHTML += '<div class="mui-table my-integral-cell"><div class="mui-table-cell mui-col-xs-3 mui-text-center"><div class="integral-number"><span class="cl-yellow">'+'+'+this.integralNumber+'</span></div></div><div class="mui-table-cell mui-col-xs-9"><span>'+this.integralConfigName+'</span><span class="mui-h6 mui-pull-right">'+this.stayRecordedTime +'(待入)'+'</span></div></div>';
}
//console.log(li);
table.appendChild(li);//将li插入table
});
}
isShowTitle = true;
} else {
mui.alert("获取数据失败！");
}
}
},
});
}
// 头部选项卡点击事件
// var item = 2;
$(document).on('tap', '#pro-top-menu>a', function() {
isShowTitle = false;
pageNumber = 0;
item = $(this).attr('name');
pageNumber=0;//页数归零
$('.integral-list').empty();//清空产品列表
mui('#item').pullRefresh().refresh(true);
//mui('#item').pullRefresh().pullupLoading();//重新加载数据
mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,500);//500毫秒滚动到顶
});
mui.ready(function() {
$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
mui('#item').pullRefresh().pullupLoading();//重新加载数据
$(".mui-segmented-control>a").removeClass("mui-active");
//console.log(item);
if(item == null || item == ""){
item = 2;
$("#status_2").addClass("mui-active");
}else if(item == 1){
$("#status_1").addClass("mui-active");
}else if(item == 3){
$("#status_3").addClass("mui-active");
}else if(item == 2){
$("#status_2").addClass("mui-active");
}
});
</script>
</body>
</html>