dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
	    <meta http-equiv="pragma" content="no-cache">
	    <meta http-equiv="expires" content="0">
		<meta name="author" content="">
		<meta name="description" content=""/>
		<meta name="keywords" content="扫码支付，线上投币，运营数据，物联网"/>
		<meta name="format-detection" content="telephone=no,email=no">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>远程上分记录</title>
		<link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
		<link rel="stylesheet" href="../components/custom/css/common.css">
        <link rel="stylesheet" href="css/xyf.common.min.css">
	</head>
	<body>
		<div id="pullrefresh" class="mui-scroll-wrapper remote">
			<div class="mui-scroll">
				<h5 class="mui-content-padded" id="title"></h5>
				<ul class="mui-table-view interval"></ul>
			</div>
		</div>
		<!-- 暂无上分记录 -->
		<div class="nomore mui-hidden"></div>

		<script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
        <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
        <script src="/components/custom/js/common.js"></script>

        <script src="js/xyf.common.js"></script>
		<script>
            mui.init({
                pullRefresh: {
                    container: '#pullrefresh',
                    up: {
                        contentrefresh: '正在加载...',
                        contentnomore: '没有更多数据了...',
                        callback: pullupRefresh
                    }
                }
            });
            /* 上拉加载具体业务实现*/
            var pageIndex = 0;
            var total = 0;
            function pullupRefresh() {
                pageIndex++;
                var url = "/dealer/onPointsRecords";
                var data = {
                    "pageIndex": pageIndex,
                    "pageSize": 10
                };
                sendRequest(url,"GET",data,function(res){
                    if (res.result == 1) {
                        if (pageIndex == 1) {
                            total = res.data.rcds.total;
                            if (total == 0){
                                $(".remote").addClass("mui-hidden");
                                $(".nomore").removeClass("mui-hidden");
                            }else {
                                $("#title").append("<p>累计上分" + res.data.sumCoinsTotal + "次，共" + res.data.sumCoins + "分 </p>");

                                if(res.data.sumCharge){
                                    $("#title").append("<p>累计充卡" + res.data.sumChargeTotal + "次，共" + res.data.sumCharge + "元 </p>");
                                }

                            }
                        }
                        var length = res.data.rcds.items.length;
                        mui('#pullrefresh').pullRefresh().endPullupToRefresh((pageIndex * 10 >= total));
                        var table = document.body.querySelector('.mui-table-view');
                        for (var i = 0; i < length; i++) {
                            var obj = res.data.rcds.items[i];
                            var li = document.createElement('li');
                            li.className = 'mui-table-view-cell';

                            // groupName可能为空
                            li.innerHTML = '<p>' + obj.et_type_name + (obj.logicalCode || obj.devNo) + '<span class="mui-pull-right">' + obj.coins + '分</span></p>' +
                                '<p>' + (obj.groupName || obj.address) + '</p>' +
                                '<p>' + obj.createdStr + '</p>';
                            table.appendChild(li);
                        }
                    }else {
                        mui.toast(res.description);
                    }
                });
            }
            if (mui.os.plus) {
                mui.plusReady(function () {
                    setTimeout(function () {
                        mui('#pullrefresh').pullRefresh().pullupLoading();
                    }, 1000);

                });
            } else {
                mui.ready(function () {
                    mui('#pullrefresh').pullRefresh().pullupLoading();
                });
            }
		</script>
	</body>
</html>