projects
/
gdymtsceshi


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750
							<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">

<link rel="stylesheet" type="text/css" media="screen"  href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css"  >

<script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>  
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>

<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-select/bootstrap-select.js"></script>
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-select/bootstrap-select.css">


<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<script src="${ctx}/assets/js/validate.js" ></script>
  
<script type="text/javascript">
/**
 * 修改省市区县
 */
$(function(){
	var strSS=$("#ss").val();
	if(strSS=='北京市'||strSS=='天津市'||strSS=='上海市'||strSS=='重庆市'){
		$("#qxa").hide();
		$("#qxb").hide();
		$("#ds").text("区县");
	}else{
		$("#qxa").show();
		$("#qxb").show();
		$("#ds").text("地市");
	}
});

function doSubmit(){
	
	if($("#FileSelectFlag").val()=='false'&&$('#file-0a').val()!='')
	{
		layer.msg("有选择的文件没上传，请先上传提交！");
	 	 return false; 
	}
	if(doValidate(form1))
    {
		
		var strDutyPart = $("#DutyPart").val();
		strDutyPart=""+strDutyPart+"";
		strDutyPart=strDutyPart.replace(/,/g,';');
		$("#DutyPart").append("<option value='"+strDutyPart+"'>"+strDutyPart+"</option>");
		$("#DutyPart").val(strDutyPart);
		
		var strPursuePart = $("#PursuePart").val();
		strPursuePart=""+strPursuePart+"";
		strPursuePart=strPursuePart.replace(/,/g,';');
		$("#PursuePart").append("<option value='"+strPursuePart+"'>"+strPursuePart+"</option>");
		$("#PursuePart").val(strPursuePart);
		
		var strPursueType = $("#PursueType").val();
		strPursueType=""+strPursueType+"";
		strPursueType=strPursueType.replace(/,/g,';');
		$("#PursueType").append("<option value='"+strPursueType+"'>"+strPursueType+"</option>");
		$("#PursueType").val(strPursueType);
		
		
    		$('#form1').attr('action','${ctx}/myconsole/complaint/transact/submitToArchive'); 	            
    		$('#form1').ajaxSubmit(resultHandle);
    		$("#SubmitButton").attr("disabled",'disabled');
    }
}

function resultHandle(data){
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){	
					if($("#AppealSource").val()=="电话中心")
					{
						$('#form1').attr('action','${ctx}/myconsole/complaint/interface/sendTransactData'); 	            
		    			$('#form1').ajaxSubmit(resultHandleClose);				 
						layer.closeAll('dialog');
						window.opener.location.reload();				 
					}
					else
					{
						layer.closeAll('dialog');
						window.opener.location.reload();
						window.close();
					}

				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
			}		     
	} 
}
function resultHandleClose(data)
{
	window.parent.close();	
} 
//根据办理结果一级分类取二级分类
function setEndResultID2()
{	
	var idData=$('#EndResultID1').val();
	if(idData!='')
	{
		var nameData=$("#EndResultID1").find("option:selected").text();
		$("#EndResultName1").val(nameData);
		$('#form1').attr('action','${ctx}/myconsole/complaint/transact/getEndResultID2Data'); 	        
		$('#form1').ajaxSubmit(setEndResultID2Data);  		
	}
	else
	{
		$("#EndResultID2").empty();
		$("#EndResultName1").val("");
	}
}
//回写办理结果二级分类字典数据
function setEndResultID2Data(data){	
	$("#EndResultID2").empty();
	$("#EndResultID2").append("<option value=''>请选择</option>");
	$("#EndResultID2").append(data);  	 
}
function setEndResultName2()
{
	var idData=$('#EndResultID2').val();
	if(idData!='')
	{
		var nameData=$("#EndResultID2").find("option:selected").text();
		$("#EndResultName2").val(nameData);		   		
	}
	else
	{
		$("#EndResultName2").val("");
	}
}
 
 
//根据一级投诉原因设置二级投诉原因
function setReasonID2()
{
	$("#ReasonID3").empty(); 
	var reasonID1=$('#ReasonID1').val();
	if(reasonID1!='')
	{
		var reasonName1=$("#ReasonID1").find("option:selected").text();
		$("#ReasonName1").val(reasonName1);	
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonID2Data'); 	        
		$('#form1').ajaxSubmit(setReasonID2Data);    
	}
	else
	{
		$("#ReasonID2").empty(); 
		$("#ReasonName1").val("");
	}
}
//回写原因二类字典数据
function setReasonID2Data(data){	
	$("#ReasonID2").empty();  
	$("#ReasonID2").append("<option value=''>请选择</option>");
	$("#ReasonID2").append(data);  	 
}
//根据二级投诉原因设置三级投诉原因
function setReasonID3()
{
	var reasonID2=$('#ReasonID2').val();
	if(reasonID2!='')
	{
		var reasonName2=$("#ReasonID2").find("option:selected").text();
		$("#ReasonName2").val(reasonName2);	
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonID3Data'); 	        
		$('#form1').ajaxSubmit(setReasonID3Data);    
	}
	else
	{
		$("#ReasonID3").empty(); 
		$("#ReasonName2").val(""); 
	}
}
//回写原因二类字典数据
function setReasonID3Data(data){	
	$("#ReasonID3").empty();  
	$("#ReasonID3").append("<option value=''>请选择</option>");
	$("#ReasonID3").append(data);  	 
}
//设置三级投诉原因名称
function setReasonName3()
{
	var reasonID3=$('#ReasonID3').val();
	if(reasonID3!='')
	{
		var reasonName3=$("#ReasonID3").find("option:selected").text();
		$("#ReasonName3").val(reasonName3);			 
	}
	else
	{
		$("#ReasonName3").val(""); 
	}
}
 
  
function setUpdateInfo()
{
	var updateInfo="";	 
	if($('#appealReasonName1').val()!=$('#ReasonName1').val())
	{
		updateInfo=updateInfo+"{投诉原因大类由："+$('#appealReasonName1').val()+" 修改成了："+$('#ReasonName1').val()+"};"; 
	}
	if($('#appealReasonName2').val()!=$('#ReasonName2').val())
	{
		updateInfo=updateInfo+"{投诉原因二类由："+$('#appealReasonName2').val()+" 修改成了："+$('#ReasonName2').val()+"};"; 
	}
	if($('#appealReasonName3').val()!=$('#ReasonName3').val())
	{
		updateInfo=updateInfo+"{投诉原因三类由："+$('#appealReasonName3').val()+" 修改成了："+$('#ReasonName3').val()+"};"; 
	}
     
    $('#UpdateInfo').val(updateInfo);
    return true;
} 
 
 
function setCollapseIcon(collapseIcon)
{
	var curCollapseIconClass=$("#"+collapseIcon).attr("class"); 
	if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
	{
		$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");		
	}
	else
	{
		$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");			
	}
}
//查看 2017-07-19
function seeData(appealid){
	fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid);	
}
  
