zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
							<!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 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 otherdiv">
			<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 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 mui-active" href="dynamic.html">
				<span class="mui-icon iconfont">
					<img src="../img/dynamic_c.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>
		<!--监管人员底部-->
		<nav class="mui-tabs supervise" style="display: none;">
			<a class="mui-tabs-item reminder" href="press_list.html">
				<span class="mui-icon iconfont">
					<img src="../img/reminder.png"/>
				</span>
				<span class="mui-tab-label">催办</span>
			</a>
			<a class="mui-tabs-item" href="../fisrt_comprehensive/report-index.html">
				<span class="mui-icon iconfont">
					<img src="../img/inquireicon.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">工作动态</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';
			var UserType = helper.cookies.get("usertype");
			flow(); //今天
//			flowyesday(); //昨天
//			flowmonth(); //本月
//			flow(); //今年
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			if(UserType==-1) {
				itype = 0
				$(".add_icon").show();
				$(".reminder").show();
			}else if(UserType==1){
				$(".add_icon").show()
				$(".reminder").show();
			}else if(UserType==2){
				$(".add_icon").hide()
				$(".reminder").hide();
			}else if(UserType==3){
				$(".add_icon").hide()
				$(".reminder").show();
			}else if(UserType==4){
				$(".add_icon").hide();
				$(".reminder").show();
				$(".otherdiv").hide();
				$(".supervise").show();
			}else if(UserType==5){
				$(".add_icon").hide()
			} else {
				itype = helper.request.queryString("itype");
			}
			//tab切换
			$(".titdyna ul li").click(function(){   
			    $(".titdyna 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 == 0 && !n.DealTime && !n.SureUserName && !n.ToDeptName){
										str = str + n.CreateUserName + " <span class='font-color7'>创建了工单。</span>" + "<br>";
									}
									if(n.Type==1&&n.IsLast == 1) {
										str = str + n.CreateUserName + "<span class='font-color7'>完结工单</span>";
									}
									if(n.Type==1&&n.DealTime) {
										str = str + n.CreateUserName + "<span class='font-color7'>处理工单</span>";
									}
									if(n.Type==1&&n.SureUserName) {
										str = str + n.SureUserName + "<span class='font-color7'>接单，</span>";
									}
									if(n.Type==1&&n.ToDeptName) {
										//str = str + " 指派工单给 " + n.ToDeptName + " "; 
										//str = str + n.CreateUserName + "<span class='font-color7'>指派给</span>" + n.ToDeptName + " ";
										if(n.Type==1&&n.ToUserName) {
											str = str;
										}
										//str = str;
									}
									if(n.Type==1&&n.ToDeptName) {
										if(n.State != 6){
											str = str + n.CreateUserName + " 指派工单给 " + n.ToDeptName + "：";
											if(n.ToUserName) {
												str = str + n.ToUserName;
											}
										}
										if(n.State === 6){
											str = str +  n.ToDeptName + "：" + n.ToUserName  + " 将工单退回给 " + n.CreateUserName;
										}
										str = str + "<br>";
									}
									if (n.Type==2) {
										str = str + n.CreateUserName+"<span class='font-color7'>催办了工单</span>";
									}
									if (n.Type==3) {
										str = str + n.CreateUserName+"<span class='font-color7'>评论了工单</span>";
									}
									//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 class="span3 font-color7">'+n.CreateTime+
										'</span><span><span style="color:#929292; margin-right: 0px;">工单号：</span>' + n.WorkOrderID+
										'</span></br><span>' + 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 == 0 && !n.DealTime && !n.SureUserName && !n.ToDeptName){
										str = str + n.CreateUserName + " <span class='font-color7'>创建了工单。</span>" + "<br>";
									}
									if(n.Type==1&&n.IsLast == 1) {
										str = str + n.CreateUserName + "<span class='font-color7'>完结工单</span>";
									}
									if(n.Type==1&&n.DealTime) {
										str = str + n.CreateUserName + "<span class='font-color7'>处理工单</span>";
									}
									if(n.Type==1&&n.SureUserName) {
										str = str + n.SureUserName + "<span class='font-color7'>接单，</span>";
									}
									if(n.Type==1&&n.ToDeptName) {
										//str = str + " 指派工单给 " + n.ToDeptName + " "; 
										//str = str + n.CreateUserName + "<span class='font-color7'>指派给</span>" + n.ToDeptName + " ";
										if(n.Type==1&&n.ToUserName) {
											str = str;
										}
										//str = str;
									}
									if(n.Type==1&&n.ToDeptName) {
										if(n.State != 6){
											str = str + n.CreateUserName + " 指派工单给 " + n.ToDeptName + "：";
											if(n.ToUserName) {
												str = str + n.ToUserName;
											}
										}
										if(n.State === 6){
											str = str +  n.ToDeptName + "：" + n.ToUserName  + " 将工单退回给 " + n.CreateUserName;
										}
										str = str + "<br>";
									}
									if (n.Type==2) {
										str = str + n.CreateUserName+"<span class='font-color7'>催办了工单</span>";
									}
									if (n.Type==3) {
										str = str + n.CreateUserName+"<span class='font-color7'>评论了工单</span>";
									}
									//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 class="span3 font-color7">'+n.CreateTime+
										'</span><span><span style="color:#929292; margin-right: 0px;">工单号：</span>' + n.WorkOrderID+
										'</span></br><span>' + 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>