<!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" href="${ctx}/assets/lib/bootstrap-spinner/bootstrap-spinner.css">
<link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.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-spinner/jquery.spinner.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<script src="${ctx}/assets/js/validate.js" ></script>
  
<script type="text/javascript">
function doSubmit(){
	 
	if(doValidate(form1))
    {
    		$('#form1').attr('action','${ctx}/myconsole/complaint/transact/saveDoCheckData'); 	            
    		$('#form1').ajaxSubmit(resultHandle);
    		$("#SubmitButton").attr("disabled",'disabled');
    	 
    }
}
function doSubmit1(){
	if($("#FileSelectFlag").val()=='false'&&$('#file-0a').val()!='')
	{
		layer.msg("有选择的文件没上传,请先上传提交!");
		return false;
	}
	$('#form1').attr('action','${ctx}/myconsole/complaint/transact/updateTemporary');
	$('#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(){	
					 
						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=='')
	{
		$("#SubmitButton").attr("disabled",'disabled');
		$("#EndFlag").hide();
		$("#ToOrgInfo").hide();
		$("#transactDoState").val("");
	}	 
	if(transactType=='转办')
	{
		$("#SubmitButton").removeAttr('disabled');
		$("#ButtonToOrgInfo").removeAttr('disabled');
		$("#EndFlag").hide();
		$("#ToOrgInfo").show();
		$("#transactDoState").val("已办理");
		$("#ToOrgAndJob").val("");
		$('#ToJobID').val("");
		$('#ToJobName').val(""); 
		$("#ToOrgAndJob").attr("vmode","not null");
		
		$("#EndType").attr("vmode","");
		$("#EndTypeLable").removeClass("has-error has-feedback");
		$("#EndTypeDiv").removeClass("has-error has-feedback");
		
		$("#EndResultID1").attr("vmode","");
		$("#EndResultID1Lable").removeClass("has-error has-feedback");
		$("#EndResultID1Div").removeClass("has-error has-feedback");
		
		$("#EndResultID2").attr("vmode","");
		$("#EndResultID2Lable").removeClass("has-error has-feedback");
		$("#EndResultID2Div").removeClass("has-error has-feedback");
	}
	if(transactType=='结案审核')
	{
		$("#SubmitButton").removeAttr('disabled');
		
		$("#EndFlag").show();
		$("#ToOrgInfo").show();
		$("#transactDoState").val("已办理");
		$("#ToOrgAndJob").attr("vmode","not null");
		
		$("#EndType").attr("vmode","not null");
		$("#EndTypeLable").addClass("has-error has-feedback");
		$("#EndTypeDiv").addClass("has-error has-feedback");
		
		$("#EndResultID1").attr("vmode","not null");
		$("#EndResultID1Lable").addClass("has-error has-feedback");
		$("#EndResultID1Div").addClass("has-error has-feedback");
		
		$("#EndResultID2").attr("vmode","not null");
		$("#EndResultID2Lable").addClass("has-error has-feedback");
		$("#EndResultID2Div").addClass("has-error has-feedback");
		
		$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getAuditingRule'); 	        
		$('#form1').ajaxSubmit(setRule);
	}
	if(transactType=='结案归档')
	{
		$("#SubmitButton").removeAttr('disabled');
		$("#transactDoState").val("已办理");
		$("#EndFlag").show();
		$("#ToOrgInfo").hide();
		$("#ToOrgAndJob").attr("vmode","");
		
		$("#EndType").attr("vmode","not null");
		$("#EndTypeLable").addClass("has-error has-feedback");
		$("#EndTypeDiv").addClass("has-error has-feedback");
		
		$("#EndResultID1").attr("vmode","not null");
		$("#EndResultID1Lable").addClass("has-error has-feedback");
		$("#EndResultID1Div").addClass("has-error has-feedback");
		
		$("#EndResultID2").attr("vmode","not null");
		$("#EndResultID2Lable").addClass("has-error has-feedback");
		$("#EndResultID2Div").addClass("has-error has-feedback");
		
		$('#ToOrgAndJob').val("");
		$('#ToOrgID').val("");
		$('#ToOrgName').val("");
		$('#ToJobID').val("");
		$('#ToJobName').val(""); 
		
		 
	}
	if(transactType=='提交结案')
	{			
			$("#SubmitButton").removeAttr('disabled');
			 
			$("#EndFlag").hide();
			$("#ToOrgInfo").show();
			$("#transactDoState").val("已办理");
			$("#ToOrgAndJob").attr("vmode","not null");
		
			$("#EndType").attr("vmode","");
			$("#EndTypeLable").removeClass("has-error has-feedback");
			$("#EndTypeDiv").removeClass("has-error has-feedback");
		
			$("#EndResultID1").attr("vmode","");
			$("#EndResultID1Lable").removeClass("has-error has-feedback");
			$("#EndResultID1Div").removeClass("has-error has-feedback");
		
			$("#EndResultID2").attr("vmode","");
			$("#EndResultID2Lable").removeClass("has-error has-feedback");
			$("#EndResultID2Div").removeClass("has-error has-feedback");
		
			$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getQualityRule'); 	        
			$('#form1').ajaxSubmit(setRule);	 
	}
	if(transactType=='案件退回')
	{			
			$("#SubmitButton").removeAttr('disabled');
			
			$("#EndFlag").hide();
			$("#ToOrgInfo").show();
			$("#transactDoState").val("已办理");
			$("#ToOrgAndJob").attr("vmode","not null");
		
			$("#Status").attr("vmode","");
			$("#StatusLable").removeClass("has-error has-feedback");
			$("#StatusDiv").removeClass("has-error has-feedback");
		    
			$("#EndType").attr("vmode","");
			$("#EndTypeLable").removeClass("has-error has-feedback");
			$("#EndTypeDiv").removeClass("has-error has-feedback");
		
			$("#EndResultID1").attr("vmode","");
			$("#EndResultID1Lable").removeClass("has-error has-feedback");
			$("#EndResultID1Div").removeClass("has-error has-feedback");
		
			$("#EndResultID2").attr("vmode","");
			$("#EndResultID2Lable").removeClass("has-error has-feedback");
			$("#EndResultID2Div").removeClass("has-error has-feedback");
		
			$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getReturnedRule'); 	        
			$('#form1').ajaxSubmit(setReturnedRule);	 
	}
	if(transactType=='疑难案件提交')
	{			
			$("#SubmitButton").removeAttr('disabled');
			
			$("#EndFlag").hide();
			$("#ToOrgInfo").show();
			$("#transactDoState").val("已办理");
			$("#ToOrgAndJob").attr("vmode","not null");
		
			$("#Status").attr("vmode","");
			$("#StatusLable").removeClass("has-error has-feedback");
			$("#StatusDiv").removeClass("has-error has-feedback");
		    
			$("#EndType").attr("vmode","");
			$("#EndTypeLable").removeClass("has-error has-feedback");
			$("#EndTypeDiv").removeClass("has-error has-feedback");
		
			$("#EndResultID1").attr("vmode","");
			$("#EndResultID1Lable").removeClass("has-error has-feedback");
			$("#EndResultID1Div").removeClass("has-error has-feedback");
		
			$("#EndResultID2").attr("vmode","");
			$("#EndResultID2Lable").removeClass("has-error has-feedback");
			$("#EndResultID2Div").removeClass("has-error has-feedback");
		
			$('#form1').attr('action','${ctx}/myconsole/complaint/rule/getKnottyRule'); 	        
			$('#form1').ajaxSubmit(setKnottyRule);	 
	}
	 
}
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();
	$("#ButtonToOrgInfo").attr("disabled",'disabled');	
	$("#ToOrgAndJob").attr("vmode","not null");
}
function setKnottyRule(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);
		$('#ToUserID').val('');
		$('#ToUserName').val('');
		$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
		$('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		 
	} 
	$("#ToOrgInfo").show();
	$("#ButtonToOrgInfo").attr("disabled",'disabled');	
	$("#ToOrgAndJob").attr("vmode","not null");
}
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);
		$('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID);
	    $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName);
		 
	} 
	$("#ToOrgInfo").show();
	$("#ButtonToOrgInfo").attr("disabled",'disabled');	
	$("#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/getOrgAndJobTree2",
            	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
	{
		setOrg();
	}
}