function setTransactType()
{
	var transactType=$("#TransactType").val();
	if(transactType=='接收')
	{
		$("#transactDoState").val("已办理");
		$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getSelfRule'); 	        
		$('#form1').ajaxSubmit(setReturnedRule);
	}
	 
	if(transactType=='退回')
	{
		
		var strLastDoLeaderTransactDate=$("#LastDoLeaderTransactDate").val();
		if(strLastDoLeaderTransactDate!='')
		{
			layer.alert("您已于："+strLastDoLeaderTransactDate+"退回此案，请勿重复退回！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
		}
		else
		{					
			$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getReturnedRule'); 	        
			$('#form1').ajaxSubmit(setReturnedRule);
		}
	}
	 
	 
}

function setReturnedRule(data)
{
	var ruleJson = JSON.parse(data);
	var flag=ruleJson.flag;	
	if(flag)
	{						
		var jobName=$('#ToJobName').val();
		$('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_UserName);
		$('#ToOrgID').val(ruleJson.Job_OrgID);
		$('#ToOrgName').val(ruleJson.Job_OrgName);
		$('#ToJobID').val('');
		$('#ToJobName').val(''); 
		$('#ToUserID').val(ruleJson.Job_UserID);
	    $('#ToUserName').val(ruleJson.Job_UserName);
	    if(ruleJson.Job_OrgParentOrgType=="中支公司")
		{
			$('#ToCentreOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToCentreOrgName').val(ruleJson.Job_OrgParentName);
		}
		if(ruleJson.Job_OrgParentOrgType=="分公司")
		{
			$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		}
		if(ruleJson.Job_OrgParentOrgType=="总公司")
		{
			$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		}
		 
	} 
} 


function showFlowNode()
{
	$('#form2').attr('action','${ctx}/myconsole/complaint/preinflow/getFlowNode'); 	            
	$('#form2').ajaxSubmit(getFlowNodeHandle);  
}
function setRuleUser(data)
{
	var ruleJson = JSON.parse(data);
	var flag=ruleJson.flag;	
	if(flag)
	{						
		 
		$('#ToOrgAndJob').val(ruleJson.ToUserName);
		$('#ToUserID').val(ruleJson.ToUserID);
		$('#ToUserName').val(ruleJson.ToUserName);
		 
	} 
	$("#ToOrgInfo").show();
	$("#ToOrgAndJob").attr("vmode","not null");
}
function setRule(data)
{
	var ruleJson = JSON.parse(data);
	var flag=ruleJson.flag;	
	if(flag)
	{						
		var jobName=$('#ToJobName').val();
		$('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name);
		$('#ToOrgID').val(ruleJson.Job_OrgID);
		$('#ToOrgName').val(ruleJson.Job_OrgName);
		$('#ToJobID').val(ruleJson.Job_ID);
		$('#ToJobName').val(ruleJson.Job_Name); 
		if(ruleJson.Job_OrgParentOrgType=="中支公司")
		{
			$('#ToCentreOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToCentreOrgName').val(ruleJson.Job_OrgParentName);
		}
		if(ruleJson.Job_OrgParentOrgType=="分公司")
		{
			$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		}
	} 
	$("#ToOrgInfo").show();
	$("#ToOrgAndJob").attr("vmode","not null");
}
 
function downFile(filePath,fileName)
{	 
	window.open('${serverURL!}/downloadFile.do?FileDownloadPath='+filePath+'&FileDownloadName='+fileName,'Derek','resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');	 
}
 
function setOrgAndJob(jobid,jobname,orgid)
{	
	$('#ToJobID').val(jobid);
	$('#ToJobName').val(jobname);
	$('#orgModal').modal('hide');
	$('#form1').attr('action','${ctx}/myconsole/complaint/register/getOrgAndJob?Job_OrgID='+orgid+'&Job_ID='+jobid+'&Job_Name='+jobname); 	        
	$('#form1').ajaxSubmit(setOrgAndJobData); 	
}
function setOrgAndJobData(data)
{
	var ruleJson = JSON.parse(data);
	var flag=ruleJson.flag;	
	if(flag)
	{						
		var jobName=$('#ToJobName').val();
		$('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+jobName);
		$('#ToOrgID').val(ruleJson.Job_OrgID);
		$('#ToOrgName').val(ruleJson.Job_OrgName);
		$('#ToJobID').val(ruleJson.Job_ID);
		$('#ToJobName').val(jobName); 
		if(ruleJson.Job_OrgParentOrgType=="中支公司")
		{
			$('#ToCentreOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToCentreOrgName').val(ruleJson.Job_OrgParentName);
		}
		if(ruleJson.Job_OrgParentOrgType=="分公司")
		{
			$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
			$('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		}
	} 	
}

function setOrg()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		setOrgAndJob(treeNode.id,treeNode.name,treeNode.pId);			 
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var jobN = data.Job;
    		jobN.forEach(function(item,index){
    	 		 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    	 	})
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    	  	var jobN = data.Job;
    	  	if(jobN!=null)
    	  	{
    	  		jobN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#orgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
 
}


function setSignOrgAndJob(jobidArr)
{	
	$('#ToJobID').val(jobidArr);
	 
}
function getSignOrgAndJob()
{	
	var jobid=$('#ToJobID').val();
	$('#signOrgModal').modal('hide');
	$('#form1').attr('action','${ctx}/myconsole/complaint/register/getSignOrgAndJob?SignAllJob_ID='+jobid); 	        
	$('#form1').ajaxSubmit(setSignOrgAndJobData); 
	
	
}
function setSignOrgAndJobData(data)
{
	var strAlreadySignInfo=$("#AlreadySignInfo").val();
	var strShowInfo="";
	var orgAndJobJson = JSON.parse(data);	
	var flag=orgAndJobJson.flag;	
	if(flag)
	{						
		if(strAlreadySignInfo!="")
		{
			var strSelectedOrgAndJob =orgAndJobJson.Job_ToOrgAndJob;
			var arrJob=strSelectedOrgAndJob.split(",");
			for(var i=0;i<arrJob.length;i++)
			{
				var strCurJob=arrJob[i];
				if(strAlreadySignInfo.indexOf(strCurJob)!=-1)
				{
					strShowInfo=strShowInfo+strCurJob +" ";
				}
			}
			if(strShowInfo!="")
			{
				layer.alert("该客诉件如下人员："+strShowInfo+"您已经发起过会签，请勿重复发起会签！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
				return;
			}
		
		}
		
		$('#ToOrgAndJob').val(orgAndJobJson.Job_ToOrgAndJob);
		$('#ToOrgID').val(orgAndJobJson.Job_OrgID);
		$('#ToOrgName').val(orgAndJobJson.Job_OrgName); 
		$('#ToJobID').val(orgAndJobJson.Job_ID);
		$('#ToJobName').val(orgAndJobJson.Job_Name); 		
	} 
	
}
//选择会签人员
function setSignOrg()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		var checkUser = [];
    	var userArr = zTreeObj.getCheckedNodes(); //获取选中数组集合
    	if(userArr.length>0)
    	{
    		userArr.forEach(function(item,index){
    			 			if(item.istype)
    			 			{
    				 				checkUser.push(item.id);
    			 			}
    					})
    	}
    	setSignOrgAndJob(checkUser);
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var jobN = data.Job;
    		jobN.forEach(function(item,index){
    	 		 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    	 	})
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    	  	var jobN = data.Job;
    	  	if(jobN!=null)
    	  	{
    	  		jobN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#SignUserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#signOrgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
 
}
function setOrgJob()
{
	var transactType=$("#TransactType").val();
	 
	if(transactType=='会签')
	{
		setSignOrg();
	}
	else
	{
		if(transactType=='审批')
		{
			setRatifyOrg();
		}
		else
		{
			if(transactType=='转办')
			{
				setZBOrgUser();
			}
			else
			{
				setOrg();
			}
		}
		
	}
}
 
function setNoReturnCause()
{		
	if($('#IsReturnFlag').is(':checked')) 
	{
		$("#IsReturn").val("回访");
		$("#IsReturnRemark").attr('placeholder',"请填写回访要求");
	}
	else
	{
		$("#IsReturn").val("不回访");
		$("#IsReturnRemark").attr('placeholder',"请填写不回访原因");
	}
}
//播放录音
function openSound(filePath,fileName)
{	 
	fullOpen("${ctx}/myconsole/complaint/register/playSound?filePath="+filePath+"&fileName="+fileName);	
}


function setRatifyOrg()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		setRatifyOrgAndJob(treeNode.id,treeNode.name,treeNode.pId);			 
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var jobN = data.Job;
    		jobN.forEach(function(item,index){
    	 		 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    	 	})
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    	  	var jobN = data.Job;
    	  	if(jobN!=null)
    	  	{
    	  		jobN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#orgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
 
}
function setRatifyOrgAndJob(jobid,jobname,orgid)
{		 
	$('#orgModal').modal('hide');
	$('#form1').attr('action','${ctx}/myconsole/complaint/register/getOrgAndJob?Job_OrgID='+orgid+'&Job_ID='+jobid+'&Job_Name='+jobname); 	        
	$('#form1').ajaxSubmit(setRatifyOrgAndJobData); 	
}
function setRatifyOrgAndJobData(data)
{
	var ruleJson = JSON.parse(data);
	var flag=ruleJson.flag;	
	if(flag)
	{						
		var strToOrgAndJob=$('#ToOrgAndJob').val();
		if(strToOrgAndJob!='')
		{
			strToOrgAndJob=strToOrgAndJob+","
		}
		var strToOrgID=$('#ToOrgID').val();
		if(strToOrgID!='')
		{
			strToOrgID=strToOrgID+","
		}
		var strToOrgName=$('#ToOrgName').val();
		if(strToOrgName!='')
		{
			strToOrgName=strToOrgName+","
		}
		var strToJobID=$('#ToJobID').val();
		if(strToJobID!='')
		{
			strToJobID=strToJobID+","
		}
		var strToJobName=$('#ToJobName').val();
		if(strToJobName!='')
		{
			strToJobName=strToJobName+","
		}
		var strToFilialeOrgID=$('#ToFilialeOrgID').val();
		if(strToFilialeOrgID!='')
		{
			strToFilialeOrgID=strToFilialeOrgID+","
		}
		var strToFilialeOrgName=$('#ToFilialeOrgName').val();
		if(strToFilialeOrgName!='')
		{
			strToFilialeOrgName=strToFilialeOrgName+","
		}
		var strToCentreOrgID=$('#ToCentreOrgID').val();
		if(strToCentreOrgID!='')
		{
			strToCentreOrgID=strToCentreOrgID+","
		}
		var strToCentreOrgName=$('#ToCentreOrgName').val();
		if(strToCentreOrgName!='')
		{
			strToCentreOrgName=strToCentreOrgName+","
		}
		
		
		$('#ToOrgAndJob').val(strToOrgAndJob+ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name);
		$('#ToOrgID').val(strToOrgID+ruleJson.Job_OrgID);
		$('#ToOrgName').val(strToOrgName+ruleJson.Job_OrgName);
		$('#ToJobID').val(strToJobID+ruleJson.Job_ID);
		$('#ToJobName').val(strToJobName+ruleJson.Job_Name); 
		if(ruleJson.Job_OrgParentOrgType=="中支公司")
		{
			$('#ToCentreOrgID').val(strToCentreOrgID+ruleJson.Job_OrgParentID);
			$('#ToCentreOrgName').val(strToCentreOrgName+ruleJson.Job_OrgParentName);
		}
		if(ruleJson.Job_OrgParentOrgType=="分公司")
		{
			$('#ToFilialeOrgID').val(strToFilialeOrgID+ruleJson.Job_OrgParentID);
			$('#ToFilialeOrgName').val(strToFilialeOrgName+ruleJson.Job_OrgParentName);
		}
	} 	
}
//转办选人
function setZBOrgUser()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		setZBOrgAndUser(treeNode.id,treeNode.name);			 
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    		var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#orgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
		
}
function setZBOrgAndUser(userid,username)
{	
	$('#ToUserID').val(userid);
	$('#ToUserName').val(username);
	$('#ToOrgAndJob').val(username);
	$('#orgModal').modal('hide');
}

//预设流程开发
function getFlowNodeHandle(data)
{
	$("#FlowShow").empty();
	$("#FlowShow").append(data);
	$('#FlowModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
	var strFlowState="${FlowState!''}"; 
	if(strFlowState=="预设流程完成")
	{
		$("#FlowSetButton").attr("disabled",'disabled');
		$("#DoFlowNodeButton").attr("disabled",'disabled');	
	}
	else
	{
		$("#FlowSetButton").removeAttr('disabled');
		$("#DoFlowNodeButton").removeAttr('disabled');
	}
	 
}
function setFlowNode()
{
	if(doValidate(form2))
    {    	 
    		$('#form2').attr('action','${ctx}/myconsole/complaint/preinflow/setFlowNode'); 	            
    		$('#form2').ajaxSubmit(resultFlowNodeHandle);    		    	 
    }
}
function resultFlowNodeHandle(data){
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){	
			var strArrow="";
			if(res.FlowNode!="1")
			{
				strArrow="<div class='row' style='padding:5px'>"+
		    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    	"</div>"+
	    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' align=center>"+
					" <span class='glyphicon glyphicon-arrow-down'></span>	"+ 
			"</div>"+
			"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    	"</div>"+			 
		"</div>";
			}
			var strContent="";
			var strEditNode="<button type='button' class='btn btn-warning'  id='EditNodeButton'  onclick=editNode('"+res.NodeType+"','"+res.NodeUserID+"','"+res.NodeUserName+"','"+res.FlowNode+"')  ><span class='glyphicon glyphicon-pencil'></span></button>";
			if(res.NodeType=="审批")
			{
			 strContent="<div class='row' style='padding:5px' id=FlowNode_"+res.FlowNode+">"+
		    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    		"</div>"+
	    		"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' align=center>"+
					" <button type='button' class='btn btn-success' style='width:300px'>"+res.NodeUserName+"</button>	"+ 
				"</div>"+
				"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+strEditNode+
	    		"</div>"+			 
			"</div>";
			}
			else
			{
				strContent="<div class='row' style='padding:5px' id=FlowNode_"+res.FlowNode+">"+
		    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    		"</div>"+
	    		"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' align=center>"+
					" <button type='button' class='btn btn-info' style='width:300px'>"+res.NodeUserName+"</button>	"+ 
				"</div>"+
				"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+strEditNode+
	    		"</div>"+			 
			"</div>";
				
			}
			        var iFlowNode=parseInt(res.FlowNode);
			        iFlowNode=iFlowNode+1;
					$("#NodeType").val("");	
					$("#NodeUserName").val("");
					$("#FlowNode").val(iFlowNode);
					$("#FlowID").val(res.FlowID);
					$("#FlowShow").append(strArrow);
					$("#FlowShow").append(strContent);
					layer.closeAll('dialog');

				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
			}		     
	} 
}
//选择预设流程人员开始
function setOrgUser()
{
	var strNodeType=$("#NodeType").val();
	 
	if(strNodeType=='会签')
	{
		setSignUser();
	}
	else
	{		
		setOrgOneUser();		
	}
}
//选择会签人员
function setSignUser()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		var checkUserID = [];
		var checkUserName = [];
    	var userArr = zTreeObj.getCheckedNodes(); //获取选中数组集合
    	if(userArr.length>0)
    	{
    		userArr.forEach(function(item,index){
    			 			if(item.istype)
    			 			{
    			 				checkUserID.push(item.id);
    			 				checkUserName.push(item.name);
    			 			}
    					})
    	}
    	setSignOrgAndUser(checkUserID,checkUserName);
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    	  	var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#SignUserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#signOrgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
 
}
function setSignOrgAndUser(useridArr,usernameArr)
{	
	$('#NodeUserID').val(useridArr);
	$('#NodeUserName').val(usernameArr);	 
}
function setOrgAndUser(userid,username)
{	
	$('#NodeUserID').val(userid);
	$('#NodeUserName').val(username);
	$('#orgModal').modal('hide');
}
function setOrgOneUser()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		setOrgAndUser(treeNode.id,treeNode.name);			 
	};
	//异步获取数据
	function ajaxDataFilter(treeId, parentNode, data) {
		if(data == "") return;
    	var zNodes = [];
    	 	
    		var orgN = data.Org;
    		
    		orgN.forEach(function(item,index){
    				zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    	 var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	 
		return zNodes;
	}
	var setting = {  //初始化树
			check: {
				enable: true,
				chkboxType: { "Y" : "", "N" : "" },
				autoCheckTrigger: true
			},
            data: {
                simpleData: {
                	idKey:"id",
                    pIdKey:"pId",
                    enable:true,
                    rootPId:"0"
                }
            },
            callback: {
            	onCheck: zTreeChecked
			},
            async:{
            	enable:true,
            	url:"${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree",
            	autoParam:["id", "name"] ,
            	dataFilter: ajaxDataFilter

            }
        };

	//初始化获取数据
	$.ajax({    
	    url : "${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?name=init",
	    type : "post",  
	    dataType : "json",  
	    success : function(data) {
	    	if(data == "") return;
	    	var zNodes = [];
    		var orgN = data.Org;
    		if(orgN!=null)
    		{
    			orgN.forEach(function(item,index){
    			zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true});
    		})
    		}	 
    		var userN = data.User;
    	  	if(userN!=null)
    	  	{
    	  		userN.forEach(function(item,index){    	  		
    			 zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false});
    		})
    	  	}
    	  	
    	  	
    		zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时，添加同步获取的数据  
	    }  
	});  
	$('#orgModal').modal({
		 backdrop: 'static',
		 keyboard: false
		}) 
		
}
function setFlowOK()
{
	$('#form2').attr('action','${ctx}/myconsole/complaint/preinflow/setFlowOK'); 	            
	$('#form2').ajaxSubmit(resultFlowOKHandle);    
}
function resultFlowOKHandle(data){
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){	
					$("#FlowOK").val("true");
					layer.closeAll('dialog');
					$('#FlowModal').modal('hide');

				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
			}		     
	} 
}
function editNode(strNodeType,strNodeUserID,strNodeUserName,strFlowNode)
{
	$("#NodeType").val(strNodeType);	
	$("#NodeUserName").val(strNodeUserName);
	$("#NodeUserID").val(strNodeUserID);
	$("#FlowNode").val(strFlowNode);
	$("#DoFlowNodeButton").attr("onclick","editFlowNode()"); 
	
	
}
function editFlowNode()
{
	if(doValidate(form2))
    {    	 
    		$('#form2').attr('action','${ctx}/myconsole/complaint/preinflow/editFlowNode'); 	            
    		$('#form2').ajaxSubmit(resultEditFlowNodeHandle);    		    	 
    }
}
function resultEditFlowNodeHandle(data){
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){	
			 
			var strContent="";
			var strEditNode="<button type='button' class='btn btn-warning'  id='EditNodeButton'  onclick=editNode('"+res.NodeType+"','"+res.NodeUserID+"','"+res.NodeUserName+"','"+res.FlowNode+"')  ><span class='glyphicon glyphicon-pencil'></span></button>";
			if(res.NodeType=="审批")
			{
			 strContent="<div class='row' style='padding:5px' id=FlowNode_"+res.FlowNode+">"+
		    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    		"</div>"+
	    		"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' align=center>"+
					" <button type='button' class='btn btn-success' style='width:300px'>"+res.NodeUserName+"</button>	"+ 
				"</div>"+
				"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+strEditNode+
	    		"</div>"+			 
			"</div>";
			}
			else
			{
				strContent="<div class='row' style='padding:5px' id=FlowNode_"+res.FlowNode+">"+
		    	"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+
	    		"</div>"+
	    		"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' align=center>"+
					" <button type='button' class='btn btn-info' style='width:300px'>"+res.NodeUserName+"</button>	"+ 
				"</div>"+
				"<div class='col-xs-4 col-sm-4 col-md-4 col-lg-4' >"+strEditNode+
	    		"</div>"+			 
			"</div>";
				
			}
			        
					$("#NodeType").val("");	
					$("#NodeUserName").val("");
					$("#FlowNode_"+res.FlowNode).empty(); 
					$("#FlowNode_"+res.FlowNode).append(strContent);
					
					var strFlowOK=$("#FlowOK").val();
					if(strFlowOK!="true")
					{
						$("#DoFlowNodeButton").attr("onclick","setFlowNode()"); 
					}
					
					layer.closeAll('dialog');

				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
			}		     
	} 
}

