liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
							<!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/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<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" name="1"><span class="iconfont icon-faqi"></span> 我发起的</a>
		<a class="mui-control-item" name="2"><span class="iconfont icon-shenpi"></span>我审批的</a>
		<a class="mui-control-item" name="3"><span class="iconfont icon-queren"></span>仓库确认</a>
	</div>
	<ul class="mui-table-view mui-grid-view my-view-no no-after" style="padding:5px 10px 10px 0;">
		<li class="mui-table-view-cell mui-media mui-col-xs-2 mui-text-center middle-center">
			<span class="iconfont icon-riqi"></span>
		</li>
		<li class="mui-table-view-cell mui-media mui-col-xs-10 mui-text-left">
			<input id="search-input" class="search-text" type="text" placeholder="姓名/订单名称/备注"/>
			<span class="iconfont icon-sousuo my-sousuo"></span>
		</li>
	</ul>
	<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>
		            </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>
	<div class="add-dalog">
		<div class="dalog-center">
		<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-view-no">
		    <li class="mui-table-view-cell">
		    	<div class="mui-table">
		    		<div class="mui-table-cell mui-col-xs-12"><div class="title">发起审批</div></div>
		    	</div>
		    	<div class="mui-table">
		    		<div class="mui-table-cell mui-col-xs-6">
		    			<a class="dalog-btn" name="submit_apply_order.html"><span class="iconfont icon-shengchan"></span></a><br />生产审批
		    		</div>
		    		<div class="mui-table-cell mui-col-xs-6">
		    			<a class="dalog-btn" name="agreed_order.html"><span class="iconfont icon-tihuo"></span></a><br />提货申请
		    		</div>
		    	</div>
		    </li>
		</ul>    
		</div>
	</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/main.js"></script>
		<script>
		var pageNumber = 0,pagesize = 100,search_str='',type='1';
			mui.init({
				pullRefresh: {
					container: '#pullrefresh_list',
					down: {
						//callback: pulldownRefresh
					},
					up: {
						contentrefresh: '正在加载...',
						callback: pullupRefresh
					}
				}
			});
			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				++pageNumber;
				var parameter = {};
				parameter["pageNo"] = pageNumber;
				parameter["pageSize"] = pagesize;
				parameter["selectType"] = type;
				var time=$(".icon-riqi").attr("time");
				if(time!="undefined"){
					parameter["stareDate"] = time;
				}
				
				if(search_str!="" && search_str!=" "){
					parameter["selectName"] = search_str;
				}
				$.ajax(base_path + '/approval/approvalInfoList?dates=' + new Date().getTime(), {
					data: parameter,
					dataType: 'json',
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					type: 'post',
					timeout: 15000,
					success: function(dt) {
						if(dt.isRedirect) {
							location.href = dt.redirectURL;
						} else {
							console.log(dt)
							if(dt.returnCode == "200") {
								var table = document.body.querySelector('.my-table-view-order');
								var data = dt.returnMsg.approvalList;
								mui('#pullrefresh_list').pullRefresh().endPullupToRefresh(data.length < pagesize); //endPullupToRefresh(ture)表示没有更多数据了，停止上拉加载
								var status='';
								mui.each(data, function(index) {
									var li = document.createElement('li');
									li.setAttribute("name",this.approvalId);
									li.setAttribute("approvalType",this.approvalType);
									switch (this.approvalStatus){
										case 1:
										status='<span class="mui-pull-right cl-red">待审批</span>';
											break;
										case 2:
										status='<span class="mui-pull-right cl-green">已审批</span>';
											break;
										case 3:
										status='<span class="mui-pull-right cl-red">已驳回</span>';
											break;
										case 4:
										status='<span class="mui-pull-right cl-red">已完成部分审批</span>';
											break;
										case 5:
										status='<span class="mui-pull-right cl-red">待入库</span>';
											break;
										case 6:
										status='<span class="mui-pull-right cl-red">部分入库</span>';
											break;	
										case 7:
										status='<span class="mui-pull-right cl-green">全部入库</span>';
											break;	
										default:
											break;
									}
									var str='<ul class="pro-cp-list">';
									var orderName='',remark='';
									if(this.approvalType==1){
										mui(this.approvalProduction.listProductionItem).each(function (index, el) {
											console.log(this)
										str+='<li>'+this.itemBrandName+this.itemProductModel+this.itemColorName+this.itemProductNum+this.itemProductUnit+'</li>';
										});
										orderName=this.approvalProduction.orderName;
										if(typeof(this.approvalRemark)!="undefined"){
											remark='<ul class="pro-bz-list"><li>'+this.approvalRemark+'</li></ul>';
										}
									}else if(this.approvalType==2){
										mui(this.approvalApplyPick.listApplyPickItem).each(function (index, el) {
										str+='<li>'+this.itemProductName+this.itemProductModel+this.itemColorName+this.itemProductNum+this.itemProductUnit+'</li>';
										});
										orderName=this.approvalApplyPick.applyPickReason;
										if(typeof(this.productionRemark)!="undefined"){
											remark='<ul class="pro-bz-list"><li>'+this.productionRemark+'</li></ul>';
										}
									}
									str+='</ul>';
									var name=this.approvalApplicant;
									if(name.length>2){
										console.log(name)
										name=name.substring(name.length-2);
									}
									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">'+name+'</li></ul></li><li class="mui-table-view-cell mui-media mui-col-xs-9 mui-text-left"><a><div class="pro-li-tit">'+this.approvalName+status+'</div><h6>'+formatDateFull(this.approvalCreateTime)+'</h6><div class="order-content"><h6 >订单名称：'+orderName+'</h6>'+str+remark+'</a></li></div></ul>';
									table.appendChild(li);
								});
							} else {
								mui.alert("获取数据失败！");
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						console.log(xhr);
						mui.alert("获取数据失败！网络错误");
					}
				});
//				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='<span class="cl-green">已审批</span><span class="cl-red">待审批</span>':status='<span class="cl-red">待审批</span>';
//						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-pull-right">'+status+'</span></div><h6>2018-08-10 12:00</h6><div class="order-content"><h6 >订单名称：深圳爱贝源申请采购</h6><ul class="pro-cp-list"><li>美国watero wa-1 黑色 100台</li><li>美国watero wa-1 黑色 100台</li></ul><ul class="pro-bz-list"><li>尽早请用顺丰快递发货</li></ul><h6 class="express">顺丰快递：123455667765</h6></a></li></div></ul>';
//						table.appendChild(li);
//					}
//				}, 1500);
			}
		function search_pullrefresh() {
			var reg_Ch_En_Num=/^[A-Za-z0-9~!@#$%^&*()_+={}|<>?:;'"！@￥…（）｛｝【】《》/`、；‘’：\-—“”，。,.？·_\-\u4e00-\u9fa5]{1,20}$/;//简体中文英文数字，常用符号(1-20位)
	var val=$("#search-input").val().trim();
	pageNumber = 0;
	$('.my-table-view-order').empty();
	if(reg_Ch_En_Num.test(val) || val==""){
  		search_str = val;
  		mui('#pullrefresh_list').pullRefresh().pullupLoading();
		mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,500);//500毫秒滚动到顶	
  }else{
  	mui.alert("您输入的内容有误，请重新输入");
  }
		}	
		mui.ready(function() {
			$(".add-btn").addClass("active");
			mui('#pullrefresh_list').pullRefresh().pullupLoading();
			console.log("页面加载完毕")			
		});	
//发起申请弹窗		
$(document).on('tap', '.add-btn', function() {
	$(".add-dalog").addClass("active");
});
//关闭弹窗
$(document).on('tap', '.add-dalog.active', function() {
	$(".add-dalog").removeClass("active");
});

$(document).on('tap', '.dalog-btn', function() {
	location.href=$(this).attr("name");
});
mui.each(document.querySelectorAll('#pro-menu .mui-control-item'), function(index, el) {
	el.addEventListener('tap', function() {
		console.log(index)
		switch(index) {
			case 0:
			console.log(index)
			$(".add-btn").addClass("active");
				break;
			default:
			$(".add-btn").removeClass("active");
				break;
		}
		type=this.getAttribute("name");
		history.pushState(null,"","?type="+type);
		search_pullrefresh();
	}, false);
});
$(document).on('tap', '.my-sousuo', function() {
	search_pullrefresh();
});
var dtpicker = new mui.DtPicker({
    type: "date",//设置日历初始视图模式 
    beginDate: new Date(2015, 04, 25),//设置开始日期 
    endDate: new Date()//设置结束日期 
}); 
$(document).on('tap', '.icon-riqi', function() {
	var th=$(this);
	dtpicker.show(function(e) {
		th.attr("time",e.value);
		pageNumber = 0;
		mui('#pullrefresh_list').pullRefresh().pullupLoading();
		mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,500);//500毫秒滚动到顶	
	});
});
$(document).on('tap', '.mui-dtpicker .mui-btn[data-id=btn-cancel]', function() {
	$(".icon-riqi").removeAttr("time");
});
//实时监听文本框
document.getElementById("search-input").addEventListener("input", function() {
	if(this.value.length>0){
		$(".my-sousuo").addClass("active");
	}else{
		$(".my-sousuo").removeClass("active");
	}
});
$(document).on('tap', '.my-table-view-order>li', function() {
	location.href='pro_order_details.html?id='+$(this).attr("name")+'&type='+type+'&approvalType='+$(this).attr("approvalType");
});

		</script>
	</body>

</html>