liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<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">
	<link rel="stylesheet" href="/css/mui.min.css">
	<link rel="stylesheet" href="/css/iconfont.css" />
	<link rel="stylesheet" href="/css/style.css" />
	<style>
		.mui-table-view-chevron .mui-table-view-cell{padding-right:10px;}
		.my-tab-view-pull{padding: 10px 0;}
		.my-table-view-cell{margin: 0 15px 10px 15px;background: #61cfe7;padding: 10px;border-radius: 5px;position: relative;}
		.my-table-view-cell p,.my-table-view-cell a{color: #fff !important;}
		.my-right-center{position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);}
		.yuan{border-radius: 50%;border: 3px solid #8ddbed;}
		.mui-media-object{width: 60px !important;height: 60px !important;max-width: 60px !important;}
		.mui-media-body{padding-top: 10px;}
	</style>
	<script>
        // 屏蔽分享
        window.hiddenAllWechatMenu = true;
	</script>
</head>
<body>
<div class="loading-bg">
	<div class="mui-loading">
		<div class="mui-spinner">
		</div>
		&nbsp;&nbsp;加载中...
	</div>
</div>
<!--下拉刷新容器开始-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
	<div class="mui-scroll">
		<!--数据列表-->
		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">

		</ul>
	</div>
</div>
<!--下拉刷新容器结束-->
<script src="/js/mui.min.js"></script>
<script src="/js/jquery-2.1.1.min.js"></script>
<script src="/js/shop/main.js"></script>
<script src="/js/shop/wechat-utils-1.0.js"></script>
<script type="text/javascript">
    mui.init({
        pullRefresh: {
            container: '#pullrefresh',
            down: {
                //callback: pulldownRefresh
            },
            up: {
                contentrefresh: '正在加载...',
                callback: pullupRefresh
            }
        }
    });
    var pageNumber = 0,pagesize = 10;
    /**
     * 上拉加载具体业务实现
     */
    function pullupRefresh() {
        ++pageNumber;
        mui.ajax(base_path + '/giftCard/card/beRefereesList?dates=' + new Date().getTime(), {
            data: {
                "pageSize": pagesize,
                "pageNO": pageNumber
            },
            dataType: 'json',
            type: 'post',
            timeout: 15000,
            success: function(dt) {
                //console.log(dt);						
                if(dt.status) {
                    var xiaxian_data = [];
                    xiaxian_data = dt.data;
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(xiaxian_data.length < pagesize);
                    var table = document.body.querySelector('.my-tab-view-pull');
                    mui(xiaxian_data).each(function(index) {
                        var li = document.createElement('li');
                        var status='未付款';
                        li.className = 'my-table-view-cell';
                        if(typeof(this.payStatus) == "undefined"){
                            status='未付款';
                        }else{
                            if(this.payStatus==2){
                                status='已付款';
                            }else{
                                status='未付款';
                            }
                        }
                        li.innerHTML = '<a><img class="mui-media-object yuan mui-pull-left" src="'+this.agentHead+'"><div class="mui-media-body">'+decodeURI(this.agentNickname)+'<p class="mui-ellipsis">'+formatDate(this.agentCreateTime)+'</p></div><span class="my-right-center">'+status+'</span></a>';
                        table.appendChild(li)
                    })
                } else {
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        })
    }
    mui.ready(function(){
        document.querySelector('.loading-bg').style.display='none';
        //页面首次加载时拉取一次数据
        mui('#pullrefresh').pullRefresh().pullupLoading();
    });
</script>
</body>
</html>