liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!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>
		<script>
		//屏蔽分享
		document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
			WeixinJSBridge.call('hideOptionMenu');
		});	
		</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>
		<a class="mui-control-item" href="#item3">待发货</a>
	</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>
		            </a>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-left">
		        	<h6 class="cl-green">待入库</h6>
		        </li>
		        <li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-right">
		        	<button type="button" class="my-confirm-btn">确认入库</button>
		        </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 = '<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></a></li><li class="mui-table-view-cell mui-media mui-col-xs-7 mui-text-left"><button type="button" class="my-confirm-btn">发货</button></li><li class="mui-table-view-cell mui-media mui-col-xs-5 mui-text-right"></li></ul></li>';
						table.appendChild(li);
					}
				}, 1500);
			}
		mui.ready(function() {
			mui('#pullrefresh_list').pullRefresh().pullupLoading();
			console.log("页面加载完毕")			
		});	
		</script>
	</body>

</html>