//根据原因分析一级分类取二级分类
function setReasonAnalyseID2()
{	
	var idData=$('#ReasonAnalyseID1').val();
	if(idData!='')
	{
		var nameData=$("#ReasonAnalyseID1").find("option:selected").text();
		$("#ReasonAnalyseName1").val(nameData);
		$('#form1').attr('action','${ctx}/myconsole/complaint/transact/getReasonAnalyseID2Data?ParentID='+idData); 	        
		$('#form1').ajaxSubmit(setReasonAnalyseID2Data);  		
	}
	else
	{
		$("#ReasonAnalyseID2").empty();
		$("#ReasonAnalyseName1").val("");
	}
}
//回写办理结果二级分类字典数据
function setReasonAnalyseID2Data(data){	
	$("#ReasonAnalyseID2").empty();
	$("#ReasonAnalyseID2").append("<option value=''>请选择</option>");
	$("#ReasonAnalyseID2").append(data);  	 
}
function setReasonAnalyseName2()
{
	var idData=$('#ReasonAnalyseID2').val();
	
	if(idData!='')
	{
		var nameData=$("#ReasonAnalyseID2").find("option:selected").text();
		$("#ReasonAnalyseName2").val(nameData);	
	}
	else
	{
		$("#ReasonAnalyseName2").val("");
	}
}
function setDutyInfo()
{
	var strDutyType=$('#DutyType').val();
	if(strDutyType=='追责')
	{
		$("#DutyTypeDIV1").show();
		$("#DutyTypeDIV2").show();
		$("#DutyTypeDIV3").show();
		$("#DutyTypeDIV4").show();
		$("#DutyTypeDIV5").show();
		$("#DutyTypeDIV6").show();
		$("#DutyTypeDIV7").show();
		$("#DutyTypeDIV8").show();
		$("#DutyTypeDIV9").show();
		$("#DutyTypeDIV10").show();
		
		$("#DutyPart").attr("vmode","not null");
		$("#PursuePart").attr("vmode","not null");
		$("#PursueType").attr("vmode","not null");
		$("#PursueResult").attr("vmode","not null");
		$("#RectifyStep").attr("vmode","not null");
		$("#RectifyInfo").attr("vmode","not null");
		$("#DutyInfo").attr("vmode","not null");
	}
	else
	{
		$("#DutyTypeDIV1").hide();
		$("#DutyTypeDIV2").hide();
		$("#DutyTypeDIV3").hide();
		$("#DutyTypeDIV4").hide();
		$("#DutyTypeDIV5").hide();
		$("#DutyTypeDIV6").hide();
		$("#DutyTypeDIV7").hide();
		$("#DutyTypeDIV8").hide();
		$("#DutyTypeDIV9").hide();
		$("#DutyTypeDIV10").hide();
		$("#DutyPart").attr("vmode","");
		$("#PursuePart").attr("vmode","");
		$("#PursueType").attr("vmode","");
		$("#PursueResult").attr("vmode","");
		$("#RectifyStep").attr("vmode","");
		$("#RectifyInfo").attr("vmode","");
		$("#DutyInfo").attr("vmode","");
	}
} 


