|
@@ -1,414 +1,414 @@
|
|
|
-<!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>
|
|
|
-
|
|
|
+<!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>
|