liujiankang
/
static


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414
							<!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>