//根据一级投诉类型设置二级投诉类型
function setAppealAffiliationID2()
{
	var AppealAffiliationID1=$('#AppealAffiliationID1').val();
	var nameData="";
	if(AppealAffiliationID1!='')
	{
	    nameData=$("#AppealAffiliationID1").find("option:selected").text();
		$("#AppealAffiliationName1").val(nameData);	
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getAppealAffiliation2Data?ParentID='+AppealAffiliationID1); 	        
		$('#form1').ajaxSubmit(setAppealAffiliation2Data);    
	}
	else
	{
		$("#AppealAffiliationID2").empty(); 
	}
}
//回写投诉类型二类字典数据
function setAppealAffiliation2Data(data){	
	$("#AppealAffiliationID2").empty();  
	$("#AppealAffiliationID2").append("<option value=''>请选择</option>");
	$("#AppealAffiliationID2").append(data);  	 
}
//根据二级投诉类型设置三级投诉类型
function setAppealAffiliation2Name(){
	var strAppealAffiliationID2=$('#AppealAffiliationID2').val();
	var nameData="";
	if(strAppealAffiliationID2!='')
	{
	    nameData=$("#AppealAffiliationID2").find("option:selected").text();
		$("#AppealAffiliationName2").val(nameData);	
	}
	else
	{
		$("#AppealAffiliationName2").val("");
	}
	
}

function isReturn()
{
	var strIsReturn=$('#IsReturn').val();
	if(strIsReturn=='是')
	{
		$("#ReturnMode").attr("vmode","not null");
		$("#ReturnModeLable1").addClass("has-error has-feedback");
		$("#ReturnModeLable2").addClass("has-error has-feedback");
	}
	else
	{
		$("#ReturnMode").attr("vmode","");
		$("#ReturnModeLable1").removeClass("has-error has-feedback");
		$("#ReturnModeLable2").removeClass("has-error has-feedback");
	}
}

function showCompactDetail(strPolicyNumber)
{
	
	var obj=$("input[name='compact.PolicyNumber']"); 
	var strSelectedPolicyNumber="";
    var flag="1";
    for(k in obj)
    {
        if(obj[k].value==strPolicyNumber)
        {
        	 
        		$('#compactPolicyNumber').val(obj[k].value);
        		$('#compactPolicyLocation').val($("input[name='compact.PolicyLocation']")[k].value);
            	$('#compactIsSelfInsurance').val($("input[name='compact.IsSelfInsurance']")[k].value);
            	$('#compactIsMutualInsurance').val($("input[name='compact.IsMutualInsurance']")[k].value); 
            	 
            	
            	$('#compactAppntName').val($("input[name='compact.AppntName']")[k].value);
            	$('#compactAppntMobile').val($("input[name='compact.AppntMobile']")[k].value);
            	$('#compactAppntIDType').val($("input[name='compact.AppntIDType']")[k].value);
            	$('#compactAppntCustomerId').val($("input[name='compact.AppntCustomerId']")[k].value); 
            	 
            	$('#compactInsuredName').val($("input[name='compact.InsuredName']")[k].value);
            	$('#compactInsuredMobile').val($("input[name='compact.InsuredMobile']")[k].value);
            	$('#compactInsuredIDType').val($("input[name='compact.InsuredIDType']")[k].value);
            	$('#compactInsuredCustomerId').val($("input[name='compact.InsuredCustomerId']")[k].value);
            	
            	$('#compactRiskName').val($("input[name='compact.RiskName']")[k].value);
            	$('#compactRealSign').val($("input[name='compact.RealSign']")[k].value);
            	$('#compactBeginDate').val($("input[name='compact.BeginDate']")[k].value);
            	$('#compactSaleChnlName').val($("input[name='compact.SaleChnlName']")[k].value); 
            	
            	$('#compactPeriodTotalAmount').val($("input[name='compact.PeriodTotalAmount']")[k].value);
            	$('#compactSumPrem').val($("input[name='compact.SumPrem']")[k].value);
            	$('#compactPayYear').val($("input[name='compact.PayYear']")[k].value);
            	$('#compactPayPeriods').val($("input[name='compact.PayPeriods']")[k].value);
            	
            	$('#compactBankingOutlets').val($("input[name='compact.BankingOutlets']")[k].value);
            	$('#compactOperatorName').val($("input[name='compact.OperatorName']")[k].value);
            	$('#compactIsOnJob').val($("input[name='compact.IsOnJob']")[k].value);
            	$('#compactIsDoubleInput').val($("input[name='compact.IsDoubleInput']")[k].value);
            	 
        	
        }            	
    } 
	
	if(flag=="1"){
		$('#CompactDetailModal').modal({
			 backdrop: 'static',
			 keyboard: false
			}) 
	}else{
		$('#CompactInputModaldetail').modal({
			 backdrop: 'static',
			 keyboard: false
			}) 
	}
	
}
function closeCompactDetail()
{	 
	$('#CompactDetailModal').modal('hide');
}

</script>
 
<title>客诉件办理</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body  >
 
