<!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/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/submitToSign'); 	            
    		$('#form1').ajaxSubmit(resultHandle);   	 
    }
}

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 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 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 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 openSignOrder()
{
	$('#signOrderModal').modal({
		 backdrop: 'static',
		 keyboard: false
		})
}
</script>
 
<title>客诉件办理</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body  >
 
<form    id="form1" method="post" class="form-horizontal" role="form">
<div style="display: none">
        <input type="hidden" id="Modal_Main" name="Modal_Main" value="transact"/>
        <input type="hidden" id="UndertakeKeyID" name="UndertakeKeyID" value="${undertakeKeyID}"/>  
        <input type="hidden" id="CurDate" name="CurDate" value="${curDate}"/>
        <input type="hidden" id="AppealID" name="AppealID" value="${appealID!''}"/>        
        <input type="hidden" id="Modal_PersonID" name="Modal_PersonID" value=""/>
        <input type="hidden" id="Modal_AppealID" name="Modal_AppealID" value=""/>
        <input type="hidden" id="Modal_PersonRepeatFlag" name="Modal_PersonRepeatFlag" value=""/>
        
        <input type="hidden" id="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="appealInsceTypeName1" name="appeal.InsceTypeName1" value="${appeal.InsceTypeName1!''}"/>
        <input type="hidden" id="appealInsceTypeName2" name="appeal.InsceTypeName2" value="${appeal.InsceTypeName2!''}"/>
        <input type="hidden" id="appealInsceTypeName3" name="appeal.InsceTypeName3" value="${appeal.InsceTypeName3!''}"/>  
        <input type="hidden" id=appealRepcomplaints name="appeal.Repcomplaints" value="${appeal.Repcomplaints!''}"/>
        <input type="hidden" id="appealRepcomplaintsNum" name="appeal.RepcomplaintsNum" value="${appeal.RepcomplaintsNum!''}"/>
        <input type="hidden" id="appealEndAppealDate" name="appeal.EndAppealDate" value="${appeal.EndAppealDate!''}"/>
        <input type="hidden" id="appealComplaintTypeName1" name="appeal.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/>
        <input type="hidden" id="appealComplaintTypeName2" name="appeal.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/>              
        <input type="hidden" id="appealReasonName1" name="appeal.ReasonName1" value="${appeal.ReasonName1!''}"/>
        <input type="hidden" id="appealReasonName2" name="appeal.ReasonName2" value="${appeal.ReasonName2!''}"/>
        <input type="hidden" id="appealReasonName3" name="appeal.ReasonName3" value="${appeal.ReasonName3!''}"/>                
        <input type="hidden" id="appealAskTypeName1" name="appeal.AskTypeName1" value="${appeal.AskTypeName1!''}"/>
        <input type="hidden" id="appealAskTypeName2" name="appeal.AskTypeName2" value="${appeal.AskTypeName2!''}"/>
        <input type="hidden" id="appealAskTypeName3" name="appeal.AskTypeName3" value="${appeal.AskTypeName3!''}"/>         
        <input type="hidden" id="RespondentNumber" name="appeal.RespondentNumber" value="${appeal.RespondentNumber!''}"/>
        <input type="hidden" id="AskTimeBlockName" name="appeal.AskTimeBlockName" value="${appeal.AskTimeBlockName!''}"/>
        
        <input type="hidden" id="NotTallyInfo" name="appeal.NotTallyInfo" value="${appeal.NotTallyInfo!''}"/>
        <input type="hidden" id="NotTallyState" name="appeal.NotTallyState" value="${appeal.NotTallyState!''}"/>
        <input type="hidden" id="NotTallyPay" name="appeal.NotTallyPay" value="${appeal.NotTallyPay!''}"/>
        <input type="hidden" id="NotTallyCorrect" name="appeal.NotTallyCorrect" value="${appeal.NotTallyCorrect!''}"/>
        <input type="hidden" id="NotTallyClaims" name="appeal.NotTallyClaims" value="${appeal.NotTallyClaims!''}"/>
        <input type="hidden" id="NotTallyOther" name="appeal.NotTallyOther" value="${appeal.NotTallyOther!''}"/>
         
        <input type="hidden" id="RespondentModel" name="RespondentModel" value=""/>       
        <input type="hidden" id="FilialeName" name="appeal.FilialeName" value="${appeal.FilialeName!''}"/>
        <input type="hidden" id="CentreCompanyName" name="appeal.CentreCompanyName" value="${appeal.CentreCompanyName!''}"/>
        <input type="hidden" id="BusinessHallName" name="appeal.BusinessHallName" value="${appeal.BusinessHallName!''}"/>
        
        <input type="hidden" id="AppealID" name="transact.AppealID" value="${appealID!''}"/>
        <input type="hidden" id="PersonID" name="transact.PersonID" value="${person.PersonID!''}"/>
        <input type="hidden" id="TName" name="transact.TName" value="${person.TName!''}"/>
        <input type="hidden" id="LinkTel1" name="transact.LinkTel1" value="${person.LinkTel1!''}"/>
        <input type="hidden" id="SerialNumber" name="transact.SerialNumber" value="${appeal.SerialNumber!''}"/>
        <input type="hidden" id="AppealDate" name="transact.AppealDate" value="${appeal.AppealDate!''}"/>
        
        <input type="hidden" id="AppealType" name="transact.AppealType" value="${appeal.AppealType!''}"/>
        <input type="hidden" id="AppealSource" name="transact.AppealSource" value="${appeal.AppealSource!''}"/>
        
        <input type="hidden" id="LimitEndDate" name="transact.LimitEndDate" value="${appeal.LimitEndDate!''}"/>
        <input type="hidden" id="transactDoState" name="transact.DoState" value="已办理"/>
        <input type="hidden" id="TransactOrgID" name="transact.TransactOrgID" value="${user.OrgID}"/>
        <input type="hidden" id="TransactOrgName" name="transact.TransactOrgName" value="${user.OrgName}"/>
        <input type="hidden" id="TransactUserID" name="transact.TransactUserID" value="${user.UserID}"/>
        <input type="hidden" id="TransactUserName" name="transact.TransactUserName" value="${user.UserName}"/>
        <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/>
        
        <input type="hidden" id="ToFilialeOrgID" name="transact.ToFilialeOrgID" value=""/>
        <input type="hidden" id="ToFilialeOrgName" name="transact.ToFilialeOrgName" value=""/>        
        <input type="hidden" id="ToCentreOrgID" name="transact.ToCentreOrgID" value=""/>
        <input type="hidden" id="ToCentreOrgName" name="transact.ToCentreOrgName" value=""/>
                
		<input type="hidden" id="ToOrgID" name="transact.ToOrgID" value=""/> 
		<input type="hidden" id="ToOrgName" name="transact.ToOrgName" value=""/>
		<input type="hidden" id="ToJobID" name="transact.ToJobID" value=""/>
        <input type="hidden" id="ToJobName" name="transact.ToJobName" value=""/>
		
		<input type="hidden" id="ComplaintTypeName1" name="transact.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/>
        <input type="hidden" id="ComplaintTypeName2" name="transact.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/>              
        <input type="hidden" id="ReasonName1" name="transact.ReasonName1" value="${appeal.ReasonName1!''}"/>
        <input type="hidden" id="ReasonName2" name="transact.ReasonName2" value="${appeal.ReasonName2!''}"/>
        <input type="hidden" id="ReasonName3" name="transact.ReasonName3" value="${appeal.ReasonName3!''}"/>                
        <input type="hidden" id="AskTypeName1" name="transact.AskTypeName1" value="${appeal.AskTypeName1!''}"/>
        <input type="hidden" id="AskTypeName2" name="transact.AskTypeName2" value="${appeal.AskTypeName2!''}"/>
        <input type="hidden" id="AskTypeName3" name="transact.AskTypeName3" value="${appeal.AskTypeName3!''}"/>    
		<input type="hidden" id="UpdateInfo" name="transact.UpdateInfo" value=""/>
		
		<input type="hidden" id="transactAppealState" name="transact.AppealState" value="办理"/>
		
		<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!''}


