zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336
							<!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>
	<body>
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">
						今天
					</a>
					<a class="mui-control-item" href="#item2mobile">
						昨天
					</a>
					<a class="mui-control-item" href="#item3mobile">
						本月
					</a>
					<a class="mui-control-item" href="#item4mobile">
						全部
					</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<ul class="mui-table-view folowlist" id="folowtoday"></ul>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<ul class="mui-table-view folowlist" id="folowyesday"></ul>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<ul class="mui-table-view folowlist" id="folowmonth"></ul>
					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<ul class="mui-table-view folowlist" id="folow"></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");
			flowtoday(); //今天
			flowyesday(); //昨天
			flowmonth(); //本月
			flow(); //今年
//			今天
			function flowtoday() {
				$.ajax({
					url: huayi.config.callcenter_url + '/WxLogin/GetWorkOrderItemList',
					data: {
						openid: openid, //微信openid,
						daytype:'today'，
					},
					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.IsLast == 1) {
										str = str + n.CreateUser + " 完结工单";
									} else if(n.DealTime) {
										str = str + n.CreateUser + " 处理工单";
									} else if(n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.ToDeptName) {
										//										str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell 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><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folowtoday');

								});
								var num = data.rows.length - 1;
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(" + num + ")").children(".string").css("height", "5px");
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(0)").children(".circular_h").css({
									"background": "#2cc6a7",
									"left": "15px",
									"top": "20px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
								$("#folow li:eq(" + num + ")").children(".circular_h").css({
									"left": "15px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
					}
				})
			}
//			昨天
			function flowyesday() {
				$.ajax({
					url: huayi.config.callcenter_url + '/WxLogin/GetWorkOrderItemList',
					data: {
						openid: openid, //微信openid,
						daytype:'yesterday',
					},
					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.IsLast == 1) {
										str = str + n.CreateUser + " 完结工单";
									} else if(n.DealTime) {
										str = str + n.CreateUser + " 处理工单";
									} else if(n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.ToDeptName) {
										//										str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell 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><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folowyesday');

								});
								var num = data.rows.length - 1;
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(" + num + ")").children(".string").css("height", "5px");
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(0)").children(".circular_h").css({
									"background": "#2cc6a7",
									"left": "15px",
									"top": "20px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
								$("#folow li:eq(" + num + ")").children(".circular_h").css({
									"left": "15px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
							}
						}
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
					}
				})
			}
//			本月
			function flowmonth() {
				$.ajax({
					url: huayi.config.callcenter_url + '/WxLogin/GetWorkOrderItemList',
					data: {
						openid: openid, //微信openid,
						daytype:'month'
					},
					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.IsLast == 1) {
										str = str + n.CreateUser + " 完结工单";
									} else if(n.DealTime) {
										str = str + n.CreateUser + " 处理工单";
									} else if(n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.ToDeptName) {
										//										str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell 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><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folowmonth');

								});
								var num = data.rows.length - 1;
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(" + num + ")").children(".string").css("height", "5px");
								$("#folow li:eq(0)").children(".string").css("top", "20px");
								$("#folow li:eq(0)").children(".circular_h").css({
									"background": "#2cc6a7",
									"left": "15px",
									"top": "20px",
									"width": "12px",
									"height": "12px",
									"border-radius": "6px"
								});
								$("#folow 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,
					},
					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.IsLast == 1) {
										str = str + n.CreateUser + " 完结工单";
									} else if(n.DealTime) {
										str = str + n.CreateUser + " 处理工单";
									} else if(n.SureUserName) {
										str = str + n.SureUserName + " 接单";
									} else if(n.ToDeptName) {
										//										str = str + " 指派工单给 " + n.ToDeptName + " ";
										str = str + n.CreateUserName + " 指派给 " + n.ToDeptName + " ";
										if(n.ToUserName) {
											str = str + n.ToUserName;
										}
										str = str;
									}
									//else if(row.IsStart) {str = str + row.CreateUserName + " 重新开启工单";}
									$('<li class="mui-table-view-cell 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><span class="span3">' + str +
										'</span></div><div class="string"></div><div class="circular_h"></div></li>').appendTo('#folow');

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

</html>