zhoufan
/
12345_Base_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>工单详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link href="../css/WorkOrder/Search.css" rel="stylesheet">
		<link href="../css/init.css" rel="stylesheet" />
		<script src="../css/laydate/laydate.js"></script>
		<script src="../My97DatePicker/WdatePicker.js"></script>
		<style>
			.ld-service li {
				float: left;
				font-size: 14px;
				color: #000;
				padding: 5px 15px;
				cursor: pointer;
			}
			
			.cr-click {
				border-bottom: 2px solid #00a1cb;
			}
			
			.Shows {
				display: block !important;
			}
			
			.complain {
				display: none;
			}
			
			.Borders {
				border: 1px solid #d7d7d7;
			}
			
			.form-group {
				margin-top: 10px;
			}
			
			.Table {
				width: 100%;
			}
			
			tbody {
				border: 1px solid #ccc;
			}
			
			.Table th {
				width: 7%;
				padding: 5px 8px 10px 0;
				text-align: right;
			}
			
			.Table td {
				padding: 6px;
			}
			
			.bor_bootm {
				border-bottom: 1px solid #ccc;
			}
			
			.datil_ul {
				padding-left: 0;
			}
			
			.datil_ul li {
				width: 25%;
				padding: 5px;
				float: left;
			}
			
			.wh_btn input {
				background: rgb(0, 161, 203);
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<!--<div class="daoHang clearfix">
            <div class="dhLeft">
                <sapn>
                    <i class="syIcon"></i>位置：
                    <a href="javaScript:;" id="ReIndex">首页</a>&gt;
                    <a href="javaScript:;">工单管理</a>&gt;
                    <a href="" class="nowPosition">工单详情</a>
                </sapn>
            </div>
            <div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
        </div>-->
			<ul class="ld-service clearfix">
				<li itemtype="0" class="cr-click" itemtype="0">工单信息</li>
				<li itemtype="1" itemtype="1">交办信息</li>
				<li itemtype="1" itemtype="1">监察意见</li>
				<li itemtype="2" itemtype="2">领导批示</li>
				<li itemtype="3" itemtype="3">办理情况</li>
				<li itemtype="4" itemtype="4">回访信息</li>
				<li itemtype="5" itemtype="5">督办信息</li>
				<li itemtype="6" itemtype="6">办理过程</li>
			</ul>
			<div class="Content_box">
				<!--诉求信息-->
				<div class="complain Shows DCL">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="0" cellspacing="0" cellpadding="0">
							<tbody>
								<tr class="bor_bootm">
									<th>名字:</th>
									<td><span class="F_CusName"></span></td>
									<th>来源:</th>
									<td><span class="LY"></span></td>
									<th>来电号码:</th>
									<td><span class="F_ConPhone"></span></td>
									<th>联系号码:</th>
									<td><span class="F_CusPhone"></span></td>
								</tr>
								<tr>
									<th>标题:</th>
									<td colspan="7">
										<span class="F_ComTitle"></span>
									</td>
								</tr>
								<tr>
									<th>内容:</th>
									<td colspan="7">
										<span class="F_ComContent"></span>
									</td>
								</tr>
								<tr>
									<th>附件:</th>
									<td colspan="7">
										<span class="FJ">
											
										</span>
									</td>
								</tr>
								<tr class="bor_bootm">
									<th>事件地址:</th>
									<td colspan="7">
										<span class="AreaName" style="margin-right: 10px;"></span><span class='F_SourceAddress'>563	4494</span>
									</td>
								</tr>
								<tr>
									<th>类型:</th>
									<td>
										<span class="LX"></span>
									</td>
									<th>紧急程度:</th>
									<td>
										<span class="CD"></span>
									</td>
									<th>密级:</th>
									<td>
										<span class="MJ"></span>
									</td>
								</tr>
								<tr>
									<th>处理结果:</th>
									<td colspan="7">
										<span class="Result"></span>
									</td>
								</tr>
								<tr class="bor_bootm">
									<th>结案意见:</th>
									<td colspan="7">
										<span class="F_FinalOpinion"></span>
									</td>
								</tr>

							</tbody>
						</table>
					</div>

				</div>
				<!--交办信息-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="width:50px;">次数</td>
									<td class="text-center" style="width:100px;">办理时限</td>
									<td class="text-center" style="min-width:100px;">交办单位</td>
									<td class="text-center" >交办意见</td>
								</tr>
							</theard>
							<tbody class="JBXX">
							</tbody>
						</table>
					</div>
				</div>
				<!--监察-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="width:50px;">次数</td>
									<td class="text-center" style="min-width:100px;">监察人</td>
									<td class="text-center">监察意见</td>
									<td class="text-center" style="min-width:100px;">监察时间</td>
								</tr>
							</theard>
							<tbody class="JC">
							</tbody>
						</table>
					</div>
				</div>
				<!--领导批示-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<div style="text-align: center; height: ">
							<table class="Table" border="" cellspacing="0" cellpadding="0">
								<theard>
									<tr>
										<td class="text-center" style="min-width:50px;">类型</td>
										<td class="text-center" style="min-width:100px;">批示人</td>
										<td class="text-center" style="min-width:100px;">批示内容</td>
										<td class="text-center" style="min-width:100px;">批示时间</td>
									</tr>
								</theard>
								<tbody class="LDPS">
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<!--办理情况-->
				<div class="complain  DCL ">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="min-width:100px;">办理人</td>
									<td class="text-center" style="min-width:100px;">单位</td>
									<td class="text-center" style="min-width:100px;">办理意见</td>
                                    <td class="text-center" style="min-width:50px;">类型</td>
                                    <td class="text-center" style="min-width:50px;">审核</td>
                                    <td class="text-center" style="min-width:100px;">审核意见</td>
									<td class="text-center" style="min-width:100px;">办理时间</td>
									<td class="text-center" style="min-width:50px;">附件</td>
								</tr>
							</theard>
							<tbody class="BLQK">
							</tbody>
						</table>
					</div>
				</div>
				<!--回访信息-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="min-width:50px;">次数</td>
									<td class="text-center" style="min-width:100px;">回访人</td>
									<td class="text-center" style="min-width:100px;">回访方式</td>
									<td class="text-center" style="min-width:100px;">回访信息</td>
									<td class="text-center" style="min-width:100px;">回访结果</td>
									<td class="text-center" style="min-width:100px;">操作时间</td>
								</tr>
							</theard>
							<tbody class="HGXX">
							</tbody>
						</table>
					</div>

				</div>
				<!--督办信息-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="min-width:50px;">次数</td>
									<td class="text-center" style="min-width:100px;">督办人</td>
									<td class="text-center" style="min-width:100px;">督办意见</td>
									<td class="text-center" style="min-width:100px;">督办时间</td>
								</tr>
							</theard>
							<tbody class="DBXX">
							</tbody>
						</table>
					</div>
				</div>
				<!--办理过程-->
				<div class="complain  DCL " id="BLGC">
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="min-width:50px;">序号</td>
									<td class="text-center" style="min-width:100px;">事项</td>
									<td class="text-center" style="min-width:100px;">操作时间</td>
								</tr>
							</theard>
							<tbody id="BLGC_">
							</tbody>
						</table>
					</div>
				</div>
				<div class="clearfix">
					<ul class="clearfix datil_ul">
						<li>
							单号:
							<span class="DH"></span>
						</li>
						<li>
							状态:
							<span class='ZT'></span>
						</li>
						<li>
							受理人:
							<span class="SL"></span>
						</li>
						<li>
							受理时间:
							<span class="SLHJ"></span>
						</li>
						<li>
							处理方式:
							<span class="CLFS"></span>
						</li>
						<li>
							录入时间:
							<span class="LRSJ"></span>
						</li>
					</ul>
					<div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
						<input type="hidden" class="hidWid" />
						<!-- <input type="button" value="网上发布" class="release" />&nbsp;&nbsp;--><input type="button" value="打印预览" class="print" />&nbsp;&nbsp;<input type="button" value="关闭" class="closexq" />
					</div>
				</div>
			</div>
		</div>

		<script>
			var wid = helper.request.queryString("wid");
			$(document).ready(function() {
				if(wid) {
					$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
						workorderid: wid,
						"token": $.cookie("token")
					}, function(result) {
						if(result.state.toLowerCase() == "success") {
							var Data = result.data.data;
							var State = Data[0].F_WorkState;
							var CLFS = Data[0].F_IsResult;
							var isprotect = Data[0].isprotect;
							var level = Data[0].F_Level;
							$(".F_CusName").text(Data[0].F_CusName);
							$(".F_ConPhone").text(Data[0].F_CusPhone);
							$(".F_CusPhone").text(Data[0].F_ConPhone);
							$(".F_ComTitle").text(Data[0].F_ComTitle);
							$('.F_ComContent').text(Data[0].F_ComContent);
							$('.F_SourceAddress').text(Data[0].F_SourceAddress);
							$('.F_FinalOpinion').text(Data[0].F_FinalOpinion);
							$('.LRSJ').text(Data[0].F_CreateTime);
							$('.SLHJ').text(Data[0].F_EndTime);
							$('.SL').text(Data[0].UserName);
							$(".DH").text(Data[0].F_WorkOrderId);
							$(".LY").text(Data[0].SourceName);
							$(".LX").text(Data[0].TypeName1);
							$(".Result").text(Data[0].F_Result);
							$(".AreaName").text(Data[0].AreaName);
							//附件
							var HTML;
							$(Data[0].File).each(function(i, n) {
								HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileUrl + '">附件</a>'
								$(HTML).appendTo($('.FJ'));
							})
							if(State == 0) {
								$('.ZT').text("新工单");
							} else if(State == 1) {
								$('.ZT').text("待交办");
							} else if(State == 2) {
								$('.ZT').text("待查收");
							} else if(State == 3) {
								$('.ZT').text("退回审核中");
							} else if(State == 4) {
								$('.ZT').text("办理中");
							} else if(State == 5) {
								$('.ZT').text("延时审核中");
							} else if(State == 6) {
								$('.ZT').text("已办理");
							} else if(State == 7) {
								$('.ZT').text("已回访");
							} else if(State == 8) {
								$('.ZT').text("重办中");
							} else if(State == 9) {
								$('.ZT').text("已结案");
							}
							//办理方式
							if(CLFS == 0) {
								$('.CLFS').text("网络转办");
							} else {
								$('.CLFS').text("当即办理");
							}
							//密级程度
							if(Data[0].F_IsProtect == 0) {
								$('.MJ').text("普通");
							} else {
								$('.MJ').text("保密");
							}
							//紧急程度
							if(Data[0].F_Level == 1) {
								$('.CD').text("普通");
							} else if(Data[0].F_Level == 2) {
								$('.CD').text("紧急");
							}
							//办理情况
							var htmls = '';
							if(result.data.bldata.length < 0) {
								alert(45);
								htmls = '<tr>' +
									'<td class="text-center">' + n.UserName + '</td>' +
									'</tr>';
							}
							$(".BLQK").empty();
							console.log(result.data.bldata);
							$(result.data.bldata).each(function (i, n) {
							    var a='办理';
							    var b = '未审核';
							    if (n.F_IsAudit == '1') { b = '同意'; }
							    if (n.F_IsAudit == '2') { b = '拒绝'; }
							    if (n.F_Type == '3') { a = '退回'; }
							    else { b = '';  }
							    htmls += '<tr>' +
									'<td class="text-center">' + n.UserName + '</td>' +
									'<td class="text-center">' + n.DeptName + '</td>' +
									'<td class="text-center">' + n.F_Result + '</td>' +
                                    '<td class="text-center">' + a + '</td>' +
                                    '<td class="text-center">' + b + '</td>' +
                                    '<td class="text-center">' + (n.F_AuditReason ? n.F_AuditReason : '') + '</td>' +
									'<td class="text-center">' + n.F_CreateTime + '</td>' +
									'<td class="text-center">';
									//办理情况附件
								$(n.File).each(function(j,m){
									htmls +='<a style="margin-right:5px;" href="' + m.F_FileUrl + '" download="' + m.F_FileUrl + '">附件'+parseInt(j+1)+'</a>';
								})
	                            htmls +='</td></tr>';
							})
							$(htmls).appendTo($(".BLQK"));
							
							//回访信息
							var htmlss = '';
							if(result.data.hfdata.length < 0) {
								htmlss = '<tr>' +
									'<td class="text-center">' + n.UserName + '</td>' +
									'</tr>';
							} else {
								$(".HGXX").empty();
								$(result.data.hfdata).each(function(i, n) {
									var a;
									var b;
									if(n.F_IsSatisfie == 0) {
										a = "不满意";
									} else {
										a = "满意";
									}
									if(n.F_Type == 0) {
										b = "电话";
									} else {
										b = "微信";
									}

									htmlss += '<tr>' +
										'<td class="text-center">' + (i + 1) + '</td>' +
										'<td class="text-center">' + n.F_VisitUser + '</td>' +
										'<td class="text-center">' + b + '</td>' +
										'<td class="text-center">' + n.F_Result + '</td>' +
										'<td class="text-center">' + a + '</td>' +
										'<td class="text-center">' + n.F_CreateTime + '</td>' +
										'</tr>';
								})
								$(htmlss).appendTo($(".HGXX"));
								//交办信息
								var jbxx='';
									$(".JBXX").empty();
									$(result.data.jbdata).each(function(i, n) {
										jbxx += '<tr>' +
											'<td class="text-center">' + (i+1) + '</td>' +
											'<td class="text-center">' + n.F_LimitTime + '</td>' +
											'<td class="text-center">' + n.DeptName + '</td>' +
											'<td class="text-center">' + n.F_AssignedOpinion + '</td>' +
											'</tr>';
									})
									$(jbxx).appendTo($(".JBXX"));
								//督办信息
								var htmlsss = '';
								if(result.data.dbdata.length < 0) {
									htmlsss = '<tr>' +
										'<td class="text-center">' + n.UserName + '</td>' +
										'</tr>';
								} else {
									$(".DBXX").empty();
									$(result.data.dbdata).each(function(i, n) {
										htmlsss = htmlsss + '<tr>' +
											'<td class="text-center">' + (i + 1) + '</td>' +
											'<td class="text-center">' + n.UserName + '</td>' +
											'<td class="text-center">' + n.F_Content + '</td>' +
											'<td class="text-center">' + n.F_CreateTime + '</td>' +
											'</tr>';
									})
									$(htmlsss).appendTo($(".DBXX"));
									//监察
									var html_ = '';
									$(".JC").empty();
									$(result.data.jcdata).each(function(i, n) {
										html_ += '<tr>' +
											'<td class="text-center">' + (i + 1) + '</td>' +
											'<td class="text-center">' + n.UserName + '</td>' +
											'<td class="text-center">' + n.F_Content + '</td>' +
											'<td class="text-center">' + n.F_CreateTime + '</td>' +
											'</tr>';
									})
									$(html_).appendTo($(".JC"));
									//办理过程
									$("#BLGC_").empty();
									var html = '';
									$(result.data.gcdata).each(function(i, n) {
										html = '<tr>' +
											'<td class="text-center">' + (i + 1) + '</td>' +
											'<td class="text-center">' + n.F_Message + '</td>' +
											'<td class="text-center">' + n.F_CreateTime + '</td>' +
											'</tr>';
										$(html).appendTo($("#BLGC_"));
									})

									//领导批示
									var str;
									$(".LDPS").empty();
									$(result.data.psdata).each(function(i, n) {
										var val=n.F_Type;
											switch(val + '') {
											case '1':
												val = '领导批示';
												break;
											case '2':
												val = '市长指示';
												break;
											case '3':
												val = '回退';
												break;
									
										}
										html = '<tr>' +
										'<td class="text-center">' + val + '</td>' +
											'<td class="text-center">' + n.F_BatchReason + '</td>' +			
											'<td class="text-center">' + n.F_SuperOpinion + '</td>' +
											'<td class="text-center">' + n.F_CreateTime + '</td>' +
											'</tr>';
										$(html).appendTo($(".LDPS"));
									})
								}
							}
						}
					})
					//打印预览
					$(".print").click(function() {
						//                  layer.open({
						//                      type: 2,
						//                      content: "PrintPreview-1.html?wid=" + wid, //iframe的url，no代表不显示滚动条
						//                      title: '打印',
						//                      area: ['80%', '90%'], //宽高
						//                  });
						window.location.href = "PrintPreview-1.html?wid=" + wid;
					})

					//关闭
					$(".closexq").click(function() {
						var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
						parent.layer.close(index); //再执行关闭  
					})
				}
				//弹屏右侧切换效果
				$(".ld-service li").click(function() {
					$(this).addClass("cr-click").siblings().removeClass("cr-click");
					var index = $(this).index();
					var ss = $(this).attr("itemtype");
					$(".Content_box").find(".complain").eq(index).addClass("Shows").siblings().removeClass("Shows");

				});

			});
		</script>
	</body>

</html>