zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
							<!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 href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<div class="mui-nav">
			<a class="mui-icon mui-icon-arrowleft return"></a>
			工单列表
			<span class="type_down mui-icon mui-icon-settings" style="font-size: 22px;"></span>
		</div>
		<div class="mui-content mui-content mui-scroll-wrapper workList" id="pullrefresh" style="margin-top: 35px;"> 
			<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>
		<script src="../js/zepto.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");
			var itype = helper.request.queryString("itype");
			var page = 1; //页数
			var pageSize = 10; //每页显示条目
			var total; //数据总条数
			
			if(itype == "") {
				itype = -1;
			} else {
				itype = helper.request.queryString("itype");
			}
			mui.init({
				swipeBack: false,
				pullRefresh: {
					container: '#pullrefresh',
					up: {
						contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
						contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
						callback: pullupRefresh
					}
				}
			});
			$('.type_down').on('tap', function() {
				var index = $(this).attr('data-index');
				window.location.href = "Seach.html";
			});
			$('.return').on('tap', function() {
				window.location.href = "../client-side/Setting-1.html";
//				if (UserType==4) {
//					window.location.href = "report-index.html";
//				} else{
//					window.location.href = "report.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
							page: page,
							pagesize: pageSize
						},
						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.CreateUser + '</span>'
										//receiver= '受理人：'+n.CreateUser
									}
									var statedet;
									if (n.State==0) {
											statedet='待派单';
										} else if (n.State==1) {
											statedet='待处理';
										} else{
											statedet='已完成';
										}
										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.WorkOrderID + '"><div class="mui-card-header"><div class="fl"><span>' + n.TypeClassName +
										'</span>|<span>' + n.OwnerRelations +
										'</span><span>' + statedet +
										'</span></div><div class="fr"><span>' + n.CreateTime +
										'</span></div></div>' +
										'<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line">' + n.Detail +
										'</p><p class="font-color3 margin">' + n.areaname + proName + builName +
										'</p><div class="mui-card-content-inner-span"><span id="">' + n.Customer +
										'</span><span id="">' + n.CustomerTel + receiver +
										'</div></div></div></a>').appendTo('#OA_task_2');
								});
								//工单跳转
								$('.order').on('tap', function() {
									var index = $(this).attr('data-index');
									window.location.href = "details.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
						page: page,
						pagesize: pageSize
					},
					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.CreateUser + '</span>'
										//receiver= '受理人：'+n.CreateUser
									}
									var statedet;
									if (n.State==0) {
											statedet='待派单';
										} else if (n.State==1) {
											statedet='待处理';
										} else{
											statedet='已完成';
										}
									console.log(n.Customer);
									var builName
									if (n.buildingname==null) {
										builName=""
									} else{
										builName=n.buildingname
									}
									var proName
									if (n.proname==null) {
										proName=""
									} else{
										proName=n.proname
									}
									//									|<button class="mui-btn-primary">重要' +	'</button>  重要程度
									$('<a class="mui-card mui-card-detail order"  data-index="' + n.WorkOrderID + '"><div class="mui-card-header"><div class="fl"><span>' + n.TypeClassName +
										'</span>|<span>' + n.OwnerRelations +
										'</span><span>' + statedet +
										'</span></div><div class="fr"><span>' + n.CreateTime +
										'</span></div></div>' +
										'<div class="mui-card-content"><div class="mui-card-content-inner"><p class="font-color2 details_line">' + n.Detail +
										'</p><p class="font-color3 margin">' + n.areaname + proName + builName +
										'</p><div class="mui-card-content-inner-span"><span id="">' + n.Customer +
										'</span><span id="">' + n.CustomerTel + receiver +
										'</div></div></div></a>').appendTo('#OA_task_2');
								});
								//工单跳转
								$('.order').on('tap', function() {
									var index = $(this).attr('data-index');
									window.location.href = "details.html?id=" + index + '&itype=' + itype;

								});
							}else{
								$(".noinfor").text("暂无信息");
							}

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

					}
				})
			}

		</script>
		
	</body>

</html>