duhongyu
/
GongYi_UI


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339
							<!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>
		<link href="../css/WorkOrder/seeProjectDetail.css" rel="stylesheet" />
		<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);
			}
			
			.XGXX {
				margin-left: 0;
			}
			/*.authority{
				display: none;
			}*/
			/*.layui-layer-phimg img{
				width: 100% !important;
				height: auto !important;
			}*/
			
			.layui-layer-imguide {
				display: block !important;
			}
			
			.gray-bg {
				overflow: auto;
			}
			
			.img-box .img_mask i {
				position: absolute;
				right: 5px;
				top: 5px;
				display: inline-block;
				width: 13px;
				height: 12px;
				cursor: pointer;
				color: #fff;
			}
			
			.tdWidth td {
				width: 20%;
			}
			
			.assignFlagDiv {
				display: none;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<ul class="ld-service clearfix">
				<li itemtype="0" class="cr-click" itemtype="0">工单信息</li>
				<li itemtype="2" itemtype="2">领导关注</li>
				<li itemtype="3" itemtype="3">延时审核</li>
				<li itemtype="3" itemtype="3">退回审核</li>
				<li itemtype="7" itemtype="7">办理过程</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 tdWidth">
									<th>案件编号:</th>
									<td><span class="F_OldWorkOrderId"></span></td>
									<th>名字:</th>
									<td><span class="F_CusName"></span></td>
									<th>来源:</th>
									<td><span class="LY"></span></td>
									<th>联系号码:</th>
									<td><span class="F_CusPhone"></span></td>
									<th></th>
									<td></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">
										<div class="FJ file_imgs">

										</div>
									</td>
								</tr>
								<!--<tr>
									<th>回传附件:</th>
									<td colspan="7">
										<div class="HCFJ file_imgs">

										</div>
									</td>
								</tr>-->
								<tr class="bor_bootm">
									<th>事件地址:</th>
									<td colspan="3">
										<span class="AreaName" style="margin-right: 10px;"></span>
									</td>
									<th class="xtRemark" style="display: none;">系统备注:</th>
									<td colspan="3">
										<span class="xtRemark xtF_Remarks" style="margin-right: 10px;display: none"></span>
									</td>
								</tr>

								<tr class="tdWidth">
									<th>类型:</th>
									<td>
										<span class="LX"></span>
									</td>
									<!--<th>紧急程度:</th>
                                <td>
                                    <span class="CD"></span>
                                </td>
                                <th>主题词:</th>
                                <td><span class="subjectWords"></span></td>
                                <th>密级:</th>
                                <td>
                                    <span class="MJ"></span>
                                </td>-->
								</tr>
								<tr>
									<th>郑州市满意度:</th>
									<td colspan="7">
										<span class="satisfaction"></span>
									</td>
								</tr>
								<tr class="bor_bootm">
									<th>郑州备注:</th>
									<td>
										<span class="F_Remarks"></span>
									</td>
									<th>退回原因:</th>
									<td>
										<span class="backreason"></span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="assignFlagDiv">
						<div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;交办信息</div>
						<div style="width: 100%;padding: 10px;">
							<table class="Table" border="" cellspacing="0" cellpadding="0">
								<theard>
									<tr>
										<td class="text-center" style="width:60px;">次数</td>
										<td class="text-center" style="width:114px;">交办时间</td>
										<td class="text-center" style="width:114px;">办理时限</td>
										<td class="text-center" style="min-width:80px;">承办单位</td>
										<td class="text-center" style="min-width: 200px;">交办意见</td>
										<td class="text-center authority" style="min-width: 100px;">操作</td>
									</tr>
								</theard>
								<tbody class="JBXX">
								</tbody>
							</table>
						</div>
					</div>

					<div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;办理情况</div>
					<div style="width: 100%;padding: 10px;">
						<table class="Table" border="" cellspacing="0" cellpadding="0">
							<theard>
								<tr>
									<td class="text-center" style="min-width:80px;">办理责任人</td>
									<td class="text-center" style="min-width:80px;">联系方式</td>
									<td class="text-center" style="min-width:80px;">职务</td>
									<td class="text-center" style="min-width:80px;">二级单位处理结果</td>
									<td class="text-center" style="min-width:80px;">处理结果</td>
									<td class="text-center" style="min-width:80px;">单位</td>
									<td class="text-center" style="min-width:80px;">办理时间</td>
									<td class="text-center" style="min-width:80px;">附件</td>
									<td class="text-center" style="min-width:80px;">修改附件</td>
									<td class="text-center" style="min-width:80px;">扫描件</td>
									<td class="text-center" style="min-width:80px;">修改扫描件</td>
								</tr>
							</theard>
							<tbody class="BLQK">
							</tbody>
						</table>
					</div>

					<div style="font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;回访内容</div>
					<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>
									<td class="text-center authority" style="min-width:100px;">操作</td>
								</tr>
							</theard>
							<tbody class="HGXX">
							</tbody>
						</table>
					</div>

				</div>

				<!--领导关注-->
				<div class="complain  DCL">
					<div style="width: 100%;padding: 10px;">
						<div style="text-align: center; ">
							<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:100px;">附件</td> -->
										<!-- <td class="text-center authority" 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:100px;">申请原因</td>
									<td class="text-center" style="min-width:100px;">审核时间</td>
									<td class="text-center" style="min-width:80px;">审核意见</td>
									<td class="text-center authority" style="min-width:100px;">操作</td>
								</tr>
							</theard>
							<tbody class="YSSHS">
							</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: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>
									<td class="text-center" style="min-width:100px;">审核时间</td>
									<td class="text-center" style="min-width:80px;">审核意见</td>
									<td class="text-center authority" style="min-width:100px;">操作</td>
								</tr>
							</theard>
							<tbody class="YTHHS">
							</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>
									<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="CLFS"></span>
						</li>

						<li>
							提交时间:
							<span class="submitTime"></span>
						</li>
						<li>
							办理时间:
							<span class="SLHJ"></span>
						</li>
						<li>
							结案时间:
							<span class="lawsuitTime"></span>
						</li>
					</ul>
					<div class="clearfix wh_btn" style="width:100%;text-align:center;margin:10px 0;">
						<input type="hidden" class="hidWid" /> &nbsp;&nbsp;
						<input type="button" class="change release authority" value="修改" /> &nbsp;&nbsp;
						<input type="button" value="打印预览" class="print" /> &nbsp;&nbsp;
						<input type="button" value="关闭" class="closexq" />
					</div>
					<input type="hidden" id="Change" />
				</div>

			</div>
		</div>
		<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
		<script src="../js/mousewheel/jquery.mousewheel.min.js"></script>
		<script src="../js/WorkOrder/jquery.drag.js"></script>
		<script>
			var wid = helper.request.queryString("wid");
			var printType = helper.request.queryString("printType");
			$(document).ready(function() {
				console.log($.cookie("code"), '---')
				if($.cookie("code") == "WLDW") {
					$(".xtRemark").hide()
					$(".assignFlagDiv").hide()
				} else {
					$(".xtRemark").show()
					$(".assignFlagDiv").show()
				}
				if(wid) {

					load();
					$("#Change").val(wid);
					//预览
					$(".print").click(function() {
						layer.open({
							type: 2,
							content: "PrintPreview-1.html?wid=" + wid + "&printType=" +
								printType, //iframe的url，no代表不显示滚动条
							title: '打印/导出',
							area: ['788.8px', '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");

				});

				//转媒体
				$('.mediaTransfer').click(function() {

					layer.open({
						content: '是否要转媒体？',
						btn: ['是', '否'],
						yes: function(index, layero) {
							$.post(huayi.config.callcenter_url + "WorkOrder/ReleaseWorkOrder", {
								workorderid: wid, //工单编号
								isrelease: 1, //(0撤回，1转媒体)
								token: $.cookie("token")
							}, function(result) {
								var data = JSON.parse(result);
								if(data.state == "success") {
									$(".mediaTransfer").hide();
									var index = parent.layer.getFrameIndex(window
										.name); //先得到当前iframe层的索引
									parent.layer.close(index); //再执行关闭
									parent.$('#orderlist').bootstrapTable('refresh');
									parent.layer.msg("转媒体成功");
								}
							})
						}
					})

				});

				//修改
				$(".change").click(function() {

					var str = $("#Change").val();
					layer.open({
						type: 2,
						content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url，no代表不显示滚动条
						title: '修改交办信息',
						area: ['80%', '80%'], //宽高
					})
					//					layer.open({
					//					type: 2,
					//					content: "../CommonHtml/XGwordel.html?wid=" + str, //iframe的url，no代表不显示滚动条
					//					title: '编辑工单',
					//					area: ['96%', '80%'], //宽高
					//					window.location.href = "../CommonHtml/XGwordel.html?wid=" + str;
					//									});
				})

			});

			function load() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
					dataType: 'json',
					async: false,
					data: {
						workorderid: wid,
						token: $.cookie("token")
					},
					success: function(result) {

						if(result.state.toLowerCase() == "success") {
							if($.cookie("code") == "WLDW") {
								if(result.data.data[0].F_WorkState == '2' || result.data.data[0].F_WorkState == '8') {
									$.post(huayi.config.callcenter_url + "WorkOrder/ReceiveWorkOrder", {
										workorderid: result.data.data[0].F_WorkOrderId,
										token: $.cookie("token")
									}, function(result) {
										result = JSON.parse(result);
										if(result.state.toLowerCase() == "success") {
											layer.msg("查收成功");
											load();
											window.parent.load();
										}
									})
								}
							}

							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_OldWorkOrderId").text(Data[0].F_OldWorkOrderId);
							$(".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);
							$(".store_Lng").val(Data[0].F_Longitude);
							$(".store_Lat").val(Data[0].F_Latitude);
							$('.F_Remarks').text(Data[0].F_NewRemarks);
							$('.xtF_Remarks').text(Data[0].F_WorkRemarks);
							$('.backreason').text(Data[0].F_Backreason);
							$('.LRSJ').text(Data[0].F_CreateTime); //录入时间
							$('.submitTime').text(Data[0].F_SubmitTime); //提交时间
							$('.SLHJ').text(Data[0].F_DealTime); //办理时间
							$('.lawsuitTime').text(Data[0].F_CloseTime); //结案时间
							$('.SL').text(Data[0].UserName);
							$(".DH").text(Data[0].F_WorkOrderId);
							$(".LY").text(Data[0].SourceName);
							$(".subjectWords").text(Data[0].KeyName);
							$(".LX").text(Data[0].TypeName1);
							$(".Result").text(Data[0].F_Result);
							$(".AreaName").text(Data[0].AreaName + "--" + Data[0].F_SourceAddress);
							if(Data[0].F_Satisfaction === 0) {
								$(".satisfaction").text("不满意")
							} else if(Data[0].F_Satisfaction === 1) {
								$(".satisfaction").text("基本满意")
							} else if(Data[0].F_Satisfaction === 2) {
								$(".satisfaction").text("满意")
							} else {
								$(".satisfaction").text("")
							}
							//附件
							var HTML;
							$(Data[0].File).each(function(i, v) {
								//								HTML = '<a style="margin-right:5px;" href="' + n.F_FileUrl + '" download="' + n.F_FileName.substring(19)+ '">' + n.F_FileName.substring(19) + '</a>'
								//								$(HTML).appendTo($('.FJ'));
								var $list = $(".FJ");
								if(v.F_FileType == ".jpg" || v.F_FileType == ".png" || v
									.F_FileType == ".image") {
									//原来的图片
									var $li = $(
										//<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
										'<li><span class="img_mask"><a href="' + v
										.F_FileUrl +
										'" download="w3logo" title="点击下载"></a></span>' +
										'<img layer-src="' + v.F_FileUrl + '" alt="' + v
										.F_FileName + '" src="' + v.F_FileUrl +
										'" title="图片"/>' +
										//										'<span class="file_name">' + v.F_FileName + '</span>' +
										'</li>'
									);
									$list.append($li);
								} else {
									var $liFile = $(
										//<i class="glyphicon glyphicon-download-alt" aria-hidden="true"></i>
										'<li><span class="img_mask"><a href="' + v
										.F_FileUrl +
										'" download="w3logo" title="点击下载"> <i class="fa fa-download" aria-hidden="true"></i></a></span>' +
										'<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
										//										'<span class="file_name">' + v.F_FileName + '</span>' +
										'</li>'
									);
									$list.append($liFile);
								}
							})
//							$(Data[0].HCFiles).each(function(i, v) {
//								var $list = $(".HCFJ");
//								if(v.F_FileType == ".jpg" || v.F_FileType == ".png" || v
//									.F_FileType == ".image") {
//									//原来的图片
//									var $li = $(
//										'<li><span class="img_mask"><a href="' + v
//										.F_FileUrl +
//										'" download="w3logo" title="点击下载"></a></span>' +
//										'<img layer-src="' + v.F_FileUrl + '" alt="' + v
//										.F_FileName + '" src="' + v.F_FileUrl +
//										'" title="图片"/>' +
//										'</li>'
//									);
//									$list.append($li);
//								} else {
//									var $liFile = $(
//										'<li><span class="img_mask"><a href="' + v
//										.F_FileUrl +
//										'" download="w3logo" title="点击下载"> <i class="fa fa-download" aria-hidden="true"></i></a></span>' +
//										'<div class="noThumb" title="文件"><i class="glyphicon glyphicon-paperclip"></i><p>无法预览</p></div>' +
//										//										'<span class="file_name">' + v.F_FileName + '</span>' +
//										'</li>'
//									);
//									$list.append($liFile);
//								}
//							})
							layer.photos({
								photos: '.FJ',
								anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
								title: '查看图片',
								move: '.layui-layer-title',
								shadeClose: false,
								closeBtn: 1,
								area: ['80%', '90%'],
								tab: function(pic, layero) {
									$('.layui-layer-content').on("mousewheel",
										function(e, d) {

											helper.methods.zoomImg($(
												'#layui-layer-photos').find(
												'img[alt="' + pic.alt + '"]'
											), d);
											$('#layui-layer-photos').find(
													'img[alt="' + pic.alt + '"]')
												.dragging({
													move: "both", //拖动方向，x y both
													randomPosition: false //初始位置是否随机
												});
											return false;

										});
									helper.methods.initLayerPhotos(
										'#layui-layer-photos', pic, layero);
								},
							});
//							layer.photos({
//								photos: '.HCFJ',
//								anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
//								title: '查看图片',
//								move: '.layui-layer-title',
//								shadeClose: false,
//								closeBtn: 1,
//								area: ['80%', '90%'],
//								tab: function(pic, layero) {
//									$('.layui-layer-content').on("mousewheel",
//										function(e, d) {
//
//											helper.methods.zoomImg($(
//												'#layui-layer-photos').find(
//												'img[alt="' + pic.alt + '"]'
//											), d);
//											$('#layui-layer-photos').find(
//													'img[alt="' + pic.alt + '"]')
//												.dragging({
//													move: "both", //拖动方向，x y both
//													randomPosition: false //初始位置是否随机
//												});
//											return false;
//
//										});
//									helper.methods.initLayerPhotos(
//										'#layui-layer-photos', pic, layero);
//								},
//							});
							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("待回传");
							} else if(State == 10) {
								$('.ZT').text("待审核");
							} else if(State == 11) {
								$('.ZT').text("重办待交办");
							} else if(State == 13) {
								$('.ZT').text("重办驳回");
							} else if(State == 14) {
								$('.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) {
								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 bval = n.F_Type;
								switch(bval + '') {
									case '1':
										bval = '主办';
										break;
									case '2':
										bval = '协办';
										break;
								}
								//是和否有处理结果
								var isProResultValue = n.F_IsProResult + "";
								switch(isProResultValue) {
									case "0":
										isProResultValue = "默认";
										break;
									case "1":
										isProResultValue = "是";
										break;
									case "2":
										isProResultValue = "否";
										break;
								}
								//是否满意
								var isSatisfiedValue = n.F_IsSatisfied + "";
								switch(isSatisfiedValue) {
									case "0":
										isSatisfiedValue = "未评价";
										break;
									case "1":
										isSatisfiedValue = "满意";
										break;
									case "2":
										isSatisfiedValue = "基本满意";
										break;
									case "3":
										isSatisfiedValue = "不满意";
										break;
								}
								//沟通时间 
								var connectTimeValue = n.F_ConnectTime;
								switch(connectTimeValue) {
									case null:
										connectTimeValue = "";
										break;
									default:
										connectTimeValue = n.F_ConnectTime;
								}
								//职务
								var dutiesValue
								switch(n.F_Duties) {
									case "":
										dutiesValue = ""
										break;
									case null:
										dutiesValue = ""
										break;
									default:
										dutiesValue = n.F_Duties
										break;
								}
								//处理情况
								var situationValue
								switch(n.F_Situation) {
									case "":
										situationValue = ""
										break;
									case null:
										situationValue = ""
										break;
									default:
										situationValue = n.F_Situation
										break;
								}

								htmls += '<tr>' +
									'<td class="text-center">' + n.F_DealUser + '</td>' +
									'<td class="text-center">' + n.F_DealUserContact +
									'</td>' +
									'<td class="text-center">' + dutiesValue + '</td>' +
									'<td class="text-center">' + situationValue + '</td>' +
									'<td class="text-center">' + n.F_ClosingResult + '</td>' +
									// '<td class="text-center">' + result.data.data[0]
									// .F_NewResult + '</td>' +
									'<td class="text-center">' + n.DeptName + '</td>' +
									'<td class="text-center">' + n.F_CreateTime + '</td>' +
									'<td class="text-center">'
								//办理情况附件
								var FileHtml;
								$(n.File).each(function(j, m) {
									if(m.F_FileType == ".jpg" || m.F_FileType == ".png") {

										FileHtml =
											'<img style="width:15px; height:15px" border="0" src="' +
											m.F_FileUrl + '" alt="' + m.F_FileName +
											'"></td>';
									} else {
										FileHtml = m.F_FileName.substring(19);
									}

									htmls +=
										'<div><a style="margin-right:5px;" target="view_window" href="' +
										m.F_FileUrl + '" download="' + m
										.F_FileName + '">' + m.F_FileName.substring(19) + '</a></div>'

								})

								htmls += '</td><td class="text-center"><botton class="btns editFile" index="' +
									n.F_Id + '">修改</botton>' +
									'</td><td class="text-center">'
								var scanFileHtml
								$(result.data.data[0].Files).each(function(j, m) {
									if(m.F_FileType == ".jpg" || m.F_FileType ==
										".png") {
										scanFileHtml =
											'<img style="width:15px; height:15px" border="0" src="' +
											m.F_FileUrl + '" alt="' + m.F_FileName +
											'"></td>';
									} else {
										scanFileHtml = m.F_FileName.substring(19);
									}
									htmls +=
										'<div><a style="margin-right:5px;" target="view_window" href="' +
										m.F_FileUrl + '" download="' + m
										.F_FileName + '">' + m.F_FileName.substring(19) + '</a></div>'

								})
								htmls += '</td><td class="text-center"><botton class="btns editScanFile"  index="' +
									n.F_Id + '">修改</botton></td></tr>';
							})
							$(htmls).appendTo($(".BLQK"));
							//三级办理情况
							var SJhtmls = '';
							if(result.data.ejbldata.length < 0) {
								SJhtmls = '<tr>' +
									'<td class="text-center">' + n.UserName + '</td>' +
									'</tr>';
							}
							$(result.data.ejbldata).each(function(i, n) {
								var bval = n.F_Type;
								switch(bval + '') {
									case '1':
										bval = '主办';
										break;
									case '2':
										bval = '协办';
										break;
								}
								//是否有处理结果
								var isProResultValue = n.F_IsProResult + "";
								switch(isProResultValue) {
									case "0":
										isProResultValue = "默认";
										break;
									case "1":
										isProResultValue = "是";
										break;
									case "2":
										isProResultValue = "否";
										break;
								}
								//是否满意
								var isSatisfiedValue = n.F_IsSatisfied + "";
								switch(isSatisfiedValue) {
									case "0":
										isSatisfiedValue = "未评价";
										break;
									case "1":
										isSatisfiedValue = "满意";
										break;
									case "2":
										isSatisfiedValue = "基本满意";
										break;
									case "3":
										isSatisfiedValue = "不满意";
										break;
								}
								//沟通时间 
								var connectTimeValue = n.F_ConnectTime;
								switch(connectTimeValue) {
									case null:
										connectTimeValue = "";
										break;
									default:
										connectTimeValue = n.F_ConnectTime;
								}

								//职务
								var dutiesValue
								switch(n.F_Duties) {
									case "":
										dutiesValue = ""
										break;
									case null:
										dutiesValue = ""
										break;
									default:
										dutiesValue = n.F_Duties
										break;
								}
								//处理情况
								var situationValue
								switch(n.F_Situation) {
									case "":
										situationValue = ""
										break;
									case null:
										situationValue = ""
										break;
									default:
										situationValue = n.F_Situation
										break;
								}

								SJhtmls += '<tr>' +
									'<td class="text-center">' + n.F_DealUser + '</td>' +
									'<td class="text-center">' + n.F_DealUserContact +
									'</td>' +
									'<td class="text-center">' + dutiesValue + '</td>' +
									'<td class="text-center">' + situationValue + '</td>' +
									'<td class="text-center">' + n.DeptName + '</td>' +
									'<td class="text-center" data-formatter="shtype">' +
									bval + '</td>' +
									'<td class="text-center">' + n.F_Result + '</td>' +
									'<td class="text-center">' + n.F_CreateTime + '</td>' +
									'<td class="text-center">' + isProResultValue +
									'</td>' +
									'<td class="text-center">' + n.F_ProSituation +
									'</td>' +
									'<td class="text-center">' + connectTimeValue +
									'</td>' +
									'<td class="text-center">' + n.F_ConnectMode + '</td>' +
									'<td class="text-center">' + isSatisfiedValue +
									'</td>' +
									'<td class="text-center">'
								//办理情况附件
								var FileHtml;
								$(n.File).each(function(j, m) {
									if(m.F_FileType == ".jpg" || m.F_FileType ==
										".png") {
										FileHtml =
											'<img style="width:15px; height:15px" border="0" src="' +
											m.F_FileUrl + '" alt="' + m.F_FileName +
											'">'
									} else {
										FileHtml = m.F_FileName.substring(19)
									}
									SJhtmls +=
										'<div><a style="margin-right:5px;" target="view_window" href="' +
										m.F_FileUrl + '" download="' + m
										.F_FileName + '">' + m.F_FileName.substring(
											19) + '</a></div>';
								})
								SJhtmls += '</tr>'
							})
							$(SJhtmls).appendTo($(".SJBLQK"));
							//回访内容
							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 if(n.F_IsSatisfie == 1) {
										a = "满意";
									} else if(n.F_IsSatisfie == 2) {
										a = "基本满意";
									}
									if(n.F_Type == 0) {
										b = "电话";
									} else if(n.F_Type == 1) {
										b = "微信";
									} else if(n.F_Type == 2) {
										b = "APP";
									} else if(n.F_Type == 3) {
										b = "网站";
									} else if(n.F_Type == 4) {
										b = "微博";
									} else if(n.F_Type == 5) {
										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>' +
										'<td class="text-center authority">' +
										'<botton class="btns  HFXG " index="' + n.F_Id +
										'" visituser="' + n.F_VisitUser + '"' +
										'result="' + n.F_Result + '" callid="" type="' + n
										.F_Type + '" issatisfie="' + n.F_IsSatisfie +
										'">修改</botton>' +
										'</td>' +
										'</tr>';
								})
								$(htmlss).appendTo($(".HGXX"));
								//交办信息
								var jbxx = '';
								$(".JBXX").empty();
								$(result.data.jbdata).each(function(i, n) {
									var OtherDeptName = n.OtherDeptName == null ? '-' : n
										.OtherDeptName;
									var StandardNames = n.StandardNames == null ? '-' : n
										.StandardNames;
									jbxx += '<tr>' +
										'<td class="text-center">' + (i + 1) + '</td>' +
										'<td class="text-center">' + n.F_CreateTime +
										'</td>' +
										'<td class="text-center">' + n.F_LimitTime +
										'</td>' +
										'<td class="text-center">' + n.DeptName + '</td>' +
										'<td class="text-center">' + n.F_AssignedOpinion +
										'</td>' +
										'<td class="text-center authority"><botton class="btns  XGXX " data_time="' +
										n.F_LimitTime + '"  data_Opinio="' + n
										.F_AssignedOpinion + '"  index="' + n.F_Id +
										'">修改</botton></td>' +
										'</tr>';
								})
								$(jbxx).appendTo($(".JBXX"));

								//领导关注
								$(".LDPS").empty();
								$(result.data.psdata).each(function(i, n) {
									var str = '<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>' +
									// '<td class="text-center">';
									//办理情况附件
									// $(n.File).each(function (j, m) {
									//     str +=
									//         '<a style="margin-right:5px;" target="view_window" href="' +
									//         m.F_FileUrl + '" download="' + m
									//         .F_FileUrl + '">' + m.F_FileName
									//         .substring(19) + '</a>';
									// })
									str += '</td>' +
										// '<td class="text-center authority"><botton class="btns  LDPSS "   superuser="' +
										// n.F_BatchReason + '" superopinion="' + n
										// .F_SuperOpinion + '" type="' + n.F_Type +
										// '" index="' + n.F_Id + '">修改</botton></td>' +
										'</tr>';
									$(str).appendTo($(".LDPS"));
								})

								//督办信息
								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"));
									//延时审核
									var Ysh = '';
									$(".YSSHS").empty();
									$(result.data.ysdata).each(function(i, n) {
										var a = '未审核';
										if(n.F_IsAudit == '1') {
											a = '同意';
										}
										if(n.F_IsAudit == '2') {
											a = '拒绝';
										}
										Ysh += '<tr>' +
											'<td class="text-center">' + (i + 1) + '</td>' +
											'<td class="text-center">' + a + '</td>' +
											'<td class="text-center">' + n.F_NewTime +
											'</td>' +
											'<td class="text-center">' + n.F_Reason +
											'</td>' +
											'<td class="text-center">' + n.F_AgreeTime +
											'</td>' +
											'<td class="text-center">' + n.F_RefuseReason +
											'</td>' +
											'<td class="text-center authority"><botton class="btns  LYSSH " index="' +
											n.F_Id + '" reason="' + n.F_RefuseReason +
											'" >修改</botton></td>' +
											'</tr>';
									})
									$(Ysh).appendTo($(".YSSHS"));
									//退回审核
									var Ths = '';
									$(".YTHHS").empty();
									$(result.data.thdata).each(function(i, n) {
										var a = '未审核';
										var AuditTime;
										var AuditReason;
										if(n.F_IsAudit == '1') {
											a = '同意';
										}
										if(n.F_IsAudit == '2') {
											a = '拒绝';
										}
										if(n.F_AuditTime == null) {
											AuditTime = "";
										} else {
											AuditTime = n.F_AuditTime
										}
										if(n.F_AuditReason == null) {
											AuditReason = '';
										} else {
											AuditReason = n.F_AuditReason
										}
										Ths += '<tr>' +
											'<td class="text-center">' + (i + 1) + '</td>' +
											'<td class="text-center">' + n.F_CreateTime +
											'</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">' + AuditTime +
											'</td>' +
											'<td class="text-center">' + AuditReason +
											'</td>' +
											'<td class="text-center authority"><botton class="btns  LTHSH " index="' +
											n.F_Id + '" reason="' + n.F_AuditReason +
											'" >修改</botton></td>' +
											'</tr>';
									})
									$(Ths).appendTo($(".YTHHS"));

									//办理过程
									$("#BLGC_").empty();

									if($.cookie('code') != 'WLDW' && $.cookie('code') !=
										'EJWLDW') {
										$(result.data.gcdata).each(function(i, n) {
											var html = '<tr>' +
												'<td class="text-center">' + (i + 1) +
												'</td>' +
												'<td class="text-center">' + n.czusername +
												'</td>' +
												'<td class="text-center">' + n.msginfos +
												'</td>' +
												'<td class="text-center">' + n
												.F_CreateTime + '</td>' +
												'</tr>';
											$(html).appendTo($("#BLGC_"));
										});
									}

								}
							}

							//转媒体按钮显示或隐藏
							if(result.data.issend == '1') {
								$(".mediaTransfer").show();
							} else {
								$(".mediaTransfer").hide();
							}

							//修改按钮显示或隐藏
							if(result.data.isedit == '1' || $.cookie("code") == "ZXLD") {
								$(".authority").show();
							} else {
								$(".authority").hide();
							}

							//修改交办意见
							$('.XGXX').click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/XGjiaoban.html?wid=" +
										index, //iframe的url，no代表不显示滚动条
									title: '修改交办信息',
									area: ['48%', '60%'], //宽高
								});
								//window.location.href = "../CommonHtml/XGjiaoban1.html?id=" + index + "&wid=" + wid; //iframe的url，no代表不显示滚动条

							})
							//修改回访意见
							$(".HFXG").click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/XGHF.html?wid=" +
										index, //iframe的url，no代表不显示滚动条
									title: '修改回访信息',
									area: ['58%', '60%'], //宽高
								});
								//window.location.href = "../CommonHtml/XGHF.html?wid=" + index; //iframe的url，no代表不显示滚动条
							});

							//修改回访意见
							$(".editFile").click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/updatingFiles.html?wid=" + index + "&fileType=1", //iframe的url，no代表不显示滚动条
									title: '修改附件',
									area: ['58%', '60%'], //宽高
								});
							});
							//修改回访意见
							$(".editScanFile").click(function() {
								var index = $(".DH").text();
								layer.open({
									type: 2,
									content: "../CommonHtml/updatingFiles.html?wid=" + index + "&fileType=2", //iframe的url，no代表不显示滚动条
									title: '修改扫描件',
									area: ['58%', '60%'], //宽高
								});
							});
							//修改回退信息
							$(".HtxxBtn").click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/BackDatil.html?wid=" +
										index + '&tab=0', //iframe的url，no代表不显示滚动条
									title: '修改回退信息',
									area: ['58%', '60%'], //宽高
								})
								//window.location.href = "../CommonHtml/BackDatil.html?wid=" + index+'&tab=0'
							})
							//修改审核延时
							$(".LYSSH").click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/YSSH.html?wid=" +
										index, //iframe的url，no代表不显示滚动条
									title: '修改延时审核',
									area: ['58%', '60%'], //宽高
								})
								//window.location.href = "../CommonHtml/YSSH.html?wid=" + index;
							})
							//修改退回审核
							$(".LTHSH").click(function() {
								var index = $(this).attr('index');
								layer.open({
									type: 2,
									content: "../CommonHtml/lSHTH.html?wid=" +
										index, //iframe的url，no代表不显示滚动条
									title: '修改退回审核',
									area: ['58%', '60%'], //宽高
								})
								//window.location.href = "../CommonHtml/lSHTH.html?wid=" + index;
							})

						}

					}
				})
			}
		</script>
	</body>

</html>