zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
							<!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" />
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-card cardfixe" >
				<div class="mui-card-content itemtit">
					<ul class="mui-table-view mui-grid-view mui-grid-9 Common-box Dispatch_">
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 state4">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="client">
								<div class="Icon icon-1">
									<img src="../img/icon_01.png" class="mui-icon-img-1h" style="display: none;" />
									<img src="../img/icon_01c.png" class="mui-icon-img-1c" style="display: block;" />
								</div>
								<div class="mui-media-body state" style="color:#22c9a8;">待审批</div>
							</a>
							<div class="sanjiao_down" style="display: block;"></div>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3  state1">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="pend">
								<div class="Icon icon-1">
									<img src="../img/icon_02.png" class="mui-icon-img-1h dwc-1" />
									<img src="../img/icon_02c.png" class="mui-icon-img-1c dwc-2" />
								</div>
								<div class="mui-media-body dwc-color">已参与</div>
							</a>
							<div class="sanjiao_down dwc-2" style="display: none;"></div>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3  state2">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="finsh">
								<div class="Icon icon-1">
									<img src="../img/icon_03.png" class="mui-icon-img-1h" />
									<img src="../img/icon_03c.png" class="mui-icon-img-1c" />
								</div>
								<div class="mui-media-body">已完成</div>
							</a>
							<div class="sanjiao_down" style="display: none;"></div>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3  state3">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="inquire">
								<div class="Icon icon-1">
									<img src="../img/icon_04.png" class="mui-icon-img-1h " />
									<img src="../img/icon_04c.png" class="mui-icon-img-1c " />
								</div>
								<div class="mui-media-body">综合查询</div>
							</a>
							<div class="sanjiao_down" style="display: none;"></div>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 state5">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="waiting">
								<div class="Icon icon-1">
									<img src="../img/icon_02.png" class="mui-icon-img-1h dwc-1" />
									<img src="../img/icon_02c.png" class="mui-icon-img-1c dwc-2" />
								</div>
								<div class="mui-media-body">待接单</div>
							</a>
							<div class="sanjiao_down" style="display: none;"></div>
						</li>
						
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 state7">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="haveorder">
								<div class="Icon icon-1">
									<img src="../img/icon_02.png" class="mui-icon-img-1h dwc-1" />
									<img src="../img/icon_02c.png" class="mui-icon-img-1c dwc-2" />
								</div>
								<div class="mui-media-body">待处理</div>
							</a>
							<div class="sanjiao_down" style="display: none;"></div>
						</li>
						<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 state8">
							<!--<div class="mess_num" style="display: block;">99</div>-->
							<a class="processed">
								<div class="Icon icon-1">
									<img src="../img/icon_02.png" class="mui-icon-img-1h dwc-1" style="display: none;"/>
									<img src="../img/icon_02c.png" class="mui-icon-img-1c dwc-2" style="display: block;"/>
								</div>
								<div class="mui-media-body" style="color:#22c9a8;">已处理</div>
							</a>
							<div class="sanjiao_down" style="display: block;"></div>
						</li>
						
					</ul>
				</div>
			</div>
			<!--待交办-->
			<div class="mui-content mui-content mui-scroll-wrapper workList" id="pullrefresh">
				<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>
		<!--底部-->
		<nav class="mui-tabs">
			<a class="mui-tabs-item mui-active" href="client_index.html">
				<span class="mui-icon iconfont">
					<img src="../img/task_c.png" />
				</span>
				<span class="mui-tab-label">任务中心</span>
			</a>
			<a class="mui-tabs-item reminder" href="press_list.html" style="display: none;">
				<span class="mui-icon iconfont">
					<img src="../img/reminder.png" />
				</span>
				<span class="mui-tab-label">超期</span>
			</a>
			<!--<a class="mui-tabs-item" href="dynamic.html">
				<span class="mui-icon iconfont">
					<img src="../img/dynamic.png" />
				</span>
				<span class="mui-tab-label">工作动态</span>
			</a>-->
			<a class="mui-tabs-item" href="Setting-1.html">
				<span class="mui-icon iconfont">
					<img src="../img/personage.png" />
				</span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="add_icon">
			<img src="../img/add_icon.png" />
		</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");
			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").show();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();		
			}else if(UserType==0){
			
				$(".add_icon").show();
				$(".state1").show();
				$(".state2").hide();
				$(".state3").hide();
				$(".reminder").show();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else if(UserType==1){
				$(".add_icon").show();
				$(".reminder").show();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();
			}else if(UserType==2){
				$(".add_icon").show()
				$(".reminder").show();
				$(".state5").hide();
				$(".state6").hide();
				$(".state7").hide();
				$(".state8").hide();

			}else if(UserType==3){
				$(".state4").hide();
				$(".state1").hide();
				$(".state2").hide();
				$(".state3").hide();
				$(".add_icon").show()
				$(".reminder").show();
			}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_index.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";
			});
			//待接单
			$('.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:openid,
							pageindex: page,
							pagesize: pageSize,
							state: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.F_UserName == "") {
										receiver = '</span><span class="font-color1">未选择创建人</span>'
									} else {
										receiver = '</span><span class="font-color3">创建人' + n.F_CreateBy + n.F_CreateName + '</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 = "details.html?id=" + index + '&itype=' + 111;

								});
							}

						},
						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,
//						isaudit:1,
						state: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.F_UserName == "") {
										receiver = '</span><span class="font-color1">未选择创建人</span>'
									} else {
										receiver = '</span><span class="font-color3">创建人：' + n.F_CreateBy + n.F_CreateName + '</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 = "details.html?id=" + index + '&itype=' + 111;

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

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

					}
				})
			}

			$('.turnGo').on('tap', function() {
				window.location.href = "WorkSearch.html";
			})
			
		</script>
	</body>

</html>