projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995
							<!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/ystep/css/ystep.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>

<!--[if lt IE 9]>
  <script src="${ctx}/assets/lib/bootstrap-3.3.7/js/html5shiv.min.js"></script>
  <script src="${ctx}/assets/lib/bootstrap-3.3.7/js/respond.min.js"></script>
<![endif]-->

<script type="text/javascript">
//关闭打开Panel图标设置
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");			
	}
}
//点击查看保单信息
function showCompactDetail(strPolicyNumber)
{
	$('#form1').attr('action','${ctx}/myconsole/complaint/interface/queryCompactAllInfo?QueryPolicyNumber='+strPolicyNumber); 	        
	$('#form1').ajaxSubmit(setCompactAllInfoNew);	
	
}
function setCompactAllInfoNew(data){
	var  compactJson = JSON.parse(data);
	//console.log(compactJson);
	var flag=compactJson.flag;	
	
	if(flag)
	{			 
			var compact=compactJson.compact; 			
			//$("#CompactDetailModal").show();
			$("#ListCompact1Public1").show();
			$("#ListCompact1Public2").show();
			$("#ListCompact1Public3").show();
			$("#ListCompact1Public4").show();
			$("#ListCompact1Personal1").show();
			$("#ListCompact1Personal2").show();
			$("#ListCompact1Personal3").show();
			$("#ListCompact1Personal4").show();
			$("#ListCompact1Personal5").show();
			$("#ListCompact1Personal6").show();
			$("#ListCompact1Group1").hide();
			$("#ListCompact1Group2").hide();
			$("#ListCompact1Group3").hide();
			$("#ListCompact1Group4").hide();
			
			$("#ListPolicyNumber1").val(compact.policynumber);
			$("#ListRiskName1").val(compact.riskname);
			$("#ListRealSign1").val(compact.realsign);
			$("#ListEffectiveDate1").val(compact.effectivedate);
			$("#ListPolicyAmount1").val(compact.policyamount);
			$("#ListPolicyPremium1").val(compact.policypremium);
			$("#ListPolicyDuration1").val(compact.policyduration);
			$("#ListPayYearNumber1").val(compact.payyearnumber);
			$("#ListSumPremium1").val(compact.sumpremium);
			$("#ListAppntName1").val(compact.appntname);
			$("#ListAppntSex1").val(compact.appntsex);
			$("#ListAppntCustomerId1").val(compact.appntcustomerid);
			$("#ListAppntMobile1").val(compact.appntmobile);
			$("#ListInsuredName1").val(compact.insuredname);
			$("#ListInsuredCustomerId1").val(compact.insuredcustomerid);
			$("#ListInsuredMobile1").val(compact.insuredmobile);
			$("#ListContractor1").val(compact.contractor);
			$("#ListSaleChnlName1").val(compact.salechnlname);
			$("#ListSalesTypeName1").val(compact.salestypename);
			$("#ListProxyOrgName1").val(compact.proxyorgname);
			$("#ListProxyName1").val(compact.proxyname);
			$("#ListProtocolLock1").val(compact.protocollock1);
			$("#ListOrderType1").val(compact.ordertype);
			$("#ListIsFree1").val(compact.isfree);
			$("#ListCashValue1").val(compact.cashvalue);
			$("#ListTerminationType1").val(compact.terminationtype);
			$("#ListSurrenderMoney1").val(compact.surrendermoney);
			$("#ListBankName1").val(compact.bankname);
			$("#ListCustomerAccount1").val(compact.customeraccount);
			$("#ListPayDate1").val(compact.paydate);

			riskList=compactJson.riskList;
			//$('#CompactModal').modal('hide');
		  
			
			/**
			 * 同步保单信息
			 */
			//销售渠道
			var strSaleChnlName1=$("#ListSaleChnlName1").val(); 
			$ ("#ListSalesChannelID option" ). each( function () {  
			    if($(this).text()==strSaleChnlName1){  
				    $(this).attr("selected","selected");   
				    return false;          
				}                                   
			})  
			//销售方式
			var strSalesTypeName1=$("#ListSalesTypeName1").val();
			$ ("#ListSalesTypeID option" ). each( function () {  
			    if($(this).text()==strSalesTypeName1){  
				    $(this).attr("selected","selected");   
				    return false;          
				}                                   
			})  
			//产品名称--对应核心的险种名称
			var strRiskName1=$("#ListRiskName1").val();
			$ ("#ListProductID option" ). each( function () {  
			    if($(this).text()==strRiskName1){  
				    $(this).attr("selected","selected");   
				    return false;          
				}                                   
			})  
			//主附险别
			$("#ListInsceMainbe").val("主险");
			//承保方式
			$("#ListUnderWriteType").val("个人");
			$('#CompactDetailModal ').modal({
				 backdrop: 'static',
				 keyboard: false
				})
	}   
	else
	{    
		layer.alert("没有查询到保单信息！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});		
	}
}
//查看客诉件明细 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();
	 
	if(queryNo!="")
	{
		var policyType=$("input[name='PolicyType']:checked").val();
		var curDateMD5="${curDateMD5!''}";
		if(policyType=="车险")
		{
           fullOpen("http://100.250.128.69:7031/claimCar/informationShare.do?actionType=showFlow&accidentNo="+queryNo+"&date="+curDateMD5);			 
		}
		else
		{
			fullOpen(" http://100.250.128.69:7021/claim/swfFlowBeforeQuery.do?registNo=603012017000000026403&policyNo=80301201611TB19995764");
		}
	}
	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
		})
}

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="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!''}"/>
		
</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!''}

${followInfoList!''}

${visitInfoList!''}

${historyInfoList!''} 

<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="#collapseFlowPic"><span  id="FlowPicCollapseIcon"  onClick="setCollapseIcon('FlowPicCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseFlowPic" class="panel-collapse collapse in">

  <div class="panel-body" style="font-size:14px">

     			 
				<div class="ystep4"  ></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="TempSaveButton"  onclick=window.close() ><span class="glyphicon glyphicon-remove"></span>&nbsp;&nbsp;关&nbsp;&nbsp;&nbsp;&nbsp;闭</button>	
				
			</div>
			 
	</div>  
	  
</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>


</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>
  
<script type="text/javascript" src="${ctx}/assets/lib/ystep/js/ystep.js"></script>
<script>
    //根据jQuery选择器找到需要加载ystep的容器
    //loadStep 方法可以初始化ystep
 
    $(".ystep4").loadStep({
      size: "large",
      color: "blue",
      steps: [{
        title: "受理",
        content: "客诉件通过各种客诉渠道在受理环节进入客诉系统"
      },{
        title: "办理",
        content: "各机构办理人员在该环节处理客诉件"
      },{
        title: "结案",
        content: "客诉件办理完成提交审核"
      },{
        title: "归档",
        content: "机构客诉管理岗审核通过，客诉件归档"
      }]
    });
    
    $(".ystep4").setStep(${iStep!''});
    
    $(function () { $("[data-toggle='tooltip']").tooltip(); });

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

				} 
				$('#BnfNameModal').modal({
					 backdrop: 'static',
					 keyboard: false
					})
			
		}   
		else
		{    
			layer.alert("该赔案号没有查询到受益人和领款人信息！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});		
		}
	}    
</script>
</body>
</html>