<!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);
}
</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="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="AskTypeName1" name="appeal.AskTypeName1" value="${appeal.AskTypeName1!''}"/>
<input type="hidden" id="AskTypeName2" name="appeal.AskTypeName2" value="${appeal.AskTypeName2!''}"/>
<input type="hidden" id="AskTypeName3" 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="respondent.FilialeName" value="${respondent.FilialeName!''}"/>
--> <input type="hidden" id="CentreCompanyName" name="respondent.CentreCompanyName" value="${respondent.CentreCompanyName!''}"/>
<input type="hidden" id="BusinessHallName" name="respondent.BusinessHallName" value="${respondent.BusinessHallName!''}"/>
</div>
<div class="container-fluid" style="margin-top:15px;">
<div class="panel panel-primary">
<div class="panel-heading">
<div style="display:inline;" >投诉对象信息 </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-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="PersonType">客户类型</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
<input type="text" class="form-control" value="${person.PersonType!''}" 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="TName" id="Label_TName">姓名</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback" >
<input type="text" class="form-control" value="${person.TName!''}" placeholder="" id="TName" name="person.TName" maxlength="40" 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="CardType">证件类型</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="${person.CardType!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="IDCard">证件号码</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="${person.IDCard!''}" placeholder="" id="IDCard" name="person.IDCard" 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="Status">性别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="${person.TSex!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Status">投诉人资格</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="${person.Status!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="LinkPerson">联系人</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.LinkPerson!''}" id="LinkPerson" name="person.LinkPerson" maxlength="20" 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="LinkTel1">联系电话</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 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-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="LinkTel2">其他联系方式</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.LinkTel2!''}" id="LinkTel2" name="person.LinkTel2" maxlength="20" 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="ProvinceID">通讯地址省</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.ProvinceName!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AreaID">地市</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.AreaName!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CountyID">区县</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.CountyName!''}" 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="TownAddress">详细地址</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.TownAddress!''}" id="TownAddress" name="person.TownAddress" maxlength="40" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Postalcode">邮编</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${person.Postalcode!''}" id="Postalcode" name="person.Postalcode" maxlength="6" 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="ComplaintPersonNum">投诉人数量</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ComplaintPersonNum!''}" id="ComplaintPersonNum" name="appeal.ComplaintPersonNum" 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="CplIdentityID">特殊投诉人</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${appeal.CplIdentityName!''}" id="CplIdentityID" name="appeal.CplIdentityID" 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="${person.RemarksInfo!''}" placeholder="" id="RemarksInfo" name="person.RemarksInfo" readonly>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-success" id="CompactPanelFlag" ${compactPersonalListShowFlag1}>
<div class="panel-heading">
<div style="display:inline;" >保单信息 </div>
<div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseCompact1"><span id="Compact1CollapseIcon" onClick="setCollapseIcon('Compact1CollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a> </div>
</div>
<div id="collapseCompact1" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px" id="Compact1Public4">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<table class="table table-bordered" id="Compact_Table">
<tr class="info">
<th class="text-center">保单编号</th>
<th class="text-center">团单保单编号</th>
<th class="text-center">险种名称</th>
<th class="text-center">保单状态</th>
<th class="text-center">投保人姓名</th>
<th class="text-center">生效日期</th>
<th class="text-center">操作</th>
</tr>
${compactPersonalList!''}
</table>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-success" id="Compact1PanelFlag" ${compactShowFlag1}>
<div class="panel-heading">
<div style="display:inline;" >保单信息 </div>
<div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseCompact1"><span id="Compact1CollapseIcon" onClick="setCollapseIcon('Compact1CollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
</div>
<div id="collapseCompact1" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px" id="Compact1Public1">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PolicyNumber1">保单号</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PolicyNumber!''}" id="PolicyNumber1" name="compact1.PolicyNumber" 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="CarOwnerName1">险种名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.RiskName!''}" id="RiskName1" name="compact1.RiskName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="RiskName1">保单状态</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.RealSign!''}" id="RealSign1" name="compact1.RealSign" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Public2" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CarRegisterDate1">生效日期</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.EffectiveDate!''}" id="EffectiveDate1" name="compact1.EffectiveDate" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PolicyDate1">保单保额</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PolicyAmount!''}" id="PolicyAmount1" name="compact1.PolicyAmount" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SumPrem1">保单保费</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PolicyPremium!''}" id="PolicyPremium1" name="compact1.PolicyPremium" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Public3" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CarRegisterDate1">保险期间</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PolicyDuration!''}" id="PolicyDuration1" name="compact1.PolicyDuration" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PolicyDate1">缴费年限</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PayYearNumber!''}" id="PayYearNumber1" name="compact1.PayYearNumber" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SumPrem1">实收保费</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.SumPremium!''}" id="SumPremium1" name="compact1.SumPremium" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Personal1" ${compactPersonalShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AppntName1">投保人姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.AppntName!''}" id="AppntName1" name="compact1.AppntName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AppntCustomerId1">证件号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.AppntCustomerId!''}" id="AppntCustomerId1" name="compact1.AppntCustomerId" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AppntMobile1">手机号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.AppntMobile!''}" id="AppntMobile1" name="compact1.AppntMobile" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Personal2" ${compactPersonalShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredName1">被保人姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.InsuredName!''}" id="InsuredName1" name="compact1.InsuredName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredCustomerId1">证件号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.InsuredCustomerId!''}" id="InsuredCustomerId1" name="compact1.InsuredCustomerId" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredMobile1">手机号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.InsuredMobile!''}" id="InsuredMobile1" name="compact1.InsuredMobile" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Personal3" ${compactPersonalShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Contractor1">承保机构</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.Contractor!''}" id="Contractor1" name="compact1.Contractor" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SaleChnlName1">销售渠道</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.SaleChnlName!''}" id="SaleChnlName1" name="compact1.SaleChnlName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BusinessSources1">销售方式</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.SalesTypeName!''}" id="SalesTypeName1" name="compact1.SalesTypeName" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Personal4" ${compactPersonalShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="OperatorID1">代理机构/经代公司名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.ProxyOrgName!''}" id="ProxyOrgName1" name="compact1.ProxyOrgName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ProxyName1">代理人名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.ProxyName!''}" id="ProxyName1" name="compact1.ProxyName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="OperatorID1">协议封闭期</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.ProtocolLock!''}" id="ProtocolLock1" name="compact1.ProtocolLock" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Personal5" ${compactPersonalShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CashValue1">现金价值</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.CashValue!''}" id="CashValue1" name="compact1.CashValue" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AccountValue1">账户价值</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.AccountValue!''}" placeholder="" id="AccountValue1" name="compact1.AccountValue" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Group1" ${compactGroupShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SalesmanName1">业务员姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.SalesmanName!''}" id="SalesmanName1" name="compact1.SalesmanName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BelongToOrgName1">所属机构</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.BelongToOrgName!''}" id="BelongToOrgName1" name="compact1.BelongToOrgName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BelongToFilialeName1">所属分部</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.BelongToFilialeName!''}" id="BelongToFilialeName1" name="compact1.BelongToFilialeName" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Group2" ${compactGroupShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateName1">公司名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.CorporateName!''}" id="CorporateName1" name="compact1.CorporateName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateTaxID1">税务登记号</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.CorporateTaxID!''}" id="CorporateTaxID1" name="compact1.CorporateTaxID" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateID1">营业执照号</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.CorporateID!''}" id="CorporateID1" name="compact1.CorporateID" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Group3" ${compactGroupShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PersonNumber1">承保人数 </label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.PersonNumber!''}" id="PersonNumber1" name="compact1.PersonNumber" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative1Name1">授权代表1</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.Representative1Name!''}" id="Representative1Name1" name="compact1.Representative1Name" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative1Tel1">联系电话</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.Representative1Tel!''}" id="Representative1Tel1" name="compact1.Representative1Tel" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Group4" ${compactGroupShowFlag1} >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative2Name1">授权代表2</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.Representative2Name!''}" id="Representative2Name1" name="compact1.Representative2Name" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative2Tel1">联系电话</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${compact1.Representative2Tel!''}" id="Representative2Tel1" name="compact1.Representative2Tel" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="Compact1Public4">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Compact1RemarksInfo">备注</label>
</div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${compact1.RemarksInfo!''}" placeholder="" id="Compact1RemarksInfo" name="compact1.RemarksInfo" readonly>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-success" id="Inscetype" ${inscetypeFlag} >
<div class="panel-heading">
<div style="display:inline;" >险种类别 </div>
<div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseInsceType"><span id="CompactCollapseIcon" onClick="setCollapseIcon('CompactCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
</div>
<div id="collapseInsceType" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px" >
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ReasonID1">险种类型 </label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<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" >
<label class="control-label" for="ReasonID2">二级原因</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<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" >
<label class="control-label" for="ReasonID3">三级原因</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.InsceTypeName3!''}" readonly>
</div> -->
</div>
</div>
</div>
</div>
<div class="panel panel-success" id="PaymentPanelFlag" ${paymentShowFlag}>
<div class="panel-heading">
<div style="display:inline;" >理赔信息 </div>
<div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapsePayment"><span id="PaymentCollapseIcon" onClick="setCollapseIcon('PaymentCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
</div>
<div id="collapsePayment" 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" >
<label class="control-label" for="ClaimID">赔案号</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ClaimID!''}" id="ClaimID" name="payment.ClaimID" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ClaimState">赔案状态</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ClaimState!''}" id="ClaimState" name="payment.ClaimState" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PolicyNumber">保单号</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.PolicyNumber!''}" id="PolicyNumber" name="payment.PolicyNumber" 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="ApplicantName">申请人姓名</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ApplicantName!''}" id="ApplicantName" name="payment.ApplicantName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ApplicantSex">申请人性别</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ApplicantSex!''}" id="ApplicantSex" name="payment.ApplicantSex" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ApplicantTel">申请人电话</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ApplicantTel!''}" id="ApplicantTel" name="payment.ApplicantTel" 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="ApplicantTime">申请时间</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ApplicantTime!''}" id="ApplicantTime" name="payment.ApplicantTime" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ApplicantRelation" >与出险人关系</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ApplicantRelation!''}" id="ApplicantRelation" name="payment.ApplicantRelation" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AccidentDate">事故日期</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.AccidentDate!''}" id="AccidentDate" name="payment.AccidentDate" 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="CustomerName">客户姓名</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.CustomerName!''}" id="CustomerName" name="payment.CustomerName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CustomerSex">性别</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.CustomerSex!''}" id="CustomerSex" name="payment.CustomerSex" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CustomerIDCard">证件号码</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.CustomerIDCard!''}" id="CustomerIDCard" name="payment.CustomerIDCard" 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="GraveType">重疾类型</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.GraveType!''}" id="GraveType" name="payment.GraveType" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="TreatmentHospital">治疗医院</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.TreatmentHospital!''}" id="TreatmentHospital" name="payment.TreatmentHospital" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="HealthCondition">治疗情况</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.HealthCondition!''}" id="HealthCondition" name="payment.HealthCondition" 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="DiagnosticType">诊断类型</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.DiagnosticType!''}" id="DiagnosticType" name="payment.DiagnosticType" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="MildCaseGroup">轻症组别</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.MildCaseGroup!''}" id="MildCaseGroup" name="payment.MildCaseGroup" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="MildCaseType">轻症类型</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.MildCaseType!''}" id="MildCaseType" name="payment.MildCaseType" 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="AccidentCause">出险原因</label></div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${payment.AccidentCause!''}" id="AccidentCause" name="payment.AccidentCause" 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="UnexpectedDetails">意外细节</label></div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${payment.UnexpectedDetails!''}" id="UnexpectedDetails" name="payment.UnexpectedDetails" 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="AccidentResult">出险结果</label>
</div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${payment.AccidentResult!''}" id="AccidentResult" name="payment.AccidentResult" 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="AuditOpinion" style="line-height:40px;">审核意见</label>
</div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<textarea class="form-control" rows="2" value="${payment.AuditOpinion!''}" id="AuditOpinion" name="payment.AuditOpinion" readonly></textarea>
</div>
</div>
<div class="row" style="padding:5px">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AuditConclusion">审核结论</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.AuditConclusion!''}" id="AuditConclusion" name="payment.AuditConclusion" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ReasonNoCase">不立案原因</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ReasonNoCase!''}" id="ReasonNoCase" name="payment.ReasonNoCase" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ClaimType">理赔类型</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.ClaimType!''}" id="ClaimType" name="payment.ClaimType" 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="EndCaseDate">结案日期</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.EndCaseDate!''}" id="EndCaseDate" name="payment.EndCaseDate" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="EndCaseAmount">结案金额</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.EndCaseAmount!''}" id="EndCaseAmount" name="payment.EndCaseAmount" 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="BeneficiaryName"><a href="javascript:onclick=setBnfName()">受益人姓名</a></label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.BeneficiaryName!''}" id="BeneficiaryName" name="payment.BeneficiaryName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BeneficiaryCardType">证件类型</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.BeneficiaryCardType!''}" placeholder="" id="BeneficiaryCardType" name="payment.BeneficiaryCardType" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BeneficiaryIDCard">证件号码</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${payment.BeneficiaryIDCard!''}" placeholder="" id="BeneficiaryIDCard" name="payment.BeneficiaryIDCard" 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="AccidentDescription" style="line-height:40px;">事故描述</label></div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<textarea class="form-control" rows="2" value="${payment.AccidentDescription!''}" id="AccidentDescription" name="payment.AccidentDescription" readonly></textarea>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="CompactDetailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
<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">
×
</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" id="ListCompact1Public1">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListPolicyNumber1">保单号</label></div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPolicyNumber1" name="compact4.PolicyNumber" 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="CarOwnerName1">险种名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="ListRiskName1" name="compact4.RiskName" readonly>
</div>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListRiskName1">保单状态</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListRealSign1" name="compact4.RealSign" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Public2" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListCarRegisterDate1">生效日期</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListEffectiveDate1" name="compact4.EffectiveDate" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListPolicyDate1">保单保额</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPolicyAmount1" name="compact4.PolicyAmount" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListSumPrem1">保单保费</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPolicyPremium1" name="compact4.PolicyPremium" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Public3" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CarRegisterDate1">保险期间</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPolicyDuration1" name="compact4.PolicyDuration" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PolicyDate1">缴费年限</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPayYearNumber1" name="compact4.PayYearNumber" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SumPrem1">实收保费</label></div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListSumPremium1" name="compact4.SumPremium" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Personal1" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AppntName1">投保人姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListAppntName1" name="compact4.AppntName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AppntCustomerId1">证件号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="ListAppntCustomerId1" name="compact4.AppntCustomerId" readonly>
</div>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ListAppntMobile1">手机号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="ListAppntMobile1" name="compact4.AppntMobile" readonly>
</div>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Personal2" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredName1">被保人姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListInsuredName1" name="compact4.InsuredName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredCustomerId1">证件号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="ListInsuredCustomerId1" name="compact4.InsuredCustomerId" readonly>
</div>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="InsuredMobile1">手机号码</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="ListInsuredMobile1" name="compact4.InsuredMobile" readonly>
</div>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Personal3" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Contractor1">承保机构</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListContractor1" name="compact4.Contractor" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SaleChnlName1">销售渠道</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListSaleChnlName1" name="compact4.SaleChnlName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BusinessSources1">销售方式</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListSalesTypeName1" name="compact4.SalesTypeName" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Personal4" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="OperatorID1">代理机构/经代公司名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListProxyOrgName1" name="compact4.ProxyOrgName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ProxyName1">代理人名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListProxyName1" name="compact4.ProxyName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="OperatorID1">协议封闭期</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListProtocolLock1" name="compact4.ProtocolLock" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Personal5" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CashValue1">现金价值</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListCashValue1" name="compact4.CashValue" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AccountValue1">账户价值</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListAccountValue1" name="compact4.AccountValue" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Group1" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="SalesmanName1">业务员姓名</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListSalesmanName1" name="compact4.SalesmanName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BelongToOrgName1">所属机构</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListBelongToOrgName1" name="compact4.BelongToOrgName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="BelongToFilialeName1">所属分部</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListBelongToFilialeName1" name="compact4.BelongToFilialeName" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Group2" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateName1">公司名称</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListCorporateName1" name="compact4.CorporateName" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateTaxID1">税务登记号</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListCorporateTaxID1" name="compact4.CorporateTaxID" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="CorporateID1">营业执照号</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListCorporateID1" name="compact4.CorporateID" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Group3" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="PersonNumber1">承保人数 </label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListPersonNumber1" name="compact4.PersonNumber" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative1Name1">授权代表1</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListRepresentative1Name1" name="compact4.Representative1Name" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative1Tel1">联系电话</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListRepresentative1Tel1" name="compact4.Representative1Tel" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Group4" >
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative2Name1">授权代表2</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListRepresentative2Name1" name="compact4.Representative2Name" readonly>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Representative2Tel1">联系电话</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="" placeholder="" id="ListRepresentative2Tel1" name="compact4.Representative2Tel" readonly>
</div>
</div>
<div class="row" style="padding:5px" id="ListCompact1Public4New">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="Compact1RemarksInfo">备注</label>
</div>
<div class="col-xs-12 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="" placeholder="" id="ListCompact1RemarksInfo" name="compact4.RemarksInfo" maxlength="130" vmode="" vdisp="保单备注" vtype="string">
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
${respondentList!''}
<div class="panel panel-warning">
<div class="panel-heading">
<div style="display:inline;" >客诉事项信息 </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-1 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-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
<input type="text" class="form-control" value="${appeal.AppealType!''}" 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="AppealSource">客诉来源</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
<input type="text" class="form-control" value="${appeal.AppealSource!''}" 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="IsUpLevel">是否升级件</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
<input type="text" class="form-control" value="${appeal.IsUpLevel!''}" 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="AppealDate">投诉时间</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
<input type="text" class="form-control" value="${appeal.AppealDate!''}" id="AppealDate" name="appeal.AppealDate" onChange="setAskEndTime()" vmode="not null" vdisp="客诉时间" vtype="string" 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.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-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.LimitEndDate!''}" id="LimitEndDate" name="appeal.LimitEndDate" 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="ComplaintTypeID1">投诉件等级</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ComplaintTypeName1!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ComplaintTypeID2">二级类别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ComplaintTypeName2!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AskTypeID3">提交证据</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.IsSubmitEvidence!''}" 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="ReasonID1">投诉类型 </label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ReasonName1!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ReasonID2">二级类型</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ReasonName2!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="ReasonID3">三级类型</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.ReasonName3!''}" 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.AskTypeName1!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AskTypeID2">二级类别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.AskTypeName2!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="AskTypeID2">三级类别</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.AskTypeName3!''}" 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="AskInfo">诉求描述</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
<input type="text" class="form-control" value="${appeal.AskInfo!''}" id="AskInfo" name="appeal.AskInfo" maxlength="200" 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="AskInfo">备注</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
<input type="text" class="form-control" value="${appeal.RemarksInfo!''}" 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.RecordTime!''}" 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 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.RemoveDataIdea" maxlength="2000" readonly>${appeal.RemoveDataIdea!''}</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
${soundPanel!''}
${subjoinPanel!''}
${researchInfo!''}
${opinionInfo!''}
${endInfo!''}
${archiveInfo!''}
${followInfoList!''}
${visitInfoList!''}
<div class="panel panel-warning">
<div class="panel-heading">
<div style="display:inline;" >客诉办理状态图 </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> 关 闭</button>
</div>
</div>
</div>
<!-- 受益人与领款人信息弹出页面，模态框（Modal） -->
<div class="modal fade" id="BnfNameModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document" style="width:1100px">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</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="BnfNameModal_Table">
<tr class="info">
<th class="text-center">受益人</th>
<th class="text-center">证件类型</th>
<th class="text-center">证件号码</th>
<th class="text-center">与被保人关系</th>
<th class="text-center">受益比例</th>
<th class="text-center">领款人</th>
<th class="text-center">证件类型</th>
<th class="text-center">证件号码</th>
<th class="text-center">与受益人关系</th>
<th class="text-center">领取方式</th>
</tr>
</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>
<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>