<!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.iamberry.com/watero/css/mui.min.css?v=2016101701" />
<link rel="stylesheet" type="text/css" href="//css.iamberry.com/watero/css/iconfont.css" />
<link rel="stylesheet/less" type="text/css" href="css/styles.less" />
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<!-- set options before less.js script -->
<script>
//屏蔽分享
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});
less = {
env: "development",
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: "comments",
relativeUrls: false,
rootpath: ":/127.0.0.1/"
};
</script>
<script src="js/less.min.js"></script>
</head>
<body>
<div id="pro-menu" class="mui-segmented-control">
<a class="mui-control-item mui-active" href="#item1">待发货</a>
<a class="mui-control-item" href="#item2">已发货</a>
</div>
<div class="add-btn">
提货
</div>
<!--下拉刷新容器-->
<div id="pullrefresh_list" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--退款记录列表-->
<ul class="my-table-view-order">
<!--<li>
<ul class="mui-table-view mui-grid-view my-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left top-center">
<ul class="steps">
<li class="active">张三</li>
</ul>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left">
<a>
<div class="pro-li-tit">张三的工单 <span class="mui-h5 mui-pull-right">2018-08-10 12:00</span></div>
<h6 >提货原因：深圳爱贝源申请采购</h6>
<ul class="pro-cp-list">
<li>美国watero wa-1 黑色 100台</li>
<li>美国watero wa-1 黑色 100台</li>
</ul>
<p class="beizhu">请顺丰发出，注意检查机器是否有暇疵,功能是否有问题</p>
<a href="#" class="a-express">顺丰快递：22667988090</a>
</a>
</li>
</ul>
</li>-->
</ul>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/main.js"></script>
<script>
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if(e.persisted) {
location.reload();
}
});
var pageNumber = 0,pagesize = 10;
mui.init({
pullRefresh: {
container: '#pullrefresh_list',
down: {
//callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var count = 0;
/**
* 上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
mui('#pullrefresh_list').pullRefresh().endPullupToRefresh((++count > 2)); //参数为true代表没有更多数据了。
var table = document.body.querySelector('.my-table-view-order');
var status='';
for (var i = 10, len = i + 5; i < len; i++) {
i%2==0?status='<h6 class="cl-green">已审批，待入库</h6>':status='<h6 class="cl-red">待审批</h6>';
var li = document.createElement('li');
li.innerHTML = '<ul class="mui-table-view mui-grid-view my-view-no"><li class="mui-table-view-cell mui-media mui-col-xs-3 mui-text-left top-center"><ul class="steps"><li class="active">张三</li></ul></li><li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left"><a><div class="pro-li-tit">张三的工单 <span class="mui-h5 mui-pull-right">2018-08-10 12:00</span></div><h6 >提货原因：深圳爱贝源申请采购</h6><ul class="pro-cp-list"><li>美国watero wa-1 黑色 100台</li><li>美国watero wa-1 黑色 100台</li></ul><p class="beizhu">请顺丰发出，注意检查机器是否有暇疵,功能是否有问题</p><a href="#" class="a-express">顺丰快递：22667988090</a></a></li></ul>';
table.appendChild(li);
}
}, 1500);
}
mui.ready(function() {
mui('#pullrefresh_list').pullRefresh().pullupLoading();
console.log("页面加载完毕")
});
</script>
</body>
</html>