zhoufan
/
12345_Base_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581
							<!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 0 10px 10px;
			}
			
			.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="2" itemtype="2">领导批示</li>
				<li itemtype="1" itemtype="1">办理情况</li>
				<li itemtype="2" itemtype="2">回访信息</li>
				<li itemtype="2" itemtype="2">督办信息</li>
				<li itemtype="2" itemtype="2">办理过程</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">次数</td>
									<td class="text-center">监察人</td>
									<td class="text-center">监察意见</td>
									<td class="text-center">办理意见</td>
								</tr>
							</theard>
							<tbody class="JC">
								<tr>
									
								</tr>
							</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">批示人</td>
										<td class="text-center">批示内容</td>
										<td class="text-center">批示时间</td>
									</tr>
								</theard>
								<tbody class="LDPS">
									<tr>

									</tr>
								</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">办理人</td>
									<td class="text-center">单位</td>
									<td class="text-center">办理意见</td>
									<td class="text-center">办理时间</td>
								</tr>
							</theard>
							<tbody class="BLQK">
								<tr>
									<td class="text-center">二级承办单位（8888）</td>
									<td class="text-center">二级承办单位</td>
									<td class="text-center">主办</td>
									<td class="text-center">2017-5-28</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">次数</td>
									<td class="text-center">回访人</td>
									<td class="text-center">回访方式</td>
									<td class="text-center">回访信息</td>
									<td class="text-center">回访结果</td>
									<td class="text-center">操作时间</td>
								</tr>
							</theard>
							<tbody class="HGXX">
								<tr>
									<td class="text-center">11</td>
									<td class="text-center">系统</td>
									<td class="text-center">电话</td>
									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
									<td class="text-center">不满意</td>
									<td class="text-center">2017-5-28</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">次数</td>
									<td class="text-center">督办人</td>
									<td class="text-center">督办意见</td>

									<td class="text-center">办理时间</td>
								</tr>
							</theard>
							<tbody class="DBXX">
								<tr>
									<td class="text-center">11</td>
									<td class="text-center">系统</td>
									<td class="text-center">测试测试测试测试测试测试测试测试测试测试测试测试</td>
									<td class="text-center">2017-5-28</td>
								</tr>
							</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">序号</td>
									<td class="text-center">事项</td>
									<td class="text-center">操作时间</td>
								</tr>
							</theard>
							<tbody id="BLGC_">
								<tr>
									<td class="text-center">1</td>
									<td class="text-center">测试测试测试测试测试</td>
									<td class="text-center">2017-5-14</td>
								</tr>
								<tr>
									<td class="text-center">2</td>
									<td class="text-center">测试测试测试测试测试</td>
									<td class="text-center">2017-5-15</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="clearfix">
					<ul class="clearfix datil_ul">
						<li>
							单号:
							<span class="DH">21519818119</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="ZBDW">
									二级主办单位
								</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 == 0) {
								$('.CD').text("普通");
							} else if(Data[0].F_Level == 1) {
								$('.CD').text("紧急");
							}
							//办理情况
							var htmls='';
							if(result.data.bldata.length < 0) {
								alert(45);
								htmls = '<tr>' +
									'<td class="text-center">' + n.UserName + '</td>' +
									'</tr>';
							}
							$(".BLQK").empty();
							$(result.data.bldata).each(function(i, n) {
								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">' + n.F_CreateTime + '</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 + '</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 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 + '</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) {
										html = '<tr>' +
											'<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>