<form    id="form1" method="post" class="form-horizontal" role="form">
<div style="display: none">
        <input type="hidden" id="Modal_Main" name="Modal_Main" value="transact"/>
        <input type="hidden" id="UndertakeKeyID" name="UndertakeKeyID" value="${undertakeKeyID!''}"/>  
        <input type="hidden" id="CurDate" name="CurDate" value="${curDate!''}"/>
        <input type="hidden" id="AppealID" name="AppealID" value="${appealID!''}"/>        
        <input type="hidden" id="Modal_PersonID" name="Modal_PersonID" value=""/>
        <input type="hidden" id="Modal_AppealID" name="Modal_AppealID" value=""/>
        <input type="hidden" id="Modal_PersonRepeatFlag" name="Modal_PersonRepeatFlag" value=""/>        
        <input type="hidden" id="LastDoLeaderTransactDate" name="LastDoLeaderTransactDate" value="${LastDoLeaderTransactDate!''}"/>
        <input type="hidden" id="AlreadySignInfo" name="AlreadySignInfo" value="${AlreadySignInfo!''}"/>
        
        <input type="hidden" id="PersonID" name="person.PersonID" value="${person.PersonID!''}"/>
         
        <input type="hidden" id="transact.KeyID" name="transact.KeyID" value="${transact.KeyID!''}"/>
        
        <input type="hidden" id="ProvinceName" name="person.ProvinceName" value="${person.ProvinceName!''}"/>
        <input type="hidden" id="AreaName" name="person.AreaName" value="${person.AreaName!''}"/>
        <input type="hidden" id="CountyName" name="person.CountyName" value="${person.CountyName!''}"/>
        
        <input type="hidden" id="appealDoState" name="appeal.DoState" value="${appeal.DoState!''}"/>
        <input type="hidden" id="ForeignKeyID" name="appeal.ForeignKeyID" value="${appeal.ForeignKeyID!''}"/>
        <input type="hidden" id="appealInsceTypeName1" name="appeal.InsceTypeName1" value="${appeal.InsceTypeName1!''}"/>
        <input type="hidden" id="appealInsceTypeName2" name="appeal.InsceTypeName2" value="${appeal.InsceTypeName2!''}"/>
        <input type="hidden" id="appealInsceTypeName3" name="appeal.InsceTypeName3" value="${appeal.InsceTypeName3!''}"/>  
        <input type="hidden" id=appealRepcomplaints name="appeal.Repcomplaints" value="${appeal.Repcomplaints!''}"/>
        <input type="hidden" id="appealRepcomplaintsNum" name="appeal.RepcomplaintsNum" value="${appeal.RepcomplaintsNum!''}"/>
        <input type="hidden" id="appealEndAppealDate" name="appeal.EndAppealDate" value="${appeal.EndAppealDate!''}"/>
        <input type="hidden" id="appealComplaintTypeName1" name="appeal.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/>
        <input type="hidden" id="appealComplaintTypeName2" name="appeal.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/>              
        <input type="hidden" id="appealReasonName1" name="appeal.ReasonName1" value="${appeal.ReasonName1!''}"/>
        <input type="hidden" id="appealReasonName2" name="appeal.ReasonName2" value="${appeal.ReasonName2!''}"/>
        <input type="hidden" id="appealReasonName3" name="appeal.ReasonName3" value="${appeal.ReasonName3!''}"/>                
        <input type="hidden" id="appealAskTypeName1" name="appeal.AskTypeName1" value="${appeal.AskTypeName1!''}"/>
        <input type="hidden" id="appealAskTypeName2" name="appeal.AskTypeName2" value="${appeal.AskTypeName2!''}"/>
        <input type="hidden" id="appealAskTypeName3" name="appeal.AskTypeName3" value="${appeal.AskTypeName3!''}"/>         
        <input type="hidden" id="RespondentNumber" name="appeal.RespondentNumber" value="${appeal.RespondentNumber!''}"/>
        <input type="hidden" id="AskTimeBlockName" name="appeal.AskTimeBlockName" value="${appeal.AskTimeBlockName!''}"/>
        
        <input type="hidden" id="NotTallyInfo" name="appeal.NotTallyInfo" value="${appeal.NotTallyInfo!''}"/>
        <input type="hidden" id="NotTallyState" name="appeal.NotTallyState" value="${appeal.NotTallyState!''}"/>
        <input type="hidden" id="NotTallyPay" name="appeal.NotTallyPay" value="${appeal.NotTallyPay!''}"/>
        <input type="hidden" id="NotTallyCorrect" name="appeal.NotTallyCorrect" value="${appeal.NotTallyCorrect!''}"/>
        <input type="hidden" id="NotTallyClaims" name="appeal.NotTallyClaims" value="${appeal.NotTallyClaims!''}"/>
        <input type="hidden" id="NotTallyOther" name="appeal.NotTallyOther" value="${appeal.NotTallyOther!''}"/>
         
        <input type="hidden" id="RespondentModel" name="RespondentModel" value=""/>  
        <input type="hidden" id="FilialeID" name="appeal.FilialeID" value="${appeal.FilialeID!''}"/>
        <input type="hidden" id="CentreCompanyID" name="appeal.CentreCompanyID" value="${appeal.CentreCompanyID!''}"/>     
        <input type="hidden" id="FilialeName" name="appeal.FilialeName" value="${appeal.FilialeName!''}"/>
        <input type="hidden" id="CentreCompanyName" name="appeal.CentreCompanyName" value="${appeal.CentreCompanyName!''}"/>
        <input type="hidden" id="BusinessHallName" name="appeal.BusinessHallName" value="${appeal.BusinessHallName!''}"/>
        
        <input type="hidden" id="AppealID" name="transact.AppealID" value="${appealID!''}"/>
        <input type="hidden" id="PersonID" name="transact.PersonID" value="${person.PersonID!''}"/>
        <input type="hidden" id="TName" name="transact.TName" value="${person.TName!''}"/>
        <input type="hidden" id="LinkTel1" name="transact.LinkTel1" value="${person.LinkTel1!''}"/>
        <input type="hidden" id="SerialNumber" name="transact.SerialNumber" value="${appeal.SerialNumber!''}"/>
        <input type="hidden" id="AppealDate" name="transact.AppealDate" value="${appeal.AppealDate!''}"/>
        
        <input type="hidden" id="AppealType" name="transact.AppealType" value="${appeal.AppealType!''}"/>
        <input type="hidden" id="AppealSource" name="transact.AppealSource" value="${appeal.AppealSource!''}"/>
        
        <input type="hidden" id="LimitEndDate" name="transact.LimitEndDate" value="${appeal.LimitEndDate!''}"/>
        <input type="hidden" id="transactDoState" name="transact.DoState" value=""/>
        <input type="hidden" id="TransactOrgID" name="transact.TransactOrgID" value="${user.OrgID}"/>
        <input type="hidden" id="TransactOrgName" name="transact.TransactOrgName" value="${user.OrgName}"/>
        <input type="hidden" id="TransactUserID" name="transact.TransactUserID" value="${user.UserID}"/>
        <input type="hidden" id="TransactUserName" name="transact.TransactUserName" value="${user.UserName}"/>
        <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/>
        
        <input type="hidden" id="ToFilialeOrgID" name="transact.ToFilialeOrgID" value=""/>
        <input type="hidden" id="ToFilialeOrgName" name="transact.ToFilialeOrgName" value=""/>        
        <input type="hidden" id="ToCentreOrgID" name="transact.ToCentreOrgID" value=""/>
        <input type="hidden" id="ToCentreOrgName" name="transact.ToCentreOrgName" value=""/>
                
		<input type="hidden" id="ToOrgID" name="transact.ToOrgID" value=""/> 
		<input type="hidden" id="ToOrgName" name="transact.ToOrgName" value=""/>
		<input type="hidden" id="ToJobID" name="transact.ToJobID" value=""/>
        <input type="hidden" id="ToJobName" name="transact.ToJobName" value=""/>
        
        <input type="hidden" id="ToUserID" name="transact.ToUserID" value=""/>
        <input type="hidden" id="ToUserName" name="transact.ToUserName" value=""/>
		
		<input type="hidden" id="ComplaintTypeName1" name="transact.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/>
        <input type="hidden" id="ComplaintTypeName2" name="transact.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/>              
        <input type="hidden" id="ReasonName1" name="transact.ReasonName1" value="${appeal.ReasonName1!''}"/>
        <input type="hidden" id="ReasonName2" name="transact.ReasonName2" value="${appeal.ReasonName2!''}"/>
        <input type="hidden" id="ReasonName3" name="transact.ReasonName3" value="${appeal.ReasonName3!''}"/>                
        <input type="hidden" id="AskTypeName1" name="transact.AskTypeName1" value="${appeal.AskTypeName1!''}"/>
        <input type="hidden" id="AskTypeName2" name="transact.AskTypeName2" value="${appeal.AskTypeName2!''}"/>
        <input type="hidden" id="AskTypeName3" name="transact.AskTypeName3" value="${appeal.AskTypeName3!''}"/>    
		<input type="hidden" id="UpdateInfo" name="transact.UpdateInfo" value=""/>
		
		<input type="hidden" id="EndResultName1" name="transact.EndResultName1" value=""/>
        <input type="hidden" id="EndResultName2" name="transact.EndResultName2" value=""/> 
        <input type="hidden" id="transactAppealState" name="transact.AppealState" value="办理"/>
        <input type="hidden" id="transactNewFlag" name="transact.NewFlag" value="true"/>
        
        <input type="hidden" id="FlowID" name="transact.FlowID" value="${transact.FlowID!''}"/>
        <input type="hidden" id="FlowOK" name="undertake.FlowOK" value="${FlowOK!''}"/>
		<input type="hidden" id="ReasonAnalyseName1" name="transact.ReasonAnalyseName1" value=""/>
        <input type="hidden" id="ReasonAnalyseName2" name="transact.ReasonAnalyseName2" value=""/> 
        
        <input type="hidden" id="DutyState" name="duty.DutyState" value="待认定"/>
        <input type="hidden" id="PersonID" name="duty.PersonID" value="${person.PersonID!''}"/>
        <input type="hidden" id="appealLinkTel1" name="duty.LinkTel1" value="${person.LinkTel1!''}"/>
        <input type="hidden" id="TName" name="duty.TName" value="${appeal.TName!''}"/>
        <input type="hidden" id="SerialNumber" name="duty.SerialNumber" value="${appeal.SerialNumber!''}"/>        
        <input type="hidden" id="FilialeID" name="duty.FilialeID" value="${appeal.FilialeID!''}"/>
        <input type="hidden" id="FilialeName" name="duty.FilialeName" value="${appeal.FilialeName!''}"/>
        
         
        <input type="hidden" id="dutyAppealDate" name="duty.AppealDate" value="${appeal.AppealDate!''}"/>
        <input type="hidden" id="dutyLimitEndDate" name="duty.LimitEndDate" value="${appeal.LimitEndDate!''}"/>
        <input type="hidden" id="dutyAppealType" name="duty.AppealType" value="${appeal.AppealType!''}"/>
        <input type="hidden" id="dutyAppealSource" name="duty.AppealSource" value="${appeal.AppealSource!''}"/>
        
        <input type="hidden" id="ToOrgAndJob" name="transact.ToOrgAndJob"  >
        
        <input type="hidden" id="AppealAffiliationName1" name="result.AppealAffiliationName1"  >
        <input type="hidden" id="AppealAffiliationName2" name="result.AppealAffiliationName2"  >
        
        <input type="hidden" id="FileSelectFlag" name="FileSelectFlag" value="true"/>
        
        <input type="hidden" id="transactArriveTime" name="ArriveTime" value="${curDateTime}"/>
		
		 
</div>
<div class="container-fluid" style="margin-top:15px;">

<div class="panel panel-primary">
  <div class="panel-heading">
      	<div  style="display:inline;" >客户信息 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapsePerson"><span  id="PersonCollapseIcon"  onClick="setCollapseIcon('PersonCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapsePerson" class="panel-collapse collapse in">
  <div class="panel-body" style="font-size:14px">
    
    <div class="row" style="padding:5px" >	      
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="TName" >姓名</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" >
				<input type="text" class="form-control" value="${person.TName!''}" id="TName" name="person.TName" readonly>
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="CardType">证件类型</label></div>	
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >
				<input type="text" class="form-control" value="${person.CardType!''}" readonly>
			</div> 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="IDCard">证件号码</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >
				<input type="text" class="form-control"     value="${person.IDCard!''}"  placeholder="" id="IDCard" name="person.IDCard"  readonly>				
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1"  align=left>
				<label class="control-label" for="TSex" style="text-align:left;width:100%" >性别</label></div>	
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >
				<input type="text" class="form-control"   value="${person.TSex!''}"    readonly>
			</div> 	        		
	</div>
	<div class="row" style="padding:5px">		        
 			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="Birthday">出生日期</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
				<input type="text" class="form-control" value="${person.Birthday!''}" readonly>
						                            
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="Age">投诉时年龄</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
				<input type="text" class="form-control"  value="${appeal.Age!''}" readonly >                            
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="LinkTel1">联系电话1</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
			   <input type="text" class="form-control"     value="${person.LinkTel1!''}"  id="LinkTel1" name="person.LinkTel1"   maxlength="20"  readonly>	
			</div>			
            <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
            	<label class="control-label" for="LinkTel2">联系电话2</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${person.LinkTel2!''}"    readonly>			 
			</div>			
	</div>	 
	<div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ProvinceID">省</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control" value="${person.ProvinceName!''}" readonly>	
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AreaID">地市</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control" value="${person.AreaName!''}" readonly>	
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="CountyID">区县</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
			    <input type="text" class="form-control" value="${person.CountyName!''}" readonly>					
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="TownAddress" title="详细地址">详细地址</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">	
				<input type="text" class="form-control"    value="${person.TownAddress!''}" readonly>						 
			</div>
	</div>
	<div class="row" style="padding:5px">			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="Postalcode">邮编</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${person.Postalcode!''}" readonly>			 
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="EMail">电子邮箱</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${person.EMail!''}" readonly>			 
			</div> 	 	  			 
           <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="StatusName">客户身份</label>
           </div>
		   <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" >
		   		<input type="text" class="form-control" value="${person.StatusName!''}" readonly>
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="TiesName">与投保人关系</label>
           </div>
		   <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" >
		   		<input type="text" class="form-control" value="${person.TiesName!''}" readonly>
			</div> 	
	</div>			 
     
 </div>
</div>
</div>	
 
${compactInfoList!''} 

<div class="panel panel-info">
<div class="panel-heading">
      	<div  style="display:inline;" >被诉人信息 &nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseRespondent"><span  id="RespondentCollapseIcon"  onClick="setCollapseIcon('RespondentCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a> &nbsp;&nbsp;&nbsp;&nbsp;</div>		
</div>
<div id="collapseRespondent" class="panel-collapse collapse in"> 
  <div class="panel-body" style="font-size:14px" id=ComplainPersonObj>
  	
  	<div class="row" style="padding:5px"  id="respondent_2" >
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="FilialeID">被诉机构</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				 <input type="text" class="form-control"    value="${appeal.FilialeName!''}" readonly >                
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="CentreCompanyID">三级机构</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.CentreCompanyName!''}" readonly >                          
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="CentreCompanyID">四级机构</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.CompanyName4!''}" readonly >                           
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RespondentName">姓名</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"   value="${appeal.RespondentName!''}" readonly  >
			</div>  
	</div>	   
