projects
/
gdymtsceshi


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246
							<!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">

<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/bootstrap-select/bootstrap-select.js"></script>
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-select/bootstrap-select.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/zTree/v3/js/jquery.ztree.all-3.5.min.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 submitOversee(){
	
	var strDoType = $("#DoType").val();
	strDoType=""+strDoType+"";
	strDoType=strDoType.replace(/,/g,';');
	$("#DoType").append("<option value='"+strDoType+"'>"+strDoType+"</option>");
	$("#DoType").val(strDoType);
	
	if(doValidate(form1))
    {
    	var params_= $("#form1" ).serialize();
		$.post('${ctx}/myconsole/complaint/transact/saveOversee',params_,function(data){
			resultHandle(data);
		})
    	$("#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.parent.close();
					window.opener.location.reload();
				});
		
	}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 doUntread()
{	
	if($('#TransactIdea').val()!='')
	{
		$('#form1').attr('action','${ctx}/myconsole/complaint/transact/doUntreadArchive'); 	            
		$('#form1').ajaxSubmit(resultHandle1);
		$("#SubmitButton").attr("disabled",'disabled');
	}
	else
	{
		layer.alert("审批意见不能为空！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
		$('#TransactIdea').focus();
	}
}
 
function resultHandle1(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 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(""); 
	}
}
 
  
//setComplaintTypeID2()根据投诉类别一级分类取二级分类
function setComplaintTypeID2()
{	
	var complaintTypeID1=$('#ComplaintTypeID1').val();
	if(complaintTypeID1!='')
	{
		var complaintTypeName1=$("#ComplaintTypeID1").find("option:selected").text();
		$("#ComplaintTypeName1").val(complaintTypeName1);
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getComplaintTypeID2Data'); 	        
		$('#form1').ajaxSubmit(setComplaintTypeID2Data);  		
	}
	else
	{
		$("#ComplaintTypeID2").empty(); 
		$("#ComplaintTypeName1").val(""); 
	}
}
//回写投诉二级分类字典数据
function setComplaintTypeID2Data(data){	
	$("#ComplaintTypeID2").empty();  
	$("#ComplaintTypeID2").append("<option value=''>请选择</option>");
	$("#ComplaintTypeID2").append(data);  	 
}
function setComplaintTypeName2()
{
	var complaintTypeID2=$('#ComplaintTypeID2').val();
	if(complaintTypeID2!='')
	{
		var complaintTypeName2=$("#ComplaintTypeID2").find("option:selected").text();
		$("#ComplaintTypeName2").val(complaintTypeName2);		   		
	}
	else
	{
		$("#ComplaintTypeName2").val(""); 
	}
}
 
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 setUpdateInfo()
{
	var updateInfo="";	 
	if($('#appealComplaintTypeName1').val()!=$('#ComplaintTypeName1').val())
	{
		updateInfo=updateInfo+"{投诉类别大类由："+$('#appealComplaintTypeName1').val()+" 修改成了："+$('#ComplaintTypeName1').val()+"};"; 
	}
	if($('#appealComplaintTypeName2').val()!=$('#ComplaintTypeName2').val())
	{
		updateInfo=updateInfo+"{投诉类别二类由："+$('#appealComplaintTypeName2').val()+" 修改成了："+$('#ComplaintTypeName2').val()+"};"; 
	}
	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 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 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 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 queryPaymentDetailInfo()
{
	var queryNo=$("#AccidentID").val();
	var curDateMD5="${curDateMD5!''}"; 
	if(queryNo!="")
	{
		 
           fullOpen("http://100.250.128.69:7031/claimCar/informationShare.do?actionType=showFlow&accidentNo="+queryNo+"&date="+curDateMD5);			 
		 
	}
	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 setReasonResult2()
{
	$("#ReasonResult3").empty(); 
	var ReasonResultID1=$('#ReasonResult').val();
	if(ReasonResultID1!='')
	{
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonResult2Data'); 	        
		$('#form1').ajaxSubmit(setReasonResult2Data);    
	}
	else
	{
		$("#ReasonResult2").empty(); 
	}
}
//回写投诉类型二类字典数据
function setReasonResult2Data(data){	
	$("#ReasonResult2").empty();  
	$("#ReasonResult2").append("<option value=''>请选择</option>");
	$("#ReasonResult2").append(data);  	 
}
//根据二级投诉类型设置三级投诉类型
function setReasonResult3()
{
	var ReasonResultID2=$('#ReasonResult2').val();
	if(ReasonResultID2!='')
	{
		 
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonResult3Data'); 	        
		$('#form1').ajaxSubmit(setReasonResult3Data);    
	}
	else
	{
		$("#ReasonResult3").empty(); 
	}
}
//回写投诉类型三类字典数据
function setReasonResult3Data(data){	
	$("#ReasonResult3").empty();  
	$("#ReasonResult3").append("<option value=''>请选择</option>");
	$("#ReasonResult3").append(data);  	 
}


function setComplianFlag(){
	var strComplianFlag=$('#ComplianFlag').val();
	if(strComplianFlag=='是')
	{
		$("#InvalidCauseLable").hide(); 
		$("#InvalidCauseDiv").hide();
		$("#InvalidCause").attr("vmode","");
		$("#InvalidCause").attr("vmode","");
	}
	else
	{
		$("#InvalidCauseLable").show();
		$("#InvalidCauseDiv").show();
		$("#InvalidCause").attr("vmode","not null");
		$("#InvalidCause").attr("vmode","not null");
	}
}

//根据一级投诉类型设置二级投诉类型
function setConfirmResultID2() 
{
	var ConfirmResultID1=$('#ConfirmResultID1').val();
	if(ConfirmResultID1!='')
	{
		var nameData=$("#ConfirmResultID1").find("option:selected").text();
		$("#ConfirmResultName1").val(nameData);	
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/getConfirmResult2Data?ParentID='+ConfirmResultID1); 	        
		$('#form1').ajaxSubmit(setConfirmResult2Data);    
	}
	else
	{
		$("#ConfirmResultID2").empty(); 
	}
}
//回写投诉类型二类字典数据
function setConfirmResult2Data(data){	
	$("#ConfirmResultID2").empty();  
	$("#ConfirmResultID2").append("<option value=''>请选择</option>");
	$("#ConfirmResultID2").append(data);  	 
}
//根据二级投诉类型设置三级投诉类型
function setConfirmResult2Name(){
	var strConfirmResultID2=$('#ConfirmResultID2').val();
	var nameData="";
	if(strConfirmResultID2!='')
	{
	    nameData=$("#ConfirmResultID2").find("option:selected").text();
		$("#ConfirmResultName2").val(nameData);	
	}
	else
	{
		$("#ConfirmResultName2").val("");
	}
	 
}


//选择抄送人员
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);
    			 			}
    					})
    	}
    	 
    	setHBOrgAndUser(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 setHBOrgAndUser(useridArr,usernameArr)
{	
	$('#ToUserID').val(useridArr);
	$('#ToUserName').val(usernameArr);	
	$('#CopyToUserShow').val(usernameArr);
}

function getSignOrgAndJob()
{	
	$('#signOrgModal').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="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="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="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="ComplaintTypeName1" name="appeal.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/>
        <input type="hidden" id="ComplaintTypeName2" name="appeal.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/>              
        <input type="hidden" id="ReasonName1" name="appeal.ReasonName1" value="${appeal.ReasonName1!''}"/>
        <input type="hidden" id="ReasonName2" name="appeal.ReasonName2" value="${appeal.ReasonName2!''}"/>
        <input type="hidden" id="ReasonName3" name="appeal.ReasonName3" value="${appeal.ReasonName3!''}"/>                
         
           
        <input type="hidden" id="RespondentNumber" name="appeal.RespondentNumber" value="${appeal.RespondentNumber!''}"/>
         
        <input type="hidden" id="transactDoState" name="transact.DoState" value="${transact.DoState!''}"/>
        <input type="hidden" id="TransactOrgID" name="transact.TransactOrgID" value="${transact.TransactOrgID!''}"/>
        <input type="hidden" id="TransactOrgName" name="transact.TransactOrgName" value="${transact.TransactOrgName!''}"/>
        <input type="hidden" id="TransactUserID" name="transact.TransactUserID" value="${transact.TransactUserID!''}"/>
        <input type="hidden" id="TransactUserName" name="transact.TransactUserName" value="${transact.TransactUserName!''}"/>
        <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/>
        <input type="hidden" id="ToAllFilialeOrgName" name="transact.ToAllFilialeOrgName" value="${transact.ToAllFilialeOrgName!''}"/>
        <input type="hidden" id="ToAllCentreOrgName" name="transact.ToAllCentreOrgName" value="${transact.ToAllCentreOrgName!''}"/>
        <input type="hidden" id="ToAllWorkDutiesName" name="transact.ToAllWorkDutiesName" value="${transact.ToAllWorkDutiesName!''}"/>
        <input type="hidden" id="ToAllOrgWorkDuties" name="transact.ToAllOrgWorkDuties" value="${transact.ToAllOrgWorkDuties!''}"/>
		<input type="hidden" id="ToAllOrgID" name="transact.ToAllOrgID" value="${transact.ToAllOrgID!''}"/> 
		<input type="hidden" id="ToAllOrgName" name="transact.ToAllOrgName" value="${transact.ToAllOrgName!''}"/>
		      <input type="hidden"     value="${appeal.AppealID!''}"   name="oversee.AppealID"   > 
         <input type="hidden"     value="${appeal.TName!''}"   name="oversee.TName"   > 
        <input type="hidden"     value="${appeal.SerialNumber!''}"   name="oversee.SerialNumber"   > 
        <input type="hidden"     value="${appeal.AppealDate!''}"   name="oversee.AppealDate"   > 
        <input type="hidden"     value="${appeal.AppealType!''}"   name="oversee.AppealType"   > 
        
        <input type="hidden"     value="${appeal.ReasonID1!''}"   name="oversee.ReasonID1"   > 
        <input type="hidden"     value="${appeal.ReasonName1!''}"  name="oversee.ReasonName1"   > 
         <input type="hidden"     value="${appeal.ReasonID2!''}"   name="oversee.ReasonID2"   > 
        <input type="hidden"     value="${appeal.ReasonName2!''}"  name="oversee.ReasonName2"   > 
         <input type="hidden"     value="${appeal.ReasonID3!''}"   name="oversee.ReasonID3"   > 
        <input type="hidden"     value="${appeal.ReasonName3!''}"  name="oversee.ReasonName3"   > 
        
        <input type="hidden"     value="${user.OrgID!''}"  id="FromOrgID" name="oversee.FromOrgID"   > 
        <input type="hidden"     value="${user.OrgName!''}"  id="FromOrgName" name="oversee.FromOrgName"   > 
        <input type="hidden"     value="${user.UserID!''}"  id="FromUserID" name="oversee.FromUserID"   > 
        <input type="hidden"     value="${user.UserName!''}"  id="FromUserName" name="oversee.FromUserName"   > 
        <input type="hidden"     value="督办成功"  id="DoResult" name="oversee.DoResult"   > 
        <input type="hidden"     value="${curDateMinute!''}"  id="DoTime" name="oversee.DoTime"   >
         
        <input type="hidden" id="ToUserID" name="oversee.ToUserID" value=""/>
        <input type="hidden" id="ToUserName" name="oversee.ToUserName" value=""/>
</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="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="CareerName">客户职业</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.CareerName!''}" 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="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 class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
            	<label class="control-label" for="CallTel">来电号码</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${person.CallTel!''}"     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 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="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 checkbox" style="margin-left:20px;text-align:left;"  ><input type='checkbox'      id="IsVIPFlag"     > VIP客户 	</label>	
				<script type="text/javascript">$(function(){
				var strIsVIP="${person.IsVIP}";
                if(strIsVIP=='是')
                {
                	$("#IsVIPFlag").attr("checked",true);
                }				
				})</script> 		
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 " >
				<label class="control-label checkbox" style="margin-left:20px;text-align:left;"  ><input type='checkbox'      id="HaveAuthorizedFlag"    > 有授权委托手续</label>			
			    <script type="text/javascript">$(function(){
				var strHaveAuthorized="${person.HaveAuthorized}";
                if(strHaveAuthorized=='有')
                {
                	$("#HaveAuthorizedFlag").attr("checked",true);
                }				
				})</script> 
			</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="RemarksInfo"   >备注</label>
			</div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11 ">
			    <input type="text" class="form-control"    value="${person.RemarksInfo!''}" 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="respondentBusinessHallID">被诉部门</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.BusinessHallName!''}" readonly >                        
			</div>				 
	</div>	   
	<div class="row" style="padding:5px" id="respondent_3"    >
			<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 class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RespondentJobNo">工号</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.RespondentJobNo!''}" readonly >
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RespondentJobNo">电话</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.RespondentTel!''}" readonly >
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="RespondentType">岗位</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.RespondentType!''}" readonly >
			</div>
	</div>
	<div class="row" style="padding:5px" id="respondent_3"    >
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="IsStaff">是否在职</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.IsStaff!''}" readonly >
			</div> 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="Hiredate">入职时间</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.Hiredate!''}" readonly >
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="Dimission">离职时间</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"    value="${appeal.Dimission!''}" readonly >
			</div>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="DirectorName">主管姓名</label>
			</div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
				<input type="text" class="form-control"     value="${appeal.DirectorName!''}" 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" for="AskInfo">诉求</label>
			</div>
			<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11 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-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
				<label class="control-label" for="AcceptType">受理类型</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.AcceptType!''}" 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="SourceTypeID">投诉来源</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.SourceType!''}" 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" 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.IsLawCase!''}" 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.IsAgent!''}" 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.IsInform!''}" 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-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 class="row" style="padding:5px"  >
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AskTypeID1">结案时间</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
				<input type="text" class="form-control" value="${appeal.EndDate!''}" readonly>							 
			</div>
			<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-3 col-sm-3 col-md-3 col-lg-3">
							<div class="input-group">
                                <input type="text" class="form-control"    value="${appeal.EndUseDate!''}"      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-3 col-sm-3 col-md-3 col-lg-3">
					<input type="text" class="form-control"    value="${appeal.DoTimeRatio!''}"    readonly>                                	   
			</div>						
	</div>  
		 
