integral-log.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>积分记录</title>
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  13. <script>
  14. //屏蔽分享
  15. // document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  16. // WeixinJSBridge.call('hideOptionMenu');
  17. // });
  18. </script>
  19. </head>
  20. <body>
  21. <!--底部菜单开始-->
  22. <footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
  23. <a class="mui-tab-item">
  24. <span class="iconfont icon-shouye"></span>
  25. <span class="mui-tab-label">首页</span>
  26. </a>
  27. <a class="mui-tab-item">
  28. <span class="iconfont icon-liebiao"></span>
  29. <span class="mui-tab-label">列表</span>
  30. </a>
  31. <a class="mui-tab-item">
  32. <span class="iconfont icon-gouwuche"></span>
  33. <span class="mui-tab-label">购物车</span>
  34. </a>
  35. <a class="mui-tab-item">
  36. <span class="iconfont icon-huiyuan"></span>
  37. <span class="mui-tab-label">会员</span>
  38. </a>
  39. </footer>
  40. <!--底部菜单结束-->
  41. <div class="integral-log-nav">
  42. <!--头部选项卡-->
  43. <div id="pro-top-menu" class="mui-segmented-control">
  44. <!--(默认选中哪个就加上mui-active),其他不加-->
  45. <a class="mui-control-item" id="status_1" name="1" href="#item1">收入记录</a>
  46. <a class="mui-control-item" id="status_3" name="3" href="#item2">待入记录</a>
  47. <a class="mui-control-item mui-active" id="status_2" name="2" href="#item3">全部记录</a>
  48. </div>
  49. </div>
  50. <!--内容开始-->
  51. <div id="item" class="mui-content" style="padding-top: 44px;">
  52. <!--选项卡item1显示区域(默认选中哪个就加上mui-active),其他不加-->
  53. <div id="item1" class="mui-control-content mui-active">
  54. <ul class="mui-table-view my-grid-view-no integral-list ">
  55. <!--<li class="mui-table-view-cell">
  56. <br />
  57. <div class="mui-table mui-text-center">
  58. <div class="mui-table-cell mui-col-xs-4">
  59. <h3 class="mui-ellipsis cl-blue">+378</h3>
  60. </div>
  61. </div>
  62. </li>
  63. <li class="mui-table-view-cell">
  64. <div class="mui-table my-integral-cell">
  65. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  66. <div class="integral-number">
  67. <span class="cl-blue">+122</span>
  68. </div>
  69. </div>
  70. <div class="mui-table-cell mui-col-xs-9">
  71. <span>完善会员信息赠送积分</span>
  72. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  73. </div>
  74. </div>
  75. </li>
  76. <li class="mui-table-view-cell">
  77. <div class="mui-table my-integral-cell">
  78. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  79. <div class="integral-number">
  80. <span class="cl-blue">+122</span>
  81. </div>
  82. </div>
  83. <div class="mui-table-cell mui-col-xs-9">
  84. <span>完善会员信息赠送积分</span>
  85. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  86. </div>
  87. </div>
  88. </li>
  89. <li class="mui-table-view-cell">
  90. <div class="mui-table my-integral-cell">
  91. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  92. <div class="integral-number">
  93. <span class="cl-blue">+122</span>
  94. </div>
  95. </div>
  96. <div class="mui-table-cell mui-col-xs-9">
  97. <span>完善会员信息赠送积分</span>
  98. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  99. </div>
  100. </div>
  101. </li>-->
  102. </ul>
  103. </div>
  104. <!--选项卡item2显示区域-->
  105. <!--<div id="item2" class="mui-control-content">
  106. <ul class="mui-table-view my-grid-view-no integral-list">-->
  107. <!--<li class="mui-table-view-cell">
  108. <br />
  109. <div class="mui-table mui-text-center">
  110. <div class="mui-table-cell mui-col-xs-4">
  111. <h3 class="mui-ellipsis cl-yellow">378</h3>
  112. </div>
  113. </div>
  114. </li>-->
  115. <!--<li class="mui-table-view-cell">
  116. <div class="mui-table my-integral-cell">
  117. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  118. <div class="integral-number">
  119. <span class="cl-yellow">122</span>
  120. </div>
  121. </div>
  122. <div class="mui-table-cell mui-col-xs-9">
  123. <span>购买刷头待入积分</span>
  124. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  125. </div>
  126. </div>
  127. </li>-->
  128. <!--<li class="mui-table-view-cell">
  129. <div class="mui-table my-integral-cell">
  130. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  131. <div class="integral-number">
  132. <span class="cl-yellow">33</span>
  133. </div>
  134. </div>
  135. <div class="mui-table-cell mui-col-xs-9">
  136. <span>购买刷头待入积分</span>
  137. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  138. </div>
  139. </div>
  140. </li>-->
  141. <!--<li class="mui-table-view-cell">
  142. <div class="mui-table my-integral-cell">
  143. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  144. <div class="integral-number">
  145. <span class="cl-yellow">122</span>
  146. </div>
  147. </div>
  148. <div class="mui-table-cell mui-col-xs-9">
  149. <span>购买刷头待入积分</span>
  150. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  151. </div>
  152. </div>
  153. </li>-->
  154. <!--</ul>
  155. </div>-->
  156. <!--选项卡item3显示区域-->
  157. <!--<div id="item3" class="mui-control-content mui-active">
  158. <ul class="mui-table-view my-grid-view-no integral-list">-->
  159. <!--<li class="mui-table-view-cell">
  160. <br />
  161. <div class="mui-table mui-text-center">
  162. <div class="mui-table-cell mui-col-xs-4">
  163. <h3 class="mui-ellipsis cl-blue">+378</h3>
  164. </div>
  165. <div class="mui-table-cell mui-col-xs-4">
  166. <h3 class="mui-ellipsis cl-yellow">378</h3>
  167. </div>
  168. <div class="mui-table-cell mui-col-xs-4">
  169. <h3 class="mui-ellipsis cl-red">-378</h3>
  170. </div>
  171. </div>
  172. </li>
  173. <li class="mui-table-view-cell">
  174. <div class="mui-table my-integral-cell">
  175. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  176. <div class="integral-number">
  177. <span class="cl-blue">+122</span>
  178. </div>
  179. </div>
  180. <div class="mui-table-cell mui-col-xs-9">
  181. <span>完善会员信息赠送积分</span>
  182. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  183. </div>
  184. </div>
  185. </li>
  186. <li class="mui-table-view-cell">
  187. <div class="mui-table my-integral-cell">
  188. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  189. <div class="integral-number">
  190. <span class="cl-yellow">122</span>
  191. </div>
  192. </div>
  193. <div class="mui-table-cell mui-col-xs-9">
  194. <span>购买刷头待入积分</span>
  195. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  196. </div>
  197. </div>
  198. </li>
  199. <li class="mui-table-view-cell">
  200. <div class="mui-table my-integral-cell">
  201. <div class="mui-table-cell mui-col-xs-3 mui-text-center">
  202. <div class="integral-number">
  203. <span class="cl-red">-122</span>
  204. </div>
  205. </div>
  206. <div class="mui-table-cell mui-col-xs-9">
  207. <span>积分商城兑换礼品</span>
  208. <span class="mui-h6 mui-pull-right">2017-12-20</span>
  209. </div>
  210. </div>
  211. </li>-->
  212. <!--</ul>
  213. </div>-->
  214. </div>
  215. <!--内容结束-->
  216. <!-- 加载ing begin-->
  217. <div class="loading covers">
  218. <div class="loading-bj"></div>
  219. <p>正在加载...</p>
  220. </div>
  221. <!-- 加载ing end -->
  222. <script src="js/mui.min.js"></script>
  223. <script src="js/jquery-2.1.1.min.js"></script>
  224. <script src="js/swiper.min.js"></script>
  225. <script src="js/main.js"></script>
  226. <script>
  227. window.addEventListener('pageshow', function(e) {
  228. // 通过persisted属性判断是否存在 BF Cache
  229. if(e.persisted) {
  230. location.reload();
  231. }
  232. });
  233. var item = getParam("integralStatus");
  234. var pageNumber = 0,pagesize = 10;//pageNumber第几页,pagesize每页条数
  235. mui.init({
  236. pullRefresh: {
  237. container: '#item',//上拉加载容器
  238. down: {
  239. //callback: pulldownRefresh
  240. },
  241. up: {
  242. contentrefresh: '正在加载...',//上拉加载时显示的文字
  243. callback: pullupRefresh//上拉加载的回调方法
  244. }
  245. }
  246. });
  247. //ready事件 收入记录
  248. // mui.ready(function() {
  249. // $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  250. // mui('#item').pullRefresh().pullupLoading();//重新加载数据
  251. // });
  252. // function pullupRefresh() {
  253. // ++pageNumber;//每次上拉页数+1
  254. // $.ajax(base_path + '/wechat/userIntegral/listGainIntegralInfo?dates=' + new Date().getTime(), {
  255. // data:{
  256. // "useType":1,
  257. // "pageNo":pageNumber,//pageNo第几页
  258. // "pageSize":pagesize//pageSize每页条数
  259. // },
  260. // dataType: 'json',
  261. // xhrFields: {
  262. // withCredentials: true
  263. // },
  264. // crossDomain: true,
  265. // type: 'post',
  266. // timeout: 15000,
  267. // success:function(dt){
  268. // if(dt.isRedirect){
  269. // location.href = dt.redirectURL;
  270. // } else {
  271. // if(dt.status){
  272. // console.log(dt);
  273. // var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
  274. // mui('#item').pullRefresh().endPullupToRefresh(dt.data.listGainIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了,停止上拉加载
  275. // var li = document.createElement('li');//创建li标签
  276. // li.className='mui-table-view-cell';//給li标签className
  277. // 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>';
  278. // table.appendChild(li);//将li插入table
  279. // mui.each(dt.data.listGainIntegralInfo, function(index) {
  280. // var li = document.createElement('li');//创建li标签
  281. // li.className='mui-table-view-cell';//給li标签className
  282. // 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>';
  283. // table.appendChild(li);//将li插入table
  284. // });
  285. // } else {
  286. // mui.alert("获取数据失败!");
  287. // }
  288. // }
  289. // },
  290. // });
  291. // }
  292. //
  293. //
  294. // //待入记录
  295. // mui.ready(function() {
  296. // $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  297. // mui('#item').pullRefresh().pullupLoading();//重新加载数据
  298. // });
  299. // function pullupRefresh() {
  300. // ++pageNumber;//每次上拉页数+1
  301. // $.ajax(base_path + '/wechat/userIntegral/listStayIntegral?dates=' + new Date().getTime(), {
  302. // data:{
  303. // "useType":3,
  304. // "pageNo":pageNumber,//pageNo第几页
  305. // "pageSize":pagesize//pageSize每页条数
  306. // },
  307. // dataType: 'json',
  308. // xhrFields: {
  309. // withCredentials: true
  310. // },
  311. // crossDomain: true,
  312. // type: 'post',
  313. // timeout: 15000,
  314. // success:function(dt){
  315. // if(dt.isRedirect){
  316. // location.href = dt.redirectURL;
  317. // } else {
  318. // if(dt.status){
  319. // console.log(dt);
  320. // var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
  321. // mui('#item').pullRefresh().endPullupToRefresh(dt.data.listStayIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了,停止上拉加载
  322. // var li = document.createElement('li');//创建li标签
  323. // li.className='mui-table-view-cell';//給li标签className
  324. // 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>';
  325. // table.appendChild(li);//将li插入table
  326. // mui.each(dt.data.listStayIntegralInfo, function(index) {
  327. //
  328. // var li = document.createElement('li');//创建li标签
  329. // li.className='mui-table-view-cell';//給li标签className
  330. // 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.integralCreateTime+'</span></div></div>';
  331. // table.appendChild(li);//将li插入table
  332. // });
  333. // } else {
  334. // mui.alert("获取数据失败!");
  335. // }
  336. // }
  337. // },
  338. // });
  339. // }
  340. //
  341. function pullupRefresh() {
  342. ++pageNumber;//每次上拉页数+1
  343. var parameter = {}; //ajax参数json集合
  344. parameter["pageNo"] = pageNumber;
  345. parameter["pageSize"] = pagesize;
  346. if(item != 2){
  347. parameter["useType"] = item;
  348. }
  349. $.ajax(base_path + '/wechat/userIntegral/listAllIntegralInfo?dates=' + new Date().getTime(), {
  350. // data:{
  351. // parameter
  352. // "pageNo":pageNumber,//pageNo第几页
  353. // "pageSize":pagesize//pageSize每页条数
  354. // },
  355. data:parameter,
  356. dataType: 'json',
  357. xhrFields: {
  358. withCredentials: true
  359. },
  360. crossDomain: true,
  361. type: 'post',
  362. timeout: 15000,
  363. success:function(dt){
  364. if(dt.isRedirect){
  365. location.href = dt.redirectURL;
  366. } else {
  367. if(dt.status){
  368. console.log(dt);
  369. if(item == 1) {
  370. var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
  371. mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了,停止上拉加载
  372. if(dt.data.listIntegralInfo.length<pagesize){
  373. $(".mui-pull-caption-nomore").hide();
  374. }
  375. var li = document.createElement('li');//创建li标签
  376. li.className='mui-table-view-cell';//給li标签className
  377. if(dt.data.gainIntegralCount == undefined && dt.data.gainIntegralCount == null) {
  378. 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>';
  379. table.appendChild(li);//将li插入table
  380. }else {
  381. 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>';
  382. table.appendChild(li);//将li插入table
  383. }
  384. mui.each(dt.data.listIntegralInfo, function(index) {
  385. var li = document.createElement('li');//创建li标签
  386. li.className='mui-table-view-cell';//給li标签className
  387. 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>';
  388. table.appendChild(li);//将li插入table
  389. });
  390. }else if(item == 3) {
  391. var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
  392. mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了,停止上拉加载
  393. if(dt.data.listIntegralInfo.length<pagesize){
  394. $(".mui-pull-caption-nomore").hide();
  395. }
  396. var li = document.createElement('li');//创建li标签
  397. li.className='mui-table-view-cell';//給li标签className
  398. if(dt.data.stayIntegralCount == undefined && dt.data.stayIntegralCount == null){
  399. 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>';
  400. }else{
  401. 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>';
  402. }
  403. table.appendChild(li);//将li插入table
  404. mui.each(dt.data.listIntegralInfo, function(index) {
  405. console.log(dt.data);
  406. var li = document.createElement('li');//创建li标签
  407. li.className='mui-table-view-cell';//給li标签className
  408. 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>';
  409. table.appendChild(li);//将li插入table
  410. });
  411. } else {
  412. var table = document.body.querySelector('.integral-list');//table是插入数据li的父级容器
  413. mui('#item').pullRefresh().endPullupToRefresh(dt.data.listIntegralInfo.length<pagesize);//endPullupToRefresh(ture)表示没有更多数据了,停止上拉加载
  414. if(dt.data.listIntegralInfo.length<pagesize){
  415. $(".mui-pull-caption-nomore").hide();
  416. }
  417. var li = document.createElement('li');//创建li标签
  418. li.className='mui-table-view-cell';//給li标签className
  419. 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){
  420. 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>';
  421. }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){
  422. 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>';
  423. }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){
  424. 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>';
  425. }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){
  426. 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>';
  427. }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){
  428. 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>';
  429. }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){
  430. 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>';
  431. }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){
  432. 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>';
  433. }else{
  434. 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>';
  435. }
  436. table.appendChild(li);//将li插入table
  437. mui.each(dt.data.listIntegralInfo, function(index) {
  438. var li = document.createElement('li');//创建li标签
  439. li.className='mui-table-view-cell';//給li标签className
  440. if(this.integralType == 1){
  441. 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>';
  442. }else if(this.integralType == 2){
  443. 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>';
  444. }else{
  445. 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>';
  446. }
  447. console.log(li);
  448. table.appendChild(li);//将li插入table
  449. });
  450. }
  451. } else {
  452. mui.alert("获取数据失败!");
  453. }
  454. }
  455. },
  456. });
  457. }
  458. // 头部选项卡点击事件
  459. // var item = 2;
  460. $(document).on('tap', '#pro-top-menu>a', function() {
  461. item = $(this).attr('name');
  462. pageNumber=0;//页数归零
  463. $('.integral-list').empty();//清空产品列表
  464. mui('#item').pullRefresh().pullupLoading();//重新加载数据
  465. });
  466. mui.ready(function() {
  467. $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  468. mui('#item').pullRefresh().pullupLoading();//重新加载数据
  469. $(".mui-segmented-control>a").removeClass("mui-active");
  470. console.log(item);
  471. if(item == null || item == ""){
  472. item = 2;
  473. $("#status_2").addClass("mui-active");
  474. }else if(item == 1){
  475. $("#status_1").addClass("mui-active");
  476. }else if(item == 3){
  477. $("#status_3").addClass("mui-active");
  478. }else if(item == 2){
  479. $("#status_2").addClass("mui-active");
  480. }
  481. });
  482. </script>
  483. </body>
  484. </html>