</div>
</div>
</div>		
	 
<div class="panel panel-warning">
  <div class="panel-heading">
      	<div  style="display:inline;" >客诉事项信息 &nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseAppeal"><span  id="AppealCollapseIcon"  onClick="setCollapseIcon('AppealCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseAppeal" class="panel-collapse collapse in">

  <div class="panel-body" style="font-size:14px">
     <div class="row" style="padding:5px">
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="Question"  style="line-height:100px;">事由</label>
			</div>
			<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
				<textarea class="form-control" rows="5"   id="Question" name="appeal.Question"   maxlength="2000"  readonly>${appeal.Question!''}</textarea>							 
			</div>			 
	  </div>
	  <div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label"  >诉求类别</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control"   value="${appeal.AskTypeName1!''}" readonly >						 
			</div>		
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label"  >具体诉求</label>
			</div>
			<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 has-error has-feedback">
				<input type="text" class="form-control"   value="${appeal.AskInfo!''}" readonly >						 
			</div>			 
	  </div>
	  <div class="row" style="padding:5px">
	        <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="InsceTypeID1">险种类别</label>
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.InsceTypeName1!''}" readonly>               
			</div>		
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="InsceTypeID2">二级类别</label>
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.InsceTypeName2!''}" readonly>                     
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="InsceTypeID3">三级类别</label>
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.InsceTypeName3!''}" readonly>                   
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="InsceTypeID3">监管编号</label>
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 ">
				<input type="text" class="form-control" value="${appeal.ForeignKeyID!''}" readonly>                   
			</div> 
	  </div>	 
	  <div class="row" style="padding:5px">
	        <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="AppealType">客诉类别</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.AppealType!''}" readonly>
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="AppealSourceID">投诉来源</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.AppealSource!''}" readonly>
			</div>
	        <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="AppealDate">投诉时间</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" id="AppealDate" name="appeal.AppealDate"   value="${appeal.AppealDate!''}" readonly>          
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="AcceptDate">受理时间</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.AcceptDate!''}" readonly>                   
			</div>			 
	</div>	 
	<div class="row" style="padding:5px"   >			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="ComplaintTypeID1">投诉分级</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.ComplaintTypeName1!''}" readonly>                        
			</div>		
			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"  >紧急程度</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control" value="${appeal.UrgentLevel!''}" readonly>                       
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="IsGroup">是否群诉</label>
           </div>
		   <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" >
		   		<input type="text" class="form-control"    value="${appeal.IsGroup!''}" readonly>
			</div>				
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ComplaintPersonNum">投诉人数量</label>
			</div> 
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control" value="${appeal.ComplaintPersonNum!''}" readonly>                       
			</div> 
	</div>	
	<div class="row" style="padding:5px"  >			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="ReasonID1">投诉原因</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.ReasonName1!''}" readonly>                       
			</div> 	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="ReasonID2">二级原因</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<input type="text" class="form-control" value="${appeal.ReasonName2!''}" readonly>                         
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="ReasonID3">三级原因</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
				<input type="text" class="form-control" value="${appeal.ReasonName3!''}" readonly>                          
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ReasonID4">四级原因</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control" value="${appeal.ReasonName4!''}" readonly>                          
			</div>			
	</div>
	<div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AskInfo">热词</label>
			</div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
				<input type="text" class="form-control"   value="${appeal.HotWord!''}" readonly>						 
			</div>			 
	</div>	  
	<div class="row" style="padding:5px"  >			 
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="LimitDays">办理时限</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<div class="input-group">
                     <input type="text" class="form-control"    value="${appeal.LimitDays!''}" placeholder="" id="LimitDays" name="appeal.LimitDays"    readonly>
                     <span class="input-group-addon" id="basic-addon2">${appeal.LimitDaysType!''}</span>
                </div>							 
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="LimitEndDate">截止日期</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
					<input type="text" class="form-control"    value="${appeal.LimitEndDate!''}"  id="LimitEndDate" name="appeal.LimitEndDate" readonly>                                	   
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ViseTimes">督办次数</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
					<input type="text" class="form-control"    value="${appeal.ViseTimes!''}"  id="ViseTimes" name="appeal.ViseTimes" readonly>                                	   
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RepcomplaintsNum">并案次数</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
					<input type="text" class="form-control"    value="${appeal.RepcomplaintsNum!''}"  id="RepcomplaintsNum" name="appeal.RepcomplaintsNum" readonly>                                	   
			</div>	 	
	</div>	 
</div>
</div>
</div>	


${soundPanel!''}

${subjoinPanel!''}
 
${transactList!''}

${researchInfo!''}
${opinionInfo!''} 
${draftInfo!''}
${endInfo!''}
${superviseEndInfo!''}
${archiveInfo!''} 


