zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
							<!DOCTYPE html>
<html lang="zh-CN">

	<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 href="../css/mui.min.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
		<style>
			.add_icon{
				position: relative;
				width:100%;
				height:40px;
		
			}
			.add_icon img{
				width: 100%;
			}
			.add_icon button{
				background:#2EC8A9;
				border:none;
				color:#fff;
				/*margin:20px 0 0 38%;*/
				position: absolute;
				top:5px;left: 36%;
				
			}
			.add_icon img{
				position: absolute;
				top:0px;right: 33%;
				width:30px;
			}
			#OA_task_2{
				/*margin-top: 50px;*/
			}
			.backg{
				width:100%;
				height:200px;
			
			}
			.backg img{
				width:100%;
				height:200px;
			}
		</style>
	</head>

	<body>
		
		<div class="mui-content">
			<div class="mui-card cardfixe" >
				<div class="mui-card-content itemtit">
					
				</div>
			</div>
			
			<!--待交办-->
			<div class="mui-content mui-content mui-scroll-wrapper workList" id="pullrefresh">
				<div class="backg">
					<img src="../img/file-read-2203.png" alt="" />
				</div>
				<div class="add_icon">
				  <!--<img src="../img/add_icon.png"/>-->
				  <button type="button" data-loading-text="提交中" >请添加反馈</button>
			      <img src="../img/file-read-2204.png" alt="" />
			    </div>
				<div class="mui-scroll">
					<ul class="mui-table-view" id="OA_task_2">
						
					</ul>
				</div>
				<div class="noinfor" style="text-align: center; font-size: 16px;"></div>
			<!--<div class="itemdiv userList" id="pullrefresh" style="display: block;"></div>-->
		    </div>
		    <div style="width: 100%; height: 50px;"></div>
		<!--底部-->
			
			
		</div>
		<script src="../js/zepto.js"></script>
		<!--<script src="js/index.js"></script>-->
		<script src="../js/mui.min.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script type="text/javascript">
			var openid = helper.cookies.get("openid");
			var UserType = helper.cookies.get("usertype");
//			alert(UserType)
			var itype = helper.request.queryString("itype");
//			var openid = "oXF5e1mWpX5DajW5_yjNLPKb8ThE";
			var page = 1; //页数
			var pageSize = 10; //每页显示条目
			var total; //数据总条数
			if (UserType==2||UserType==3) {
				$(".state").text("待接单");
			}
			if(UserType==0){
				$(".state1").hide();
			}