<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-12 col-sm-12 col-md-12 col-lg-12 has-error has-feedback" >
				<label class="control-label" for="TransactIdea"  > ${undertakeModel.FromOrgName!''} 的 ${undertakeModel.FromUserName!''} 于 ${undertakeModel.TransactDate!''} 办理此案件时,提请您同步签署办理意见。</label>
			</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="TransactIdea" 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" value="" placeholder="" id="TransactIdea" name="transact.TransactIdea"   maxlength="500"  vmode="not null" vdisp="办理意见"  vtype="string"></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="TransactType">办理方式</label>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
				 
				<select id="TransactType" name="transact.TransactType" onChange=setTransactType() class="form-control"   vmode="not null" vdisp="办理方式"  vtype="string">
				 	   <option value="">请选择</option> 				 	       
					   <option value="会办同意">会办同意</option>
					   <option value="会办拒绝">会办拒绝</option>	 			    					 
				</select>				 
			</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>
<!-- 选择单位弹出页面,模态框(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> 

<!-- 保单回访信息数据展示,模态框(Modal) -->
<div class="modal fade" id="signOrderModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" role="document" style="width:900px">
		<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">

				<div class="table-responsive">
					<table class="table table-bordered" id="signOrderModal_Table">
						${MoreSignInfo!''}
					</table>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> 关闭
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<script type="text/javascript"> 
 
$(function () { $("[data-toggle='tooltip']").tooltip(); });

$(function () { 
	$.ajaxSetup({ //发送请求前触发
        beforeSend: function(request) { //可以设置自定义标头
        	request.setRequestHeader('token', "${AccToken}");
        }
     })
	
});
</script>
</body>
</html>