<div class="panel panel-primary">
<div class="panel-heading">
      	<div  style="display:inline;" >案件归档&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseDoArchive"><span  id="DoArchiveCollapseIcon"  onClick="setCollapseIcon('DoArchiveCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseDoArchive" class="panel-collapse collapse in">
   
  <div class="panel-body" style="font-size:14px">
        <div class="row" style="padding:5px;">
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="TransactIdea" style="line-height:100px;">归档意见</label>
			</div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
				<textarea class="form-control" rows="5"  maxlength="500"  id="TransactIdea" name="transact.TransactIdea"   vmode="not null" vdisp="办理意见"  vtype="string"></textarea>							 
			</div>			 
	</div>
	
	 <div class="row" style="padding:5px;"    >
	 		<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="DutyType">责任追究</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<select id="DutyType" name="duty.DutyType"   class="form-control"  onChange=setDutyInfo()  vmode="not null" vdisp="责任认定"  vtype="string">
				 	   <option value="">请选择</option>      
					   <option value="追责">追责</option>
					   <option value="不追责">不追责</option>  
					   <option value="待定">待定</option> 				 
				</select>
				<script type="text/javascript">$(function(){$("#DutyType").val("${duty.DutyType!''}");})</script>
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback"   id="DutyTypeDIV1" hidden  >
				<label class="control-label" for="DutyType">有责主体</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"   id="DutyTypeDIV2" hidden >
				<select id="DutyPart" name="duty.DutyPart"     class="selectpicker show-tick form-control" multiple data-live-search="false"     vmode="not null" vdisp="有责主体"  vtype="string">
				 	   <option value=""></option>       
					   <option value="保险机构">保险机构</option>
					   <option value="业务合作机构">业务合作机构</option>  
					   <option value="服务合作机构">服务合作机构</option> 
					   <option value="其他">其他</option>					 
				</select>
				<script type="text/javascript">$(function(){ var str="${duty.DutyPart!''}";if(str!=''){var arr=str.split(';');$('#DutyPart').selectpicker('val', arr);}})</script>
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback"    id="DutyTypeDIV3" hidden >
				<label class="control-label" for="PursuePart">追究主体</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"   id="DutyTypeDIV4" hidden >
				<select id="PursuePart" name="duty.PursuePart"     class="selectpicker show-tick form-control" multiple data-live-search="false"     vmode="not null" vdisp="追究主体"  vtype="string">
				 	   <option value=""></option>       
					   <option value="涉诉部门">涉诉部门</option>
					   <option value="运营客服">运营客服</option>  
					   <option value="合规风控">合规风控</option> 
					   <option value="其他">其他</option>					 
				</select>
				<script type="text/javascript">$(function(){ var str='${duty.PursuePart!''}';if(str!=''){var arr=str.split(';');$('#PursuePart').selectpicker('val', arr);}})</script>
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback"  id="DutyTypeDIV5" hidden>
				<label class="control-label" for="PursueResult">责任追究结果</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"  id="DutyTypeDIV6" hidden>
				<select id="PursueResult" name="duty.PursueResult"      class="form-control"    vmode="not null" vdisp="责任追究结果"  vtype="string">
				 	   <option value="">请选择</option>       
					   <option value="已完成">已完成</option>  
					   <option value="执行中">执行中</option> 
					   <option value="未执行">未执行</option>					 
				</select>
				<script type="text/javascript">$(function(){$("#PursueResult").val("${duty.PursueResult!''}");})</script>
			</div>
	 </div>
	 <div class="row" style="padding:5px;"     id="DutyTypeDIV7" hidden  >
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="PursueType">责任追究形式</label>
			</div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
				<select id="PursueType" name="duty.PursueType"     class="selectpicker show-tick form-control" multiple data-live-search="false"     vmode="not null" vdisp="责任追究形式"  vtype="string">
				 	   <option value=""></option>       
					   <option value="经济处罚">经济处罚</option>
					   <option value="扣分处罚">扣分处罚</option>  
					   <option value="降级处罚">降级处罚</option> 
					   <option value="书面批评教育">书面批评教育</option>
					   <option value="法律责任追究">法律责任追究</option>
					   <option value="解除或调整劳动合同或关系">解除或调整劳动合同或关系</option>
					   <option value="费用追回">费用追回</option>					 
				</select>
				<script type="text/javascript">$(function(){ var str='${duty.PursueType!''}';if(str!=''){var arr=str.split(';');$('#PursueType').selectpicker('val', arr);}})</script>
			</div>
			
	 </div>
	 
	 
	  <div class="row" style="padding:5px;"    id="DutyTypeDIV8" hidden    >
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="DutyInfo" >责任追究情况简述</label>
			</div>
			<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
				<textarea class="form-control" rows="5" value="" placeholder="" id="DutyInfo" name="duty.DutyInfo"   maxlength="600"   vmode="not null" vdisp="责任追究情况简述"  vtype="string">${duty.DutyInfo!''}</textarea>							 
			</div>			 
	</div>
	<div class="row" style="padding:5px;"     id="DutyTypeDIV9" hidden  >
			 
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="RectifyStep">涉诉问题整改措施</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				<select id="RectifyStep" name="duty.RectifyStep"      class="form-control"    vmode="not null" vdisp="涉诉问题整改措施"  vtype="string">
				 	   <option value="">请选择</option>       
					   <option value="制度规则流程优化">制度规则流程优化</option>  
					   <option value="系统修改或优化">系统修改或优化</option> 
					   <option value="人员培训">人员培训</option>
					   <option value="暂不整改">暂不整改</option>
					   <option value="无需整改">无需整改</option>
					   <option value="其他">其他</option>					 
				</select>
				<script type="text/javascript">$(function(){$("#RectifyStep").val("${duty.RectifyStep!''}");})</script>
			</div>
	 </div>
	 <div class="row" style="padding:5px;"     id="DutyTypeDIV10" hidden  >
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="RectifyInfo" >整改情况结果简述</label>
			</div>
			<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
				<textarea class="form-control" rows="5" value="" placeholder="" id="RectifyInfo" name="duty.RectifyInfo"   maxlength="600"   vmode="not null" vdisp="整改情况结果简述"  vtype="string">${duty.RectifyInfo!''}</textarea>							 
			</div>			 
	</div>
	<div class="row" style="padding:5px"       >
			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="SalesmanMoney" >业务员佣金追回金额</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 " >
				<div class="input-group">
                   <span class="input-group-addon">¥</span>
                  <input type="text" class="form-control"         id="SalesmanMoney" name="duty.SalesmanMoney"   vmode="" vdisp="业务员佣金追回金额"  vtype="float" >
                   <span class="input-group-addon">元</span>
                </div>  
				
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="LeaderMoney" >上级主管佣金追回金额</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 " >
				<div class="input-group">
                   <span class="input-group-addon">¥</span>
                  <input type="text" class="form-control"         id="LeaderMoney" name="duty.LeaderMoney"   vmode="" vdisp="上级主管佣金追回金额"  vtype="float" >
                   <span class="input-group-addon">元</span>
                </div>  
				
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="BankMoney" >银行手续费追回金额</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 " >
				<div class="input-group">
                   <span class="input-group-addon">¥</span>
                  <input type="text" class="form-control"         id="BankMoney" name="duty.BankMoney"   vmode="" vdisp="银行手续费追回金额"  vtype="float" >
                   <span class="input-group-addon">元</span>
                </div>  
				
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="ArrivalDate">追回时间</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
							<div class="input-group">
                                    <input type="text" class="form-control"    id="RecoverDate" name="duty.RecoverDate"  vmode="" vdisp="追回时间"  vtype="string"  readonly>
                                 	<div class="input-group-btn">
                                       <button type="button" class="btn btn-default" aria-label="Left Align"  onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'RecoverDate'})" title="选择追回时间">
                                         <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                                       </button>                                 
                                 	</div>
                            </div>          
			</div>
			 
	</div>
	<div class="row" style="padding:5px"   >
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="IllegalType" >违规违法</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" >
				<select id="IllegalType" name="result.IllegalType"  class="form-control"   vmode="" vdisp="违规违法"  vtype="string">
				 	   <option value=""></option>
				 	   <option value="否">否</option>
				 	   <option value="财务违规">财务违规</option> 
				 	    <option value="销售违规">销售违规</option>
				 	     <option value="违规违法其他">违规违法其他</option>      
				</select>
				 
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback"  >
				<label class="control-label" for="ComplianFlag">投诉件归属</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" id=EndResultID1Div>
				<select id="AppealAffiliationID1" name="result.AppealAffiliationID1" onChange="setAppealAffiliationID2()" class="form-control"   vmode="not null" vdisp="投诉件归属"  vtype="string">
				 	   <option value="">请选择</option>  
				 	    ${dic_appealaffiliation!''}    					        
				</select>
				<script type="text/javascript">$(function(){$("#AppealAffiliationID1").val("${result.AppealAffiliationID1!''}");})</script> 
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 "  >
				<label class="control-label" for="ComplianFlag">二级归属</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 "  >
				<select id="AppealAffiliationID2" name="result.AppealAffiliationID2" onChange="setAppealAffiliation2Name()" class="form-control"   vmode="" vdisp="二级归属"  vtype="string">
				 	   <option value="">请选择</option>  
				 	 ${dic_appealaffiliation2!''}    					        
				</select>
				<script type="text/javascript">$(function(){$("#AppealAffiliationID2").val("${result.AppealAffiliationID2!''}");})</script> 
				 
			</div>	
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1  has-error has-feedback" >
				<label class="control-label"    for="IsReturn">是否回访</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				 <select id="IsReturn" name="result.IsReturn"     onChange="isReturn()"      class="form-control"   vmode="not null" vdisp="是否回访"  vtype="string">
				 	   <option value="">请选择</option>  
				 	   <option value="是">是</option>     
					   <option value="否">否</option>     
				</select>
				<script type="text/javascript">$(function(){$("#IsReturn").val("${result.IsReturn!''}");})</script> 
			</div>
			  				 
	</div>  
	 <div class="row" style="padding:5px" >	        
		    
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1  has-error has-feedback"  id=ReturnModeLable1 >
				<label class="control-label"    for="ReturnMode">回访形式</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"  id=ReturnModeLable2 >
				 <select id="ReturnMode" name="result.ReturnMode"   class="form-control"   vmode="not null" vdisp="回访形式"  vtype="string">
				 	   <option value="">请选择</option>  
				 	   <option value="电话">电话</option>     
					   <option value="邮件">邮件</option>
					   <option value="见面">见面</option>      
				</select>
				<script type="text/javascript">$(function(){$("#ReturnMode").val("${result.ReturnMode!''}");})</script> 
			</div>
			
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1   id=ReturnModeLable3 >
				<label class="control-label"    for="IsReturnRemark">回访备注</label>
			</div>
			<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5  "  id=ReturnModeLable4 >
				 <input type="text" class="form-control"         id="IsReturnRemark" name="result.IsReturnRemark"   maxlength="60"  vmode="" vdisp="回访备注"  vtype="string" >
			</div>
			 
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1  has-error has-feedback" >
				<label class="control-label"    for="IsNolle">用户是否撤诉</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback">
				 <select id="IsNolle" name="result.IsNolle"   class="form-control"   vmode="not null" vdisp="用户是否撤诉"  vtype="string">
				 	   <option value="">请选择</option>  
				 	   <option value="是">是</option>     
					   <option value="否">否</option>      
				</select>
				<script type="text/javascript">$(function(){$("#IsNolle").val("${result.IsNolle!''}");})</script> 
			</div>						 			 
	</div>  
	 
</div>
</div>                  
</div>	
</form>

<div class="panel panel-default">
<div class="panel-heading">
      	<div  style="display:inline;" >资料附件&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseEndFile"><span  id="EndFileCollapseIcon"  onClick="setCollapseIcon('EndFileCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseEndFile" class="panel-collapse collapse in">
   
  <div class="panel-body" style="font-size:14px">
  
	  <div class="row" style="padding:5px">
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
			 
					<label class="control-label" for="FileAppealID">选择文件</label></div>								 
		<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11" >
							<input type="hidden" id="FileAppealID" name="FileAppealID" value="${appealID}"/>
							<input id="file-0a" class="file-loading" type="file" multiple data-min-file-count="1"   onchange=setSelectFile()>
							
							
			</div>			 
	</div>
</div>
</div>                  
</div>		
	
	
	<div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>					 
				<button type="button" class="btn btn-primary"  id="SubmitButton"  onclick=doSubmit()  ><span class="glyphicon glyphicon-save"></span>&nbsp;&nbsp;提&nbsp;&nbsp;&nbsp;&nbsp;交</button>					
			</div>
			 
	</div>  

</div> 

<!-- 流程设置模态框（Modal） -->
<div class="modal fade" id="FlowModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  role="document" style="width:1200px;">  
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" id="closed" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>				 
			</div>
			<div class="modal-body">
<form    id="form2" method="post" class="form-horizontal" role="form">
        <input type="hidden" id="FlowUndertakeKeyID" name="UndertakeKeyID" value="${undertakeKeyID!''}"/>  
        <input type="hidden" id="FlowAppealID" name="AppealID" value="${appealID!''}"/>
        <input type="hidden" id="NodeUserID" name="NodeUserID" value=""/>   
<div class="panel panel-success">
<div class="panel-heading">
      	<div  style="display:inline;" >预设流程 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseFlow"><span  id="FlowCollapseIcon"  onClick="setCollapseIcon('FlowCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseFlow" class="panel-collapse collapse in">  
<div class="panel-body" style="font-size:14px">
    <div class="row" style="padding:5px">
    		<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ReasonID1" style="padding-top:5px">节点类型</label>
			</div>
			<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
							<select id="NodeType" name="NodeType"   class="form-control"   vmode="not null" vdisp="节点类型"  vtype="string">
				 	           <option value="">请选择</option>
				 	           <option value="审批">审批</option>
					           <option value="会签">会签</option> 
				              </select> 
				                                      
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ReasonID1" style="padding-top:5px">所选人员</label>
			</div> 
			<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5" >
					<div class="input-group">
                             <input type="text" class="form-control"    value="" placeholder="所选人员" id="NodeUserName" name="NodeUserName"  vmode="not null" vdisp="所选人员"  vtype="string" readonly>
                              <div class="input-group-btn">
                                     <button type="button" class="btn btn-default" aria-label="Left Align" onclick="setOrgUser()"  id="ButtonToOrgInfo"   title="选择案件接收人">
                                         <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                     </button>                                 
                              </div>
                 </div>	
					 
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ReasonID1" style="padding-top:5px">节点顺序</label>
			</div>		 
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >
					<div class="input-group">
					<input type="text" class="form-control"    value="1"   id="FlowNode" name="FlowNode"  vmode="not null" vdisp="节点顺序"  vtype="int" readonly>
      				<div class="input-group-btn">
          				<button type="button" class="btn btn-success"  id="DoFlowNodeButton"  onclick="setFlowNode()" >保存</button>         				 
     				 </div>      
    				 </div>
             </div>
	</div>

</div>
</div>
</div>	

<div class="panel panel-success">
<div class="panel-heading">
      	<div  style="display:inline;" >流程展示 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseFlowList"><span  id="FlowListCollapseIcon"  onClick="setCollapseIcon('FlowListCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseFlowList" class="panel-collapse collapse in">  
<div class="panel-body" style="font-size:14px" id=FlowShow>
     
	 
</div>
</div>
</div>	
<div class="row" style="padding:5px">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>					 
				<button type="button" class="btn btn-primary"  id="FlowSetButton"  onclick=setFlowOK()  ><span class="glyphicon glyphicon-save"></span>&nbsp;&nbsp;确&nbsp;&nbsp;&nbsp;&nbsp;定</button>					
			</div>
			 
	</div>  

</form>
				 
			</div>
			<div class="modal-footer" >	
							
				<button type='button' class='btn btn-success' style='width:150px'>审批节点长这样</button>
				<button type='button' class='btn btn-info' style='width:150px'>会签节点长这样</button> 			
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>  


<!-- 选择单位弹出页面，模态框（Modal） -->
<div class="modal fade" id="orgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  role="document" style="width:600px;height:500px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>				 
			</div>
			<div class="modal-body">

				<div class="row" style="padding:1px"  >
					 <ul id="UserTree" class="ztree"></ul>
		         </div>
			</div>
			<div class="modal-footer">				
				 			
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>  

<!-- 选择会签人员弹出页面，模态框（Modal） -->
<div class="modal fade" id="signOrgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  role="document" style="width:600px;height:500px;"> 
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>				 
			</div>
			<div class="modal-body">

				<div class="row" style="padding:1px"  >
					 <ul id="SignUserTree" class="ztree"></ul>
		         </div>
			</div>
			<div class="modal-footer">				
				<button type="button" class="btn btn-success" onClick="getSignOrgAndJob()"><span class="glyphicon glyphicon-user"> 确定</span></button>
				 			
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>  


<div class="modal fade" id="CompactDetailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  role="document" style="width:1280px">  >  
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h3 class="modal-title" id="myModalLabel">
				<span class="label label-danger">保单详情</span>	
				</h3>
			</div>
			<div class="modal-body"  style="font-size:12px">
			
		<div class="row" style="padding:5px" >
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
					<label class="control-label" for="PolicyNumber1"  style="text-align:left;width:100%" >保单号</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				   <input type="text" class="form-control"     id="compactPolicyNumber"   vmode="" vdisp="保单号"  vtype="string" readonly>     				 							
			</div>		
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="PolicyLocation"  style="text-align:left;width:100%" title="承保分公司名称">所属机构</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"     id="compactPolicyLocation"    readonly>
			</div>			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="IsSelfInsurance"  style="text-align:left;width:100%"  >是否自保件</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"     id="compactIsSelfInsurance"    readonly>
			</div>			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="IsMutualInsurance"  style="text-align:left;width:100%"  >是否互保件</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"     id="compactIsMutualInsurance"    readonly>
			</div>	
	</div>
	
	
	<div class="row" style="padding:5px">	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
					<label class="control-label" for="AppntName"  style="text-align:left;width:100%" >投保人姓名</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactAppntName"    readonly>
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AppntMobile"  style="text-align:left;width:100%" title="投保人联系电话">联系电话</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactAppntMobile"    readonly>
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="compactAppntIDType"  style="text-align:left;width:100%" title="投保人证件类型">证件类型</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactAppntIDType"     readonly>
			</div>		
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AppntCustomerId"  style="text-align:left;width:100%" title="投保人证件号码">证件号码</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactAppntCustomerId"     readonly>
			</div>					 
	</div>
	 
	<div class="row" style="padding:5px">	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="InsuredName"  style="text-align:left;width:100%" >被保人姓名</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">				 
                     <input type="text" class="form-control"    value="" placeholder="" id="compactInsuredName"    readonly>                           		 
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="InsuredMobile"  style="text-align:left;width:100%" title="被保人联系电话">联系电话</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactInsuredMobile"    readonly>
			</div>		
	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="InsuredIDType"  style="text-align:left;width:100%" title="被保人证件类型">证件类型</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactInsuredIDType"    readonly>
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="InsuredCustomerId"  style="text-align:left;width:100%" title="被保人证件号码">证件号码</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="" placeholder="" id="compactInsuredCustomerId"    readonly>
			</div>	
						 
	</div>
	 
	<div class="row" style="padding:5px" >
		<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RiskName"  style="text-align:left;width:100%" >险种名称</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"      id="compactRiskName"    readonly>						 
			</div>	
	 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RealSign"  style="text-align:left;width:100%" >保单状态</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">				 
                     <input type="text" class="form-control"      id="compactRealSign"   readonly>                           		 
			</div>			
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="BeginDate"  style="text-align:left;width:100%" >生效日期</label>
    		</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"      id="compactBeginDate"   readonly> 						 
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="SaleChnlName"  style="text-align:left;width:100%" >销售渠道</label>
    		</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"      id="compactSaleChnlName"   readonly> 						 
			</div>
	</div>
	<div class="row" style="padding:5px"   >
			 <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="PeriodTotalAmount"  style="text-align:left;width:100%" >期缴保费</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactPeriodTotalAmount"    readonly>      					 		 
			</div>				
		    <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="SumPrem"  style="text-align:left;width:100%" >已缴保费</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"     id="compactSumPrem"    readonly>      					 		 
			</div>				
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"   style="text-align:left;width:100%" >缴费年期</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactPayYear"    readonly>      					 		 
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"   style="text-align:left;width:100%" >已缴期数</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactPayPeriods"    readonly>      					 		 
			</div>				 
	    </div>	
		
		<div class="row" style="padding:5px"   >
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"   style="text-align:left;width:100%"   >银行网点</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactBankingOutlets"    readonly>      					 		 
			</div>	 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"    style="text-align:left;width:100%"   >服务人员</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactOperatorName"    readonly>		 		 
			</div>
		    <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"   style="text-align:left;width:100%"   >是否在职</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactIsOnJob"    readonly>      					 		 
			</div>	
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label"   style="text-align:left;width:100%"   >是否双录</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
						<input type="text" class="form-control"      id="compactIsDoubleInput"    readonly>      					 		 
			</div>
						 
	</div>	
     
	  
			</div>
			<div class="modal-footer"    style="text-align:center">				
				 
				 
				<button type="button" class="btn btn-success" onClick="closeCompactDetail()"><span class="glyphicon glyphicon-remove"> 关闭
				</button>
				 			
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


<script type="text/javascript">
$(document).on('ready', function() {

    $('#file-0a').fileinput({
        language: 'zh',
        uploadUrl: '${ctx}/myconsole/complaint/uploadfile/upload?FileAppealID=${appealID}',
        deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete',
        dropZoneEnabled: false,
        showPreview: true,      //显示预览  
        allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4','xlsx'],        
    }).on("fileuploaded", function(event,data,previewId,index) {
        if(data.response)
        {
        	var result = data.response.id; 
        	$("#FileSelectFlag").val("true");
        }
    }); 
});  

function setSelectFile()
{
	if ($('#file-0a').val()!='') {
		$("#FileSelectFlag").val("false");
	}
	else
	{
		$("#FileSelectFlag").val("true");
	}
}
	 
	$(function () { $("[data-toggle='tooltip']").tooltip();
	
	setDutyInfo();
	});
	 
	 
	//根据赔案号查询受益人和领款人信息
	function setBnfName(){
		var strClaimID=$("#ClaimID").val(); 
		if(strClaimID!=""){
			$('#form1').attr('action','${ctx}/myconsole/complaint/interface/QueryClaims?ClaimID='+strClaimID); 	        
			$('#form1').ajaxSubmit(setBnfNameList);
		}else{
			layer.alert("赔案号不能为空！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
		}
	}
	
	//回写受益人信息列表数据
	var bnfNameJson=null;
	function setBnfNameList(data){
		bnfNameJson = JSON.parse(data);
		var flag=bnfNameJson.flag;
		if(flag)
		{	
			
				$("#BnfNameModal_Table").find("tr:not(:first)").remove();
				for(var i=0;i<bnfNameJson.list.length;i++)
				{
					var strBnfName=bnfNameJson.list[i]; 
			         console.log(strBnfName);
			         //受益人信息
			         var strBnfIDType=strBnfName.bnfidtype;
			         var strBnfIDNo=strBnfName.bnfidno;
				     var strRelationToInsured=strBnfName.relationtoinsured;
				     var strBeneBnfLot=strBnfName.benebnflot;
				     //领款人信息
				     var strPayeeName=strBnfName.payeename;
				     var strPayeeIDTypeName=strBnfName.payeeidtypename;
				     var strPayeeIDNo=strBnfName.payeeidno;
				     var strRelationToPayee=strBnfName.relationtopayee;
				     var strAccountTypeName=strBnfName.accounttypename;
			         var strBnfName=strBnfName.bnfname;
			         
					$("#BnfNameModal_Table").append("<tr><td>"+strBnfName+"</td><td>"+strBnfIDType+"</td><td>"+strBnfIDNo+"</td><td>"+strRelationToInsured+"</td><td>"+strBeneBnfLot+"</td><td>"+strPayeeName+"</td><td>"+strPayeeIDTypeName+"</td><td>"+strPayeeIDNo+"</td><td>"+strRelationToPayee+"</td><td>"+strAccountTypeName+"</td></tr>");					

				} 
				$('#BnfNameModal').modal({
					 backdrop: 'static',
					 keyboard: false
					})
			
		}   
		else
		{    
			layer.alert("该赔案号没有查询到受益人和领款人信息！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});		
		}
	}
	
	
	$(function () { 
		$.ajaxSetup({ //发送请求前触发
	        beforeSend: function(request) { //可以设置自定义标头
	        	request.setRequestHeader('token', "${AccToken}");
	        }
	     })
		
	});
	 
</script>
</body>
</html>