zhengbingbing
/
SYCW_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<!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.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/dynamic.css" rel="stylesheet" />
	</head>
	<style>
		.tab_color{color: #2cc6a7 !important;}
	</style>
	<body>
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="titdyna">
					<ul>
						<li class="tab_color" data-index="today">
							今天
						</li>
						<li data-index="yesterday">
							昨天
						</li>
						<li data-index="month">
							本月
						</li>
						<li data-index="">
							全部
						</li>
					</ul>
				</div>
				<div class="mui-slider-group" style="margin-top: 38px;">
					<div>
						<ul class="mui-table-view" id="folowtoday"></ul>
					</div>
				</div>
		</div>
		<div style="width: 100%; height: 60px;"></div>
		<nav class="mui-tabs">
			<a class="mui-tabs-item" href="client_index.html">
				<span class="mui-icon iconfont">
					<img src="../img/task.png" />
				</span>
				<span class="mui-tab-label">任务中心</span>
			</a>
			<a class="mui-tabs-item mui-active" href="dynamic.html">
				<span class="mui-icon iconfont">
					<img src="../img/dynamic_c.png" />
				</span>
				<span class="mui-tab-label font-color4">工作动态</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>
		<script src="../js/mui.min.js?"></script>
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<!--<script src="AddWorkolder.js"></script>-->
		<script>
			//工单跟踪
			var openid = helper.cookies.get("openid");
			var pageSize = 999; //每页显示条目
			var page = 1; //页数
			var datatype='today'
			flow(); //今天
//			flowyesday(); //昨天
//			flowmonth(); //本月
//			flow(); //今年
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			//tab切换
			$(".titdyna ul li").click(function(){   
			    $(".titdyna ul li").removeClass("tab_color");
			    $(this).addClass("tab_color");
//			    alert($(this).attr('data-index'));
			    datatype=$(this).attr('data-index');
			    $.ajax({
					url: huayi.config.callcenter_url + '/WxLogin/GetWorkOrderItemList',
					data: {
						openid: openid, //微信openid,
						daytype:datatype,
						pagesize: pageSize,
					},
					async: true,
					dataType: 'json',
					type: 'get', //HTTP请求类型
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							//alert(JSON.stringify(data.rows[0].CreateTime));
							$("#folowtoday").empty();
							if(data.rows && data.rows.length > 0) {
								$(data.rows).each(function(i, n) {
									var str = '';
									if(n.Type==1&&n.IsLast) {
										str = str + n.CreateUserName + " 完结工单";
									} else if(n.Type==1&&n.DealTime) {
										str = str + n.CreateUserName + " 处理工单";
									} else if(n.Type==1&&n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.Type==1&&n.ToDeptName) {
										//str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.Type==1&&n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									if (n.Type==2) {
										str = str + n.CreateUserName+"催办了工单";
									}
									if (n.Type==3) {
										str = str + n.CreateUserName+"评论了工单";
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell-line mui-tail-contail mui-table-view-li"><div class="mui-input-row mui-tail font-color4"><span>' + n.CreateTime +
										'</span></br><span>工单号为：'+n.WorkOrderID+
										'</span><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folowtoday');

								});
								var num = data.rows.length - 1;
								$("#folowtoday li:eq(0)").children(".string").css("top", "20px");
								$("#folowtoday li:eq(" + num + ")").children(".string").css("height", "5px");
								$("#folowtoday li:eq(0)").children(".string").css("top", "20px");
								$("#folowtoday li:eq(0)").children(".circular_h").css({
									"background": "#2cc6a7",
									"left": "15px",
									"top": "20px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
								$("#folowtoday li:eq(" + num + ")").children(".circular_h").css({
									"left": "15px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
					}
				})
			})

//			今天
			function flow() {
				$.ajax({
					url: huayi.config.callcenter_url + '/WxLogin/GetWorkOrderItemList',
					data: {
						openid: openid, //微信openid,
						daytype:'today',
						pagesize: pageSize,
					},
					async: true,
					dataType: 'json',
					type: 'get', //HTTP请求类型
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							//alert(JSON.stringify(data.rows[0].CreateTime));
							if(data.rows && data.rows.length > 0) {
								$(data.rows).each(function(i, n) {
									var str = '';
									if(n.Type==1&&n.IsLast) {
										str = str + n.CreateUserName + " 完结工单";
									} else if(n.Type==1&&n.DealTime) {
										str = str + n.CreateUserName + " 处理工单";
									} else if(n.Type==1&&n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.Type==1&&n.ToDeptName) {
										//str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.Type==1&&n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									if (n.Type==2) {
										str = str + n.CreateUserName+"催办了工单";
									}
									if (n.Type==3) {
										str = str + n.CreateUserName+"评论了工单";
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell-line mui-tail-contail mui-table-view-li"><div class="mui-input-row mui-tail font-color4"><span>' + n.CreateTime +
										'</span></br><span>工单号为：'+n.WorkOrderID+
										'</span><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folowtoday');

								});
								var num = data.rows.length - 1;
								$("#folowtoday li:eq(0)").children(".string").css("top", "20px");
								$("#folowtoday li:eq(" + num + ")").children(".string").css("height", "5px");
								$("#folowtoday li:eq(0)").children(".string").css("top", "20px");
								$("#folowtoday li:eq(0)").children(".circular_h").css({
									"background": "#2cc6a7",
									"left": "15px",
									"top": "20px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
								$("#folowtoday li:eq(" + num + ")").children(".circular_h").css({
									"left": "15px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
					}
				})
			}
		
		</script>
	</body>

</html>