</div>
</div>
</div>	
${soundPanel!''}

${subjoinPanel!''}
 
${transactList!''}
 
 
<div class="panel panel-primary"   >
<div class="panel-heading">
      	<div  style="display:inline;" >客诉督办&nbsp;&nbsp;</div>      	
  </div>
<div id="collapseDoFlow" class="panel-collapse collapse in">
   
  <div class="panel-body" style="font-size:14px">
      <div style="display: none">
		<input type="hidden" id="DoState" name="oversee.DoState" value="已督办"/>
     </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="DoContent"   style="text-align:left;width:100%;padding-top:40px;" >督办内容</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="3" value="" placeholder="" id="DoContent" name="oversee.DoContent"   vmode="not null" vdisp="督办内容"  vtype="string">${InfoContent!''}</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="DoType" >督办形式</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
				<select id="DoType" name="oversee.DoType"     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> 
				</select>
			</div>	
	</div>
	
	<div class="row" style="padding:5px" id="CopyToOrgInfo" >
			<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">										 
			    <div class="input-group">
                             <input type="text" class="form-control"    value="" placeholder="" id="CopyToUserShow" name="transact.CopyToUserShow"  maxlength="200"  vmode="" vdisp="接收人员"  vtype="string" readonly>
                              <div class="input-group-btn">
                                     <button type="button" class="btn btn-default" aria-label="Left Align" onclick="setSignUser()" title="选择抄送人员">
                                         <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                     </button>                                 
                              </div>
                 </div>		
			
			</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="submitOversee()"><span class="glyphicon glyphicon-save"> 提交
				</button>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<button type="button" class="btn btn-success" onClick="window.close()"><span class="glyphicon glyphicon-remove"> 关闭
				</button>								 
				 <br> <br>
			</div>
			 
	   </div> 
	 
		 
</div> 
</form>
  

<!-- 选择会签人员弹出页面，模态框（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>  
 
</body>
<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,
        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;        	 
        }
    }); 
});

var strUndertakeDoState="${UndertakeDoState!''}";
var strRepcomplaintsFlag="${RepcomplaintsFlag!''}";
if(strUndertakeDoState=='待接收'||strRepcomplaintsFlag=='提醒')
{
	$('#form1').attr('action','${ctx}/myconsole/complaint/transact/doReceive'); 	        
	$('#form1').ajaxSubmit(setReceive); 	 
}
function setReceive(data)
{
	var res=eval('(' + data + ')');
	if(res.flag){
		layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, 
				function(){	
						layer.closeAll('dialog');
				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
			}		     
	} 
}
$(function () { $("[data-toggle='tooltip']").tooltip(); });
$(function () { 
     var strInvalidCause="${appeal.InvalidCause!''}";
     if(strInvalidCause!="")
    {
    	 $("#InvalidCauseDIV").show();
    }

});


</script>
</html>