//			if (UserType==4) {
//				$(".mui-col-xs-3").css("width","33%");
//				$(".state4").hide();
//				$(".dwc-1").hide();
//				$(".dwc-2").show();
//				$(".dwc-color").css("color","#2cc6a7");
//				$(".dwc-color").text("待处理");
//			}
			if(UserType==-1) {
				$(".add_icon").show();
				$(".reminder").hide();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();		
			}else if(UserType==0){

				$(".add_icon").show();
				$(".state1").hide();
				$(".state2").hide();
				$(".state3").hide();
				$(".reminder").hide();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else if(UserType==1){
				$(".add_icon").show();
				$(".reminder").v();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else if(UserType==2){
				$(".add_icon").show()
				$(".reminder").hide();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();

			}else if(UserType==3){
				$(".state4").hide();
				$(".state1").hide();
				$(".state2").hide();
				$(".state3").hide();
				$(".add_icon").show();
				$(".reminder").hide();
				itype = 1
			}else if(UserType==4){
				$(".add_icon").show();
				$(".state1").hide();
				$(".state2").hide();
				$(".state3").hide();
				$(".reminder").hide();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else if(UserType==5){
				$(".add_icon").show();
				$(".state1").hide();
				$(".state2").hide();
				$(".state3").hide();
				$(".reminder").hide();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else {
				itype = helper.request.queryString("itype");
			}
			mui.init({
				swipeBack: false,
				pullRefresh: {
					container: '#pullrefresh',
					up: {
						contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
						contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
						callback: pullupRefresh
					}
				}
			});
//			页面跳转
			$('.client').on('tap', function() {
				window.location.href = "client.html";

			});
			//			待完成
			$('.pend').on('tap', function() {
				window.location.href = "pend_index.html";

			});
			//			已完成
			$('.finsh').on('tap', function() {
				window.location.href = "finsh_index.html";
			});
			//			综合查询
			$('.inquire').on('tap', function() {
				window.location.href = "../fisrt_comprehensive/report.html";
			});
			//     待接单
			$('.client').on('tap', function() {
				window.location.href = "client_index.html";

			});
			//     待接单
			$('.waiting').on('tap', function() {
				window.location.href = "Waiting_list.html";

			});
			//待处理
			$('.haveorder').on('tap', function() {
				window.location.href = "haveorder_list.html";
			});
			//已处理
			$('.processed').on('tap', function() {
				window.location.href = "processed_list.html";
			});
			
			Ajax();
			//下拉刷新
			function pullupRefresh() {
				setTimeout(function() {
					mui('#pullrefresh').pullRefresh().endPullupToRefresh((page++ >= Math.ceil(total / 10)));
					$.ajax({
						url: huayi.config.callcenter_url + 'WxLogin/GetList',
						data: {
//							ltype: itype,
//							openid: helper.cookies.get("openid"), //微信openid
							OpenId:openid,
							pageindex: page,
							pagesize: pageSize,
							source:3,
						},
						async: true,
						dataType: 'json',
						type: 'get', //HTTP请求类型
						success: function(data) {
							total = data.total;
							if(data.rows && data.rows.length > 0) {
								data.rows.WorkOrderID
								$(data.rows).each(function(i, n) {
									if(n.CreateUser == "") {
										receiver = '</span><span class="font-color1">未选择创建人</span>'
									} else {
										receiver = '</span><span class="font-color3">创建人' + n.F_CreateBy + '</span>'
										//receiver= '受理人：'+n.CreateUser
									}
									var builName
									if (n.buildingname== null) {
										builName=""
									} else{
										builName=n.buildingname
									}
									var proName
									if (n.proname==null) {
										proName=""
									} else{
										proName=n.proname
									}
//									if(data.rows){
//										
//									}
									console.log(n.Customer);
									//									|<button class="mui-btn-primary">重要' +	'</button>  重要程度
									$('<a class="mui-card mui-card-detail order"  data-index="' + n.F_ID + '"><div class="mui-card-header"><div class="fl"><span>' + n.F_TypeName +
										'</span><span>'+
										'</span><span id="" style="margin-left:25px;">' + 
										'</span></div><div class="fr"><span>' + n.F_CreateOn +
										'</span></div></div>' +
										'<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line" style="padding:13px 0">' + n.F_Description +
									
										'</p><div class="mui-card-content-inner-span"><span id="">' + n.F_StateName +
										'</span><span id="">' + n.F_WorkOrderCode + receiver +
										'</div></div></div></a>').appendTo('#OA_task_2');
								});
								//工单跳转
								$('.order').on('tap', function() {
									var index = $(this).attr('data-index');
									window.location.href = "VisitorsCreate.html?id=" + index + '&itype=' + itype;

								});
							}
                               
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
                          
						}
					})

				}, 1000);
			}
			//获取数据
			function Ajax() {
				$(".order").remove();
				
				$.ajax({
					url: huayi.config.callcenter_url + 'WxLogin/GetList',
					data: {
//						ltype: itype,
//						openid: helper.cookies.get("openid"), //微信openid
						OpenId:openid,
						pageindex: page,
						pagesize: pageSize,
						source:3,

					},
					async: true,
					dataType: 'json',
					type: 'get', //HTTP请求类型
					success: function(data) {
						if(document.getElementById('hy_loading')){
							document.getElementById('hy_loading').style.opacity = 0;
							document.getElementById('hy_loading').remove();
						}
						
						if(data.rows && data.rows.length > 0) {
								data.rows.WorkOrderID
								
								$(data.rows).each(function(i, n) {
									
									if(n.CreateUser == "") {
										receiver = '</span><span class="font-color1">未选择创建人</span>'
									} else {
										receiver = '</span><span class="font-color3">创建人：' + n.F_CreateBy + '</span>'
										//receiver= '受理人：'+n.CreateUser
									}
//									var builName
//									if (n.buildingname==null) {
//										builName=""
//									} else{
//										builName=n.buildingname
//									}
//									var proName
//									if (n.proname==null) {
//										proName=""
//									} else{
//										proName=n.proname
//									}
//									console.log(n.Customer);
									//|<button class="mui-btn-primary">重要' +	'</button>  重要程度
									$('<a class="mui-card mui-card-detail order"  data-index="' + n.F_ID + '"><div class="mui-card-header"><div class="fl"><span>' + n.F_TypeName +
										'</span><span>'+
										'</span><span id="" style="margin-left:25px;">' +
										'</span></div><div class="fr"><span>' + n.F_CreateOn +
										'</span></div></div>' +
										'<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line" style="padding:13px 0">' + n.F_Description +
									
										'</p><div class="mui-card-content-inner-span"><span id="">' + n.F_StateName +
										'</span><span id="">' + n.F_WorkOrderCode + receiver +
										'</div></div></div></a>').appendTo('#OA_task_2');
								});
								//工单跳转
								$('.order').on('tap', function() {
									var index = $(this).attr('data-index');
									window.location.href = "VisitorsCreate.html?id=" + index + '&itype=' + itype;

								});
							} else{
//								$(".noinfor").text("暂无信息");
							}
//                          alert(openid)
                            
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
//                      alert(openid)
					}
				})
			}

			$('.turnGo').on('tap', function() {
				window.location.href = "WorkSearch.html";
			})
			$('.add_icon').on('tap', function() {
//				alert(11111)
				window.location.href = "../client-side/establish.html";
			});		
		</script>
	</body>

</html>