liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<!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/icons-extra.css"/>
	<link rel="stylesheet" href="/css/style.css" />
	<style type="text/css">
		.return{position: fixed;
			right: 30px;
			bottom: 80px;
			background: rgba(0,0,0,.2);
			padding: 12px;
			border-radius: 50%;
			text-align: center;
			opacity: .9;color: #333;display: none;}
		.my-btn-hand{display:block;width: 100%;height: 55px;background-color: #c5c5c5;color: #fff;border: 0;border-radius: 0;}
		.my-btn-hand.active{background-color: #1cc9f4;}
		.cl-blue{color: #1cc9f4;}
		.iconfont{font-size: 20px;}
		.mui-content-madded{background: #fff;padding: 10px 10px 40px 10px;}
		.lease-ul{font-size: 12px;color: #999;}
		.lease-left{display: inline-block;width: 25%;}
		.ul_radio{width: 73%;display: inline-block;}
		.ul_radio li{width:100%;height: 55px;margin: 0 1%;border-radius: 5px; display: inline-block;position: relative;font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;}
		.radio-cell .active:after{position: absolute;right: 0;bottom: 0;content: "\e66f";color: #f1436c;line-height: 1;font-size: 20px;}
		.lease-r-center{position: absolute;left: 70px;top: 20px;}
		.lease-select-box{padding: 12px 0;position: relative;}
		.lease-select{position: absolute;left: 0;top: 10px;}
		.order-noline{font-size: 12px;color: #999;padding-top:5px;}
		.order-noline li{margin: 5px 0;}
		.order-noline .mui-media{padding: 10px;}
		.mui-media:after,.order-noline:after{display: none;}
		.wh-60{width: 50px;margin-right:10px;}
		.btn-give,.btn-activation{padding: 3px 10px; border: 1px solid #1cc9f4;font-size: 14px;margin-right: 10px;color: #1cc9f4;width: 90px;}
		.btn-give:before,.btn-activation:before,.btn-tui:before,.btn-shouhou:before{font-size: 16px;}
		.btn-tui{padding: 3px 10px;border:0;font-size: 14px;color: #1CC9F4;}
		.btn-shouhou{padding: 3px 10px;border: 0;font-size: 14px;color: #1CC9F4;}
		.lease-order-list>.mui-table-view-cell{border-bottom: 7px solid #f3f3f3;}
		.lease-order-list:after{display: none;}
		.pd-10{padding:0 0 10px 0;}
	</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 class="mui-content">
	<!--下拉刷新容器-->
	<div id="pullrefresh_lease_orderlist" class="mui-content mui-scroll-wrapper">
		<div class="mui-scroll">
			<!--数据列表-->
			<ul class="mui-table-view lease-order-list">

			</ul>
		</div>
	</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>
    mui.init({
        pullRefresh: {
            container: '#pullrefresh_lease_orderlist',
            down: {
                //callback: pulldownRefresh
            },
            up: {
                contentrefresh: '正在加载...',
                callback: pullupRefresh
            }
        }
    });
    var pageNumber = 0,pagesize = 10;
    /**
     * 上拉加载具体业务实现
     */
    function pullupRefresh() {
        ++pageNumber;
        mui.ajax(base_path + '/giftCard/card/giftList?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 machine_data = [];
                    machine_data = dt.data;
                    mui('#pullrefresh_lease_orderlist').pullRefresh().endPullupToRefresh(machine_data.length < pagesize);
                    var table = document.body.querySelector('.lease-order-list');
                    mui(machine_data).each(function(index) {
                        var daili = "";
                        var status = "";
                        var logistics = '';
                        switch (this.agentMachineType) {
                            case 1:daili = "成为代理赠送";break;
                            case 2:daili = "推荐代理成功赠送";break;
                            default:daili = "销售奖励";break;
                        }
                        switch (this.agentMachineStatus) {
                            case 0:status = "未支付";break;
                            case 1:status = "待确定";break;
                            case 2:status = "待发货";break;
                            default:status = "已发货";logistics = '<a class="cl-blue mui-pull-right show_post_info" postfirm="' + this.agentMachinePostName + '" postnum="' + this.agentMachinePostNum + '" gourl="/watero/view/gift_card_give_order_list.html">查看物流</a>';break;
                        }
                        var cl='';
                        switch (this.agentMachineColorName){
                            case "品蓝":
                                cl='cp-1.jpg'
                                break;
                            case "西瓜红":
                                cl='cp-4.jpg'
                                break;
                            case "苹果绿":
                                cl='cp-3.jpg'
                                break;
                            case "品黑":
                                cl='cp-2.jpg'
                                break;
                            default:
                                break;
                        }
                        var li = document.createElement('li');
                        li.className = 'mui-table-view-cell';
                        li.innerHTML = '<div class="pd-10"><span class="iconfont icon-type cl-blue"></span>&nbsp;类型：' + daili + '<span class="mui-h5 mui-pull-right">状态：' + status + '</span></div><ul class="mui-table-view order-noline"><li class="mui-table-view-cell mui-media"><a><img class="mui-media-object mui-pull-left" src="//s.iamberry.com/watero/images/'+cl+'"><div class="mui-media-body">' + this.agentMachineProductName + '<div>' + this.agentMachineColorName + '</div></div></a></li><li>' + this.agentMachineAddressName + '：' + this.agentMachineAddressTel + logistics + '</li><li>' + this.agentMachineAddressInfo + '</li></ul>';
                        table.appendChild(li);
                    });
                    mui('body').on('tap', '.show_post_info', function() {
                        var urlStr = document.domain;
                        mui.openWindow({
                            url: '//m.kuaidi100.com/index_all.html?type=' + this.getAttribute("postFirm") + '&postid=' + this.getAttribute("postNum") + '&callbackurl=//' + urlStr + this.getAttribute("gourl") + "&tiemstamp=" + new Date().getTime()
                        })
                    });
                } else {
                    mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
                }
            },
            error: function(xhr, type, errorThrown) {
                console.log(xhr)
            }
        })
    }
    mui.ready(function() {
        //console.log("页面加载完毕")
        mui('#pullrefresh_lease_orderlist').pullRefresh().pullupLoading();
        document.querySelector('.loading-bg').style.display = 'none';
    });
</script>
</body>

</html>