//转办选人
function setZBOrgUser()
{
	var zTreeObj;
	var zNodes;
	function zTreeChecked(event, treeId, treeNode) {		
		setZBOrgAndUser(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 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,orgid)
{	
	$('#ToUserID').val(userid);
	$('#ToUserName').val(username);
	
	$('#orgModal').modal('hide');
	$.post('${ctx}/myconsole/complaint/preinflow/getOrgTwoStageData',{"OrgID":orgid},function(data){
		var res=eval('(' + data + ')');	 			 
		$('#ToOrgAndJob').val(res.OrgParentName+"-"+res.OrgName+"-"+username);	
		$('#ToOrgID').val(res.OrgID);
		$('#ToOrgName').val(res.OrgName); 
		 
	});
}



//查看理赔详细信息页面
function queryPaymentDetailInfo()
{
	var queryNo=$("#ReportCaseNo").val();
	var strPolicyType=$("#PaymentPolicyType").val();
	if(queryNo!="")
	{        
		fullOpen("${ctx}/myconsole/complaint/interface/queryPaymentDetail?ReportCaseNo="+queryNo+"&PolicyType="+strPolicyType); 
	}
	else
	{
		layer.alert("报案号不能为空!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
	}
}

//查询保单详细信息2018-11-21
function queryDetailCompact1()
{
	var queryNo=$("#PolicyNumber1").val();	 
	if(queryNo!="")
	{        
		fullOpen("${ctx}/myconsole/complaint/interface/queryCompactDetail?QueryPolicyNumber="+queryNo); 
	}
	else
	{
		layer.alert("保单号不能为空!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
	}
}
 
 
//播放录音
function openSound(filePath,fileName)
{	 
	fullOpen("${ctx}/myconsole/complaint/register/playSound?filePath="+filePath+"&fileName="+fileName);	
} 

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="result"/>
        <input type="hidden" id="ResultDoState" name="ResultDoState" value="结案"/>
        <input type="hidden" id="CurDate" name="CurDate" value="${curDate}"/>
        <input type="hidden" id="AppealID" name="AppealID" value="${appealID!''}"/> 
        <input type="hidden" id="UndertakeKeyID" name="UndertakeKeyID" value="${undertakeKeyID!''}"/>       
        <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="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="AppealID" name="appeal.AppealID" value="${appeal.AppealID!''}"/>
        <input type="hidden" id="TName" name="appeal.TName" value="${appeal.TName!''}"/>
        <input type="hidden" id="appealLinkTel1" name="appealLinkTel1" value="${person.LinkTel1!''}"/>
        
        <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="BusinessHallID" name="appeal.BusinessHallID" value="${appeal.BusinessHallID!''}"/>
        
        
        <input type="hidden" id="appealDoState" name="appeal.DoState" value="${appeal.DoState!''}"/>
        <input type="hidden" id="InsceTypeName1" name="appeal.InsceTypeName1" value="${appeal.InsceTypeName1!''}"/>
        <input type="hidden" id="InsceTypeName2" name="appeal.InsceTypeName2" value="${appeal.InsceTypeName2!''}"/>
        <input type="hidden" id="InsceTypeName3" name="appeal.InsceTypeName3" value="${appeal.InsceTypeName3!''}"/>  
        <input type="hidden" id=Repcomplaints name="appeal.Repcomplaints" value="${appeal.Repcomplaints!''}"/>
        <input type="hidden" id="RepcomplaintsNum" name="appeal.RepcomplaintsNum" value="${appeal.RepcomplaintsNum!''}"/>
        <input type="hidden" id="EndAppealDate" 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="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="transactDoState" name="transact.DoState" value="归档"/>
        <input type="hidden" id="transactNewFlag" name="transact.NewFlag" value="true"/>
        
        <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/>
          
		<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="#collapseDoFlow"><span  id="DoFlowCollapseIcon"  onClick="setCollapseIcon('DoFlowCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseDoFlow" 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="ApplyCheckCause" style="line-height:100px;">申请核查原因</label>
			</div>
			<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
				<textarea class="form-control" rows="5"  maxlength="100"  id="ApplyCheckCause"        readonly>${result.ApplyCheckCause!''}</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="AccidentPlace">申请人</label></div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
					<input type="text" class="form-control"       value="${result.ApplyCheckUserName!''}"  id="ApplyCheckUserName"     readonly>
			</div>
			 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
					<label class="control-label" for="AccidentCause">申请日期</label></div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
					<input type="text" class="form-control"       value="${result.ApplyCheckDate!''}"  id="ApplyCheckDate"    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="CheckInfo" 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"  maxlength="1000"  id="CheckInfo" name="result.CheckInfo"   maxlength="1000"  vmode="not null" vdisp="核查信息"  vtype="string"></textarea>
			</div>			 
	</div> 
	 
	   
</div>
</div>                  
</div>	

<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> 
</form>

<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> 

<!-- 选择单位弹出页面,模态框(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>  
<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,      //显示预览    
        allowedPreviewTypes: ['image','pdf'],
        previewFileType: ['image','pdf'],
        previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>",
        allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4','xlsx','msg','rar','ppt','cad','zip'],
        previewFileIconSettings: { // configure your icon file extensions  
        	                'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',  
        	                'jpg': '<i class="fa fa-file-photo-o text-danger"></i>',  
        	                'gif': '<i class="fa fa-file-photo-o text-muted"></i>',  
        	                'png': '<i class="fa fa-file-photo-o text-primary"></i>',  
        	                'jpeg': '<i class="fa fa-file-photo-o text-primary"></i>'  
        	            },
        initialPreviewAsData: true        
    }).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(); });
</script>
</body>
</html>