<!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>
<script src="${ctx}/assets/js/validate.js" ></script>
<script type="text/javascript">
function submitRepeat(){
if($('#TransactIdea').val()!='')
{
//$('#form1').attr('action','${ctx}/myconsole/complaint/register/saveRepeat');
//$('#form1').ajaxSubmit(resultHandle);
var params_= $("#form1" ).serialize();
$.post('${ctx}/myconsole/complaint/register/saveRepeat',params_,function(data){
resultHandle(data);
})
$("#SubmitRepeatButton").attr("disabled",'disabled');
}
else
{
layer.alert("重复件办理意见不能为空！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
$('#TransactIdea').focus();
}
}
function resultHandle(data){
var res=eval('(' + data + ')');
if(res.flag){
layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1},
function(){
layer.closeAll('dialog');
window.parent.close();
});
}else{
if(res.flag == false)
{
layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
}
function submitUrge()
{
if($('#UrgeTransactIdea').val()!='')
{
//$('#form1').attr('action','${ctx}/myconsole/complaint/register/saveRepeat');
//$('#form1').ajaxSubmit(resultHandle);
var params_= $("#form1" ).serialize();
$.post('${ctx}/myconsole/complaint/register/saveUrge',params_,function(data){
resultHandle(data);
})
$("#SubmitRepeatButton").attr("disabled",'disabled');
}
else
{
layer.alert("业务催办办理意见不能为空！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
$('#TransactIdea').focus();
}
}
function submitNolle(){
if($('#NolleTransactIdea').val()!=''&&$('#NolleType').val()!=''&&$('#NolleDate').val()!='')
{
//$('#form1').attr('action','${ctx}/myconsole/complaint/register/saveNolle');
//$('#form1').ajaxSubmit(resultHandle);
var params_= $("#form1" ).serialize();
$.post('${ctx}/myconsole/complaint/register/saveNolle',params_,function(data){
resultHandle(data);
})
$("#SubmitNolleButton").attr("disabled",'disabled');
}
else
{
layer.alert("撤诉办理意见、撤诉方式、撤诉时间都不能为空！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
$('#NolleTransactIdea').focus();
}
}
//
function setLinkPerson()
{
var personType=$("#PersonType").val();
if(personType=='自然人')
{
var linkPerson=$("#TName").val();
$("#LinkPerson").val(linkPerson);
}
else
{
$("#LinkPerson").val("");
}
}
//根据人员类别选择证件信息2017-08-19
function setLabelTName()
{
var personType=$("#PersonType").val();
if(personType=='自然人'||personType=='')
{
$("#Label_TName").text("姓名");
$("#CardType").empty();
$("#CardType").append("<option value=''>请选择</option>");
$("#CardType").append("<option value='居民身份证'>居民身份证</option>");
$("#CardType").append("<option value='护照'>护照</option>");
$("#CardType").append("<option value='军人证'>军人证</option>");
$("#CardType").append("<option value='其他'>其他</option>");
}
if(personType=='非自然人')
{
$("#Label_TName").text("单位名称");
$("#CardType").empty();
$("#CardType").append("<option value=''>请选择</option>");
$("#CardType").append("<option value='统一社会信用代码'>统一社会信用代码</option>");
}
}
//验证身份证信息
function setIDCard()
{
var cardType=$("#CardType").val();
if(cardType=='居民身份证')
{
$("#IDCard").attr("vtype","idcard");
}
else
{
$("#IDCard").attr("vtype","string");
}
}
//根据投诉人姓名，证件类型，证件号码判重
function repeatIDCard()
{
var tName=$("#TName").val();
var cardType=$("#CardType").val();
var idCard=$("#IDCard").val();
var personType=$("#PersonType").val();
if(tName!=""&&cardType!=""&&cardType!="")
{
$('#form1').attr('action','${ctx}/myconsole/complaint/register/repeatIDCard');
$('#form1').ajaxSubmit(setPersonData);
}
else
{
var alertInfo="";
if(personType=="自然人"||personType=="")
{
alertInfo="投诉人姓名，证件类型，证件号码都必须填写！";
}
else
{
alertInfo="单位名称，证件类型，证件号码都必须填写！";
}
layer.alert(alertInfo, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//回写投诉人判重数据
function setPersonData(data){
var personJson = JSON.parse(data);
var flag=personJson.flag;
if(flag)
{
var person=personJson.person;
$("#Modal_TName").val(person.tname);
$("#Modal_Status").val(person.status);
$("#Modal_CardType").val(person.cardtype);
$("#Modal_IDCard").val(person.idcard);
$("#Modal_LinkTel1").val(person.linktel1);
$("#Modal_TownAddress").val(person.townaddress);
$("#Modal_PersonID").val(person.personid);
$("#Modal_Appeal").find("tr:not(:first)").remove();
var listAppeal=eval(personJson.listAppeal);
listAppeal.forEach(function(item,index)
{
if(item.serialnumber==null){
$("#Modal_Appeal").append("<tr><td></td><td>"+item.appealdate+"</td><td>"+item.appealsource+"</td><td>"+item.appealtype+"</td><td></td></tr>");
}else{
$("#Modal_Appeal").append("<tr><td class='text-center' ><input type='radio' name='Radio_AppealID' id='Radio_AppealID' value='"+item.appealid+"' ></td><td>"+item.appealdate+"</td><td>"+item.appealsource+"</td><td>"+item.appealtype+"</td><td><button class='btn btn-primary radius size-S' onclick=seeData('"+item.appealid+"')>查看详细</button></td></tr>");
}
})
$('#repeatModal').modal({
backdrop: 'static',
keyboard: false
})
}
else
{
layer.alert("该投诉人为首次投诉！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//根据省取地市数据
function setAreaID()
{
var provinceID=$("#ProvinceID").val();
$("#CountyID").empty();
if(provinceID!='')
{
$("#form1").attr("action","${ctx}/myconsole/complaint/register/getAreaIDData");
$("#form1").ajaxSubmit(setAreaIDData);
}
else
{
$("#AreaID").empty();
}
if($("#ProvinceID").val()!="")
{
var provinceName=$("#ProvinceID").find("option:selected").text();
$("#ProvinceName").val(provinceName);
}
else
{
$("#ProvinceName").val("");
}
}
//回写json地市数据
function setAreaIDData(data){
$("#AreaID").empty();
$("#AreaID").append("<option value=''>请选择</option>");
var listRegionJson = JSON.parse(data);
var postalCode=listRegionJson.PostalCode;
var listregion=eval(listRegionJson.ListRegion);
listregion.forEach(function(item,index)
{
$("#AreaID").append("<option value='"+item.tid+"'>"+item.tname+"</option>");
})
$("#Postalcode").val(postalCode);
}
//根据地市数据选择县区数据
function setCountyID()
{
var areaID=$('#AreaID').val();
if(areaID!='')
{
$("#form1").attr("action","${ctx}/myconsole/complaint/register/getCountyIDData");
$("#form1").ajaxSubmit(setCountyIDData);
}
else
{
$("#CountyID").empty();
}
if($("#AreaID").val()!="")
{
var provinceName=$("#ProvinceID").find("option:selected").text();
var areaName=$("#AreaID").find("option:selected").text();
$("#ProvinceName").val(provinceName);
$("#AreaName").val(areaName);
}
else
{
$("#AreaName").val("");
}
}
//回写json区县数据
function setCountyIDData(data){
$("#CountyID").empty();
$("#CountyID").append("<option value=''>请选择</option>");
var listRegionJson = JSON.parse(data);
var postalCode=listRegionJson.PostalCode;
var listregion=eval(listRegionJson.ListRegion);
listregion.forEach(function(item,index)
{
$("#CountyID").append("<option value='"+item.tid+"'>"+item.tname+"</option>");
})
$("#Postalcode").val(postalCode);
}
//设置详细地址
function setTownAddress()
{
if($("#CountyID").val()!="")
{
var countyName=$("#CountyID").find("option:selected").text();
$("#CountyName").val(countyName);
$("#form1").attr("action","${ctx}/myconsole/complaint/register/getPostalCode");
$("#form1").ajaxSubmit(setPostalCodeData);
}
else
{
$("#CountyName").val("");
}
}
//回写邮编数据
function setPostalCodeData(data){
$("#Postalcode").val(data);
}
//
function setContractExist()
{
if($("#ContractExistFlag").is(":checked"))
{
$("#ContractExistFlag1").show();
$("#ContractExistFlag2").show();
$("#ContractExistFlag3").show();
$("#ContractExistFlag4").show();
$("#ContractExist").val("有保单");
}
else
{
$("#ContractExistFlag1").hide();
$("#ContractExistFlag2").hide();
$("#ContractExistFlag3").hide();
$("#ContractExistFlag4").hide();
$("#ContractExist").val("无保单");
}
}
//根据一级投诉原因设置二级投诉原因
function setReasonID2()
{
$("#ReasonID3").empty();
var reasonID1=$('#ReasonID1').val();
if(reasonID1!='')
{
var reasonName1=$("#ReasonID1").find("option:selected").text();
$("#ReasonName1").val(reasonName1);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonID2Data');
$('#form1').ajaxSubmit(setReasonID2Data);
}
else
{
$("#ReasonID2").empty();
$("#ReasonName1").val("");
}
}
//回写原因二类字典数据
function setReasonID2Data(data){
$("#ReasonID2").empty();
$("#ReasonID2").append("<option value=''>请选择</option>");
$("#ReasonID2").append(data);
}
//根据二级投诉原因设置三级投诉原因
function setReasonID3()
{
var reasonID2=$('#ReasonID2').val();
if(reasonID2!='')
{
var reasonName2=$("#ReasonID2").find("option:selected").text();
$("#ReasonName2").val(reasonName2);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getReasonID3Data');
$('#form1').ajaxSubmit(setReasonID3Data);
}
else
{
$("#ReasonID3").empty();
$("#ReasonName2").val("");
}
}
//回写原因二类字典数据
function setReasonID3Data(data){
$("#ReasonID3").empty();
$("#ReasonID3").append("<option value=''>请选择</option>");
$("#ReasonID3").append(data);
}
//设置三级投诉原因名称
function setReasonName3()
{
var reasonID3=$('#ReasonID3').val();
if(reasonID3!='')
{
var reasonName3=$("#ReasonID3").find("option:selected").text();
$("#ReasonName3").val(reasonName3);
}
else
{
$("#ReasonName3").val("");
}
}
//根据被诉分公司选择中支公司信息
function setCentreCompanyID(respondentModel)
{
var filialeID=$('#'+respondentModel+"FilialeID").val();
if(filialeID!='')
{
var filialeName=$('#'+respondentModel+"FilialeID").find("option:selected").text();
$('#'+respondentModel+"FilialeName").val(filialeName);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getCentreCompanyIDData?RespondentModel='+respondentModel);
$('#form1').ajaxSubmit(setCentreCompanyIDData);
$('#RespondentModel').val(respondentModel);
}
else
{
$("#"+respondentModel+"CentreCompanyID").empty();
$('#'+respondentModel+"FilialeName").val("");
}
}
//回写原因二类字典数据
function setCentreCompanyIDData(data){
var respondentModel=$('#RespondentModel').val();
$("#"+respondentModel+"CentreCompanyID").empty();
$("#"+respondentModel+"CentreCompanyID").append("<option value=''>请选择</option>");
$("#"+respondentModel+"CentreCompanyID").append(data);
}
//
function setBusinessHallID(respondentModel)
{
var centreCompanyID=$('#'+respondentModel+"CentreCompanyID").val();
if(centreCompanyID!='')
{
var centreCompanyName=$('#'+respondentModel+"CentreCompanyID").find("option:selected").text();
$('#'+respondentModel+"CentreCompanyName").val(centreCompanyName);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getBusinessHallIDData?RespondentModel='+respondentModel);
$('#form1').ajaxSubmit(setBusinessHallIDData);
$('#RespondentModel').val(respondentModel);
}
else
{
$("#"+respondentModel+"BusinessHallID").empty();
$('#'+respondentModel+"CentreCompanyName").val("");
}
}
//回写被诉网点数据
function setBusinessHallIDData(data){
var respondentModel=$('#RespondentModel').val();
$("#"+respondentModel+"BusinessHallID").empty();
$("#"+respondentModel+"BusinessHallID").append("<option value=''>请选择</option>");
$("#"+respondentModel+"BusinessHallID").append(data);
}
function setBusinessHallName(respondentModel)
{
var idData=$("#"+respondentModel+"BusinessHallID").val();
if(idData!='')
{
var nameData=$("#"+respondentModel+"BusinessHallID").find("option:selected").text();
$("#"+respondentModel+"BusinessHallName").val(nameData);
$("#"+respondentModel+"_2").show();
}
else
{
$("#"+respondentModel+"BusinessHallName").val("");
$("#"+respondentModel+"_2").hide();
}
}
//setInsceTypeID2()选择二级险种类别
function setInsceTypeID2()
{
var insceTypeID1=$('#InsceTypeID1').val();
if(insceTypeID1!='')
{
var insceTypeName1=$("#InsceTypeID1").find("option:selected").text();
$("#InsceTypeName1").val(insceTypeName1);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getInsceTypeID2Data');
$('#form1').ajaxSubmit(setInsceTypeID2Data);
}
else
{
$("#InsceTypeID2").empty();
$("#InsceTypeName1").val("");
}
}
//回写原因二类字典数据
function setInsceTypeID2Data(data){
$("#InsceTypeID2").empty();
$("#InsceTypeID2").append("<option value=''>请选择</option>");
$("#InsceTypeID2").append(data);
}
//setInsceTypeID3()选择三级险种类别
function setInsceTypeID3()
{
var insceTypeID2=$('#InsceTypeID2').val();
if(insceTypeID2!='')
{
var insceTypeName2=$("#InsceTypeID2").find("option:selected").text();
$("#InsceTypeName2").val(insceTypeName2);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getInsceTypeID3Data');
$('#form1').ajaxSubmit(setInsceTypeID3Data);
}
else
{
$("#InsceTypeID3").empty();
$("#InsceTypeName2").val("");
}
}
//回写原因二类字典数据
function setInsceTypeID3Data(data){
$("#InsceTypeID3").empty();
$("#InsceTypeID3").append("<option value=''>请选择</option>");
$("#InsceTypeID3").append(data);
}
function setInsceTypeName3()
{
var insceTypeID3=$('#InsceTypeID3').val();
if(insceTypeID3!='')
{
var insceTypeName3=$("#InsceTypeID3").find("option:selected").text();
$("#InsceTypeName3").val(insceTypeName3);
}
else
{
$("#InsceTypeName3").val("");
}
}
//setAskTypeID2()选择二级诉求类别
function setAskTypeID2()
{
var askTypeID1=$('#AskTypeID1').val();
if(askTypeID1!='')
{
var askTypeName1=$("#AskTypeID1").find("option:selected").text();
$("#AskTypeName1").val(askTypeName1);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getAskTypeID2Data');
$('#form1').ajaxSubmit(setAskTypeID2Data);
}
else
{
$("#AskTypeID2").empty();
$("#FilialeName").val("");
}
}
//回写原因二类字典数据
function setAskTypeID2Data(data){
$("#AskTypeID2").empty();
$("#AskTypeID2").append("<option value=''>请选择</option>");
$("#AskTypeID2").append(data);
}
//setAskTypeID3()选择三级诉求类别
function setAskTypeID3()
{
var askTypeID2=$('#AskTypeID2').val();
if(askTypeID2!='')
{
var askTypeName2=$("#AskTypeID2").find("option:selected").text();
$("#AskTypeName2").val(askTypeName2);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getAskTypeID3Data');
$('#form1').ajaxSubmit(setAskTypeID3Data);
}
else
{
$("#AskTypeID3").empty();
$("#AskTypeName2").val("");
}
}
//回写原因二类字典数据
function setAskTypeID3Data(data){
$("#AskTypeID3").empty();
$("#AskTypeID3").append("<option value=''>请选择</option>");
$("#AskTypeID3").append(data);
}
function setAskTypeName3()
{
var askTypeID3=$('#AskTypeID3').val();
if(askTypeID3!='')
{
var askTypeName3=$("#AskTypeID3").find("option:selected").text();
$("#AskTypeName3").val(askTypeName3);
}
else
{
$("#AskTypeName3").val("");
}
}
//setComplaintTypeID2()根据投诉类别一级分类取二级分类
function setComplaintTypeID2()
{
var complaintTypeID1=$('#ComplaintTypeID1').val();
if(complaintTypeID1!='')
{
var complaintTypeName1=$("#ComplaintTypeID1").find("option:selected").text();
$("#ComplaintTypeName1").val(complaintTypeName1);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getComplaintTypeID2Data');
$('#form1').ajaxSubmit(setComplaintTypeID2Data);
}
else
{
$("#ComplaintTypeID2").empty();
$("#ComplaintTypeName1").val("");
}
}
//回写投诉二级分类字典数据
function setComplaintTypeID2Data(data){
$("#ComplaintTypeID2").empty();
$("#ComplaintTypeID2").append("<option value=''>请选择</option>");
$("#ComplaintTypeID2").append(data);
}
function setComplaintTypeName2()
{
var complaintTypeID2=$('#ComplaintTypeID2').val();
if(complaintTypeID2!='')
{
var complaintTypeName2=$("#ComplaintTypeID2").find("option:selected").text();
$("#ComplaintTypeName2").val(complaintTypeName2);
}
else
{
$("#ComplaintTypeName2").val("");
}
}
function setSectionName()
{
var sectionID=$('#SectionID').val();
if(sectionID!='')
{
var sectionName=$("#SectionID").find("option:selected").text();
$("#SectionName").val(sectionName);
}
else
{
$("#SectionName").val("");
}
}
function setToAllOrgName()
{
var toAllOrgID=$('#ToAllOrgID').val();
if(toAllOrgID!='')
{
var toAllOrgName=$("#ToAllOrgID").find("option:selected").text();
$("#ToAllOrgName").val(toAllOrgName);
}
else
{
$("#ToAllOrgName").val("");
}
}
//根据险种类型选择查询条件
function setPolicyType()
{
var policyType=$("#PolicyType").val();
if(policyType=="车险")
{
$("#PolicyTypeCar1").show();
$("#PolicyTypeCar2").show();
$("#QueryType").empty();
$("#QueryType").append("<option value=''>请选择</option>");
$("#QueryType").append("<option value='保单编号'>保单编号</option>");
$("#QueryType").append("<option value='车牌号码'>车牌号码</option>");
$("#QueryType").append("<option value='发动机号'>发动机号</option>");
}
else
{
$("#PolicyTypeCar1").hide();
$("#PolicyTypeCar2").hide();
$("#QueryType").empty();
$("#QueryType").append("<option value=''>请选择</option>");
$("#QueryType").append("<option value='保单编号'>保单编号</option>");
}
}
function repeatPolicyNumber()
{
var policyNumber=$("#PolicyNumber").val();
if(policyNumber!="")
{
$('#form1').attr('action','${ctx}/myconsole/complaint/register/repeatPolicyNumber');
$('#form1').ajaxSubmit(setPolicyData);
}
else
{
layer.alert("保单号必须填写！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//回写保单判重数据
function setPolicyData(data){
var personJson = JSON.parse(data);
var flag=personJson.flag;
if(flag)
{
var person=personJson.person;
$("#Modal_TName").val(person.tname);
$("#Modal_TSex").val(person.tsex);
$("#Modal_CardType").val(person.cardtype);
$("#Modal_IDCard").val(person.idcard);
$("#Modal_LinkTel1").val(person.linktel1);
$("#Modal_TownAddress").val(person.townaddress);
$("#Modal_PersonID").val(person.personid);
$("#Modal_Appeal").find("tr:not(:first)").remove();
var listAppeal=eval(personJson.listAppeal);
listAppeal.forEach(function(item,index)
{
$("#Modal_Appeal").append("<tr><td class='text-center' ><input type='radio' name='Radio_AppealID' id='Radio_AppealID' value='"+item.appealid+"' ></td><td>"+item.appealdate+"</td><td>"+item.appealsourcename1+"-"+item.appealsourcename2+"</td><td>"+item.reasonname1+"-"+item.reasonname2+"-"+item.reasonname3+"</td><td><button class='btn btn-primary radius size-S' onclick=seeData('"+item.appealid+"')>查看详细</button></td></tr>");
})
$('#repeatModal').modal({
backdrop: 'static',
keyboard: false
})
}
else
{
layer.alert("该保单为首次投诉！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
function doRepeatNumber()
{
var modal_AppealID=$("input:radio[name='Radio_AppealID']:checked").val();
$("#Modal_AppealID").val(modal_AppealID);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/doRepeatNumber');
$('#form1').ajaxSubmit(setRepeatNumber);
}
//回写设置重复投诉数
function setRepeatNumber(data){
var res=eval('(' + data + ')');
if(res.flag)
{
layer.alert("设置重复投诉次数成功！现在的重复投诉次数为："+res.RepcomplaintsNum+"次！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
else
{
layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
$('#repeatModal').modal('hide');
}
function newAppeal()
{
window.close();
}
function queryRiskName()
{
var policyNumber=$("#PolicyNumber").val();
if(policyNumber!="")
{
$('#form1').attr('action','${ctx}/myconsole/complaint/register/queryRiskName');
$('#form1').ajaxSubmit(setRiskName);
}
else
{
layer.alert("保单号必须填写！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//回写险种名称数据列表
function setRiskName(data){
var riskJson = JSON.parse(data);
var flag=riskJson.flag;
if(flag)
{
$("#Modal_Appeal").find("tr:not(:first)").remove();
var listRisk=eval(riskJson.listRisk);
listRisk.forEach(function(item,index)
{
$("#Modal_Risk").append("<tr><td>"+item.riskname+"</td><td>"+item.payyear+"</td><td>"+item.subflag+"</td><td>"+item.insuenddate+"</td></tr>");
})
$('#riskModal').modal({
backdrop: 'static',
keyboard: false
})
}
else
{
layer.alert("该保单险种名称查询失败！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//查询合同信息
function queryCompact()
{
var queryNo=$("#QueryNo").val();
if(queryNo!="")
{
//$('#form1').attr('action','${ctx}/myconsole/complaint/register/queryCompact');
//$('#form1').ajaxSubmit(setCompact);
$("#CompactPanelFlag").show();
}
else
{
layer.alert("查询号必须填写！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//回写合同数据
function setCompact(data){
var compactJson = JSON.parse(data);
var flag=compactJson.flag;
if(flag)
{
var compact=compactJson.compact;
$("#RealSign").val(compact.realsign);
$("#AppntName").val(compact.appntname);
$("#AppntMobile").val(compact.appntmobile);
$("#AppntCustomerId").val(compact.appntcustomerid);
$("#InsuredName").val(compact.insuredname);
$("#InsuredMobile").val(compact.insuredmobile);
$("#InsuredCustomerId").val(compact.insuredcustomerid);
$("#RiskName").val(compact.riskname);
$("#PolicyLocation").val(compact.policylocation);
$("#Contractor").val(compact.contractor);
$("#CustomerRisk").val(compact.customerrisk);
$("#CValiDate").val(compact.cvalidate);
$("#InsuEndDate").val(compact.insuenddate);
$("#CBrkrCde").val(compact.cbrkrcde);
$("#PolicyDate").val(compact.policydate);
$("#BusinessSources").val(compact.businesssources);
$("#PayYear").val(compact.payyear);
$("#CarTypeName").val(compact.cartypename);
$("#CarOwnerName").val(compact.carownername);
$("#CarNumber").val(compact.carnumber);
$("#FrameNo").val(compact.frameno);
$("#EngineNo").val(compact.engineno);
$("#CarRegisterDate").val(compact.carregisterdate);
}
else
{
layer.alert("该保单编号没有查询到合同信息！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
//查询合同信息
function queryPayment()
{
var queryNo=$("#QueryNo").val();
if(queryNo!="")
{
//$('#form1').attr('action','${ctx}/myconsole/complaint/register/queryCompact');
//$('#form1').ajaxSubmit(setCompact);
$("#PaymentPanelFlag").show();
}
else
{
layer.alert("查询号必须填写！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
}
function setCollapseIcon(collapseIcon)
{
var curCollapseIconClass=$("#"+collapseIcon).attr("class");
if(curCollapseIconClass=="glyphicon glyphicon-menu-up")
{
$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-down");
}
else
{
$("#"+collapseIcon).attr("class","glyphicon glyphicon-menu-up");
}
}
//查看 2017-07-19
function seeData(appealid){
fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid);
}
//设置客户最后要求时间
function setAskEndTime()
{
var appealDate=$("#AppealDate").val();
var askTimeBlockID=$('#AskTimeBlockID').val();
var limitHours=parseInt(askTimeBlockID);
if(askTimeBlockID!='')
{
var nameValue=$("#AskTimeBlockID").find("option:selected").text();
$("#AskTimeBlockName").val(nameValue);
}
else
{
$("#AskTimeBlockName").val("");
}
var limitDays=parseInt(limitHours/24);
var initLimitDays=limitDays;
var limitDaysType=$("#LimitDaysType").val();
if(limitDaysType=="工作日")
{
var mydate = new Date(appealDate+":01:01");
var week=parseInt(mydate.getDay());
var iSat=0;
if(week==6)
{
week=0;
iSat=1;
}
var iCountDate=parseInt(limitDays+week);
if(iCountDate>5&&iCountDate<=10)
{
limitDays=limitDays+2;
}
if(iCountDate>10&&iCountDate<=15)
{
limitDays=limitDays+4;
}
if(iCountDate>15&&iCountDate<=20)
{
limitDays=limitDays+6;
}
if(iCountDate>20&&iCountDate<=25)
{
limitDays=limitDays+8;
}
if(iCountDate>25&&iCountDate<=30)
{
limitDays=limitDays+10;
}
limitDays=limitDays+iSat;
}
var newLimitDays=limitDays-initLimitDays;
limitHours=parseInt(limitHours+newLimitDays*24);
var nd = addNHours(appealDate+":01:01",limitHours);
var askEndTime = nd.format('yyyy-MM-dd hh');
if(askTimeBlockID!=''&&askTimeBlockID!='0')
{
$("#AskEndTime").val(askEndTime);
}
}
//点击查看保单信息
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);
$("#ListSaleOrgName1").val(compact.saleorgname);
$("#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');});
}
}
//设置最后办理时限
function setLimitEndDate()
{
var appealDate=$("#CurDate").val();
var limitDays=parseInt($("#LimitDays").val());
var limitDaysType=$("#LimitDaysType").val();
if(limitDaysType=="工作日")
{
var mydate = new Date(appealDate);
var week=parseInt(mydate.getDay());
var iSat=0;
if(week==6)
{
week=0;
iSat=1;
}
var iCountDate=parseInt(limitDays+week);
if(iCountDate>5&&iCountDate<=10)
{
limitDays=limitDays+2;
}
if(iCountDate>10&&iCountDate<=15)
{
limitDays=limitDays+4;
}
if(iCountDate>15&&iCountDate<=20)
{
limitDays=limitDays+6;
}
if(iCountDate>20&&iCountDate<=25)
{
limitDays=limitDays+8;
}
if(iCountDate>25&&iCountDate<=30)
{
limitDays=limitDays+10;
}
limitDays=limitDays+iSat;
}
var nd = addNDays(appealDate,limitDays);
var limitEndDate = nd.format('yyyy-MM-dd');
if($("#LimitDays").val()!='')
{
$("#LimitEndDate").val(limitEndDate);
}
}
Date.prototype.format =function(format)
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)){
format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length));
}
for(var k in o){
if(new RegExp("("+ k +")").test(format)){
format = format.replace(RegExp.$1,RegExp.$1.length==1? o[k] :("00"+ o[k]).substr((""+o[k]).length));
}
}
return format;
}
var addNDays=function(date,n){
var d = new Date(Date.parse(date.replace(/-/g,"/")));
var time=d.getTime();
var newTime=time+n*24*60*60*1000;
return new Date(newTime);
};
var addNHours=function(date,n){
var d = new Date(Date.parse(date.replace(/-/g,"/")));
var time=d.getTime();
var newTime=time+n*60*60*1000;
return new Date(newTime);
};
function addRespondent()
{
var respondentNumber=parseInt($("#RespondentNumber").val());
if(respondentNumber>=5)
{
layer.alert("最多只能设置5个被诉人信息！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');});
}
else
{
var content="<div class='row' style='padding:5px' id=respondent"+respondentNumber+"_1>"+
"<div class='col-xs-1 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-3 col-sm-3 col-md-3 col-lg-3 has-error has-feedback'>"+
" <select id='respondent"+respondentNumber+"FilialeID' name='respondent"+respondentNumber+".FilialeID' onChange=setCentreCompanyID('respondent"+respondentNumber+"') class='form-control' vmode='not null' vdisp='被诉分公司' vtype='string'>"+
" <option value=''>请选择</option>"+
" ${filialeID!''} "+
" </select> "+
"</div> "+
"<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1' >"+
"<label class='control-label' for='CentreCompanyID'>被诉中支</label>"+
"</div>"+
"<div class='col-xs-3 col-sm-3 col-md-3 col-lg-3'>"+
"<select id='respondent"+respondentNumber+"CentreCompanyID' name='respondent"+respondentNumber+".CentreCompanyID' onChange=setBusinessHallID('respondent"+respondentNumber+"') class='form-control' vmode='' vdisp='被诉中支/部门' vtype='string'>"+
" <option value='''>请选择</option> "+
" </select> "+
"</div>"+
"<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1' >"+
" <label class='control-label' for='SectionID'>被诉网点</label>"+
"</div>"+
"<div class='col-xs-3 col-sm-3 col-md-3 col-lg-3'>"+
"<div class='input-group'>"+
" <select id='respondent"+respondentNumber+"BusinessHallID' name='respondent"+respondentNumber+".BusinessHallID' onChange=setBusinessHallName('respondent"+respondentNumber+"') class='form-control' vmode='' vdisp='被诉网点' vtype='string'>"+
" <option value='''>请选择</option>"+
" </select> "+
" <div class='input-group-btn'>"+
" <button type='button' class='btn btn-default' aria-label='Left Align' onclick=deleteRespondent()>"+
" <span class='glyphicon glyphicon-minus' aria-hidden='true'></span>"+
" </button> "+
" </div>"+
"</div>"+
"</div> "+
"</div>"+
"<div class='row' style='padding:5px' id=respondent"+respondentNumber+"_2 hidden>"+
" <div class='col-xs-1 col-sm-1 col-md-1 col-lg-1' >"+
" <label class='control-label' for='respondent"+respondentNumber+"RespondentName'>被诉人姓名</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='respondent"+respondentNumber+"RespondentName' name='respondent"+respondentNumber+".RespondentName' vmode='' vdisp='被诉人姓名' vtype='string'>"+
" </div>"+
" <div class='col-xs-1 col-sm-1 col-md-1 col-lg-1' >"+
" <label class='control-label' for='respondent"+respondentNumber+"RespondentJobNo'>被诉人工号</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='respondent"+respondentNumber+"RespondentJobNo' name='respondent"+respondentNumber+".RespondentJobNo' vmode='' vdisp='被诉人工号' vtype='string'>"+
" </div>"+
" <div class='col-xs-1 col-sm-1 col-md-1 col-lg-1' >"+
" <label class='control-label' for='respondent"+respondentNumber+"RespondentType'>被诉人类型</label>"+
" </div>"+
" <div class='col-xs-3 col-sm-3 col-md-3 col-lg-3'>"+
" <select id='respondent"+respondentNumber+"RespondentType' name='respondent"+respondentNumber+".RespondentType' class='form-control'>"+
" <option value=''>请选择</option>"+
" <option value='内勤'>内勤</option>"+
" <option value='外勤'>外勤</option>"+
" </select> "+
" </div> "+
" </div>";
respondentNumber=respondentNumber+1;
$("#RespondentNumber").val(respondentNumber);
$("#ComplainPersonObj").append(content);
}
}
function deleteRespondent()
{
var respondentNumber=parseInt($("#RespondentNumber").val());
if(respondentNumber>=6)
{
respondentNumber=5;
}
var resObj='respondent'+respondentNumber
$("div").remove("#"+resObj+"_1");
$("div").remove("#"+resObj+"_2");
respondentNumber=respondentNumber-1;
$("#RespondentNumber").val(respondentNumber);
}
function setAppealType()
{
var appealType=$("#AppealType").val();
if(appealType=='消费投诉')
{
$("#Complain1").show();
$("#Complain2").show();
$("#Complain3").show();
}
else
{
$("#Complain1").hide();
$("#Complain2").hide();
$("#Complain3").hide();
}
if(appealType=='异议信息')
{
$("#Dissent1").show();
}
else
{
$("#Dissent1").hide();
}
}
function setTransactType()
{
var transactType=$("#TransactType").val();
if(transactType=='')
{
$("#TempSaveButton").attr("disabled",'disabled');
$("#EndButton").attr("disabled",'disabled');
$("#SubmitButton").attr("disabled",'disabled');
$("#ToOrgInfo").hide();
}
if(transactType=='坐席办结')
{
$("#TempSaveButton").removeAttr('disabled');
$("#EndButton").removeAttr('disabled');
$("#SubmitButton").attr("disabled",'disabled');
$("#ToOrgInfo").hide();
}
if(transactType=='转办')
{
$("#TempSaveButton").attr("disabled",'disabled');
$("#EndButton").attr("disabled",'disabled');
$("#SubmitButton").removeAttr('disabled');
$("#ToOrgInfo").show();
}
if(transactType=='重复件')
{
$("#TempSaveButton").attr("disabled",'disabled');
$("#EndButton").removeAttr('disabled');
$("#SubmitButton").attr("disabled",'disabled');
$("#ToOrgInfo").hide();
}
}
//选择承办中支公司
function setToAllCentreOrgID()
{
var idData=$('#ToAllFilialeOrgID').val();
if(idData!='')
{
var nameData=$("#ToAllFilialeOrgID").find("option:selected").text();
$("#ToAllFilialeOrgName").val(nameData);
$("#ToAllOrgID").val(idData);
$("#ToAllOrgName").val(nameData);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getCentreOrgIDData');
$('#form1').ajaxSubmit(setToAllCentreOrgIDData);
}
else
{
$("#ToAllCentreOrgID").empty();
$("#ToAllFilialeOrgName").val("");
$("#ToAllOrgID").val('');
$("#ToAllOrgName").val('');
}
}
//回写中支公司数据
function setToAllCentreOrgIDData(data){
$("#ToAllCentreOrgID").empty();
$("#ToAllCentreOrgID").append("<option value=''>请选择</option>");
$("#ToAllCentreOrgID").append(data);
}
function setToAllWorkDutiesID()
{
var idData=$('#ToAllCentreOrgID').val();
if(idData!='')
{
var nameData=$("#ToAllCentreOrgID").find("option:selected").text();
$("#ToAllCentreOrgName").val(nameData);
$("#ToAllOrgID").val(idData);
$("#ToAllOrgName").val(nameData);
$('#form1').attr('action','${ctx}/myconsole/complaint/register/getToAllWorkDutiesID');
$('#form1').ajaxSubmit(setToAllWorkDutiesIDData);
}
else
{
$("#ToAllWorkDutiesID").empty();
$("#ToAllCentreOrgName").val("");
}
}
//回写岗位数据
function setToAllWorkDutiesIDData(data){
$("#ToAllWorkDutiesID").empty();
$("#ToAllWorkDutiesID").append("<option value=''>请选择</option>");
$("#ToAllWorkDutiesID").append(data);
}
function setToAllWorkDutiesName()
{
var idData=$('#ToAllWorkDutiesID').val();
if(idData!='')
{
var nameData=$("#ToAllWorkDutiesID").find("option:selected").text();
$("#ToAllWorkDutiesName").val(nameData);
var toAllOrgWorkDuties=$('#ToAllFilialeOrgName').val();
var toAllCentreOrgName=$('#ToAllCentreOrgName').val();
if(toAllCentreOrgName!='')
{
toAllOrgWorkDuties=toAllOrgWorkDuties+"-"+toAllCentreOrgName;
}
toAllOrgWorkDuties=toAllOrgWorkDuties+"-"+nameData;
$("#ToAllOrgWorkDuties").val(toAllOrgWorkDuties);
}
else
{
$("#ToAllWorkDutiesName").val("");
}
}
//选择异议信息不符原因
function setNotTally(NotTallyObj)
{
if($("#"+NotTallyObj+"Flag").is(":checked"))
{
$("#"+NotTallyObj).val("true");
}
else
{
$("#"+NotTallyObj).val("flase");
}
}
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 doRepeat()
{
$("#ButtonInfo").hide();
$("#RepeatInfo").show();
}
function doNolle()
{
$("#ButtonInfo").hide();
$("#NolleInfo").show();
}
function doUrge()
{
$("#ButtonInfo").hide();
$("#UrgeInfo").show();
}
function doReturn()
{
$("#ButtonInfo").show();
$("#NolleInfo").hide();
$("#RepeatInfo").hide();
$("#UrgeInfo").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="appeal.AppealID" value="${appealID}"/>
<input type="hidden" id="repeatAppealID" name="repeat.AppealID" value="${appealID}"/>
<input type="hidden" id="transactAppealID" name="transact.AppealID" value="${appealID}"/>
<input type="hidden" id="repeatTName" name="repeat.TName" value="${person.TName}"/>
<input type="hidden" id="transacTtName" name="transact.TName" value="${person.TName}"/>
<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="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.TName!''}" id="TName" name="person.TName" 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.TSex!''}" readonly>
</div>
<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>
<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="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 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.Birthday!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" >电子邮箱</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" >
<input type="text" class="form-control" value="${person.EMail!''}" 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="LinkPerson">联系方式</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="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>
</div>
</div>
</div>
${productList!''}
${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="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="ReceptionSuggest" name="appeal.ReceptionSuggest" maxlength="2000" readonly>${appeal.ReceptionSuggest!''}</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" >
<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.QuestionTypeName1!''}" 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.QuestionTypeName2!''}" 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="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" >
<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 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>
<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="IsSubmitEvidence">份额合计</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" id="InvolvedCopies" name="appeal.InvolvedCopies" value="${appeal.InvolvedCopies!''}" readonly>
<span class="input-group-addon">份</span>
</div>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="IsSubmitEvidence">金额合计</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<span class="input-group-addon">¥</span>
<input type="text" class="form-control" id="InvolvedMoney" name="appeal.InvolvedMoney" value="${appeal.InvolvedMoney!''}" readonly>
<span class="input-group-addon">元</span>
</div>
</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-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="AskTypeID1">结案时间</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.EndDate!''}" readonly>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="LimitDays">结案用时</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<div class="input-group">
<input type="text" class="form-control" value="${appeal.EndUseDate!''}" readonly>
<span class="input-group-addon" id="basic-addon2">${appeal.LimitDaysType!''}</span>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
<label class="control-label" for="LimitEndDate">办理效率</label>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<input type="text" class="form-control" value="${appeal.DoTimeRatio!''}" readonly>
</div>
</div>
</div>
</div>
</div>
${redemptionList!''}
${soundPanel!''}
${subjoinPanel!''}
${transactList!''}
${endInfo!''}
${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" id="ButtonInfo">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center>
<button type="button" class="btn btn-warning" onClick="doRepeat()"><span class="glyphicon glyphicon-plus"> 重复件
</button>
<button type="button" class="btn btn-primary" onclick="doNolle()" }><span class="glyphicon glyphicon-log-out"></span> 撤诉
</button>
<button type="button" class="btn btn-success" onclick="doUrge()" }><span class="glyphicon glyphicon-log-out"></span> 业务催办
</button>
<button type="button" class="btn btn-info" onClick="window.close()"><span class="glyphicon glyphicon-remove"> 关闭
</button>
</div>
</div>
<div class="panel panel-primary" id="RepeatInfo" hidden>
<div class="panel-heading">
<div style="display:inline;" >重复件办理 </div>
</div>
<div id="collapseDoFlow" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px;">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="TransactIdea" style="line-height:100px;">办理意见</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
<textarea class="form-control" rows="5" value="" placeholder="" id="TransactIdea" name="transact.TransactIdea" vmode="" vdisp="办理意见" vtype="string"></textarea>
</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="SubmitRepeatButton" onClick="submitRepeat()"><span class="glyphicon glyphicon-plus"> 并 案
</button>
<button type="button" class="btn btn-warning" onClick="doReturn()"><span class="glyphicon glyphicon-repeat"> 返回
</button>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-primary" id="NolleInfo" hidden>
<div class="panel-heading">
<div style="display:inline;" >撤诉件办理 </div>
</div>
<div id="collapseDoFlow" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px;">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="TransactIdea" style="line-height:100px;">撤诉意见</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
<textarea class="form-control" rows="5" value="" placeholder="" id="NolleTransactIdea" name="nolle.TransactIdea" vmode="" vdisp="办理意见" vtype="string"></textarea>
</div>
</div>
<div class="row" style="padding:5px">
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="NolleType" >撤诉方式</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" >
<select id="NolleType" name="nolle.NolleType has-error has-feedback" class="form-control" vmode='' vdisp='撤诉方式' vtype='chinese'>
<option value="" >请选择</option>
<option value="电话撤诉">电话撤诉</option>
<option value="书面撤诉">书面撤诉</option>
<option value="其他撤诉">其他撤诉</option>
</select>
</div>
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="NolleDate">撤诉时间</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 has-error has-feedback">
<div class="input-group">
<input type="text" class="form-control" value="" placeholder="" id="NolleDate" name="nolle.NolleDate" vmode="" vdisp="撤诉时间" vtype="string" readonly>
<div class="input-group-btn">
<button type="button" class="btn btn-default" aria-label="Left Align" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',el:'NolleDate',maxDate:new Date()})" title="选择撤诉时间">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</button>
</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="SubmitNolleButton" onClick="submitNolle()"><span class="glyphicon glyphicon-save"> 提交
</button>
<button type="button" class="btn btn-warning" onClick="doReturn()"><span class="glyphicon glyphicon-repeat"> 返回
</button>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-primary" id="UrgeInfo" hidden>
<div class="panel-heading">
<div style="display:inline;" >业务催办办理 </div>
</div>
<div id="collapseDoFlow" class="panel-collapse collapse in">
<div class="panel-body" style="font-size:14px">
<div class="row" style="padding:5px;">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" >
<label class="control-label" for="UrgeTransactIdea" style="line-height:100px;">办理意见</label>
</div>
<div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback">
<textarea class="form-control" rows="5" value="" placeholder="" id="UrgeTransactIdea" name="Urge.TransactIdea" vmode="" vdisp="办理意见" vtype="string"></textarea>
</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="SubmitRepeatButton" onClick="submitUrge()"><span class="glyphicon glyphicon-plus"> 并 案
</button>
<button type="button" class="btn btn-warning" onClick="doReturn()"><span class="glyphicon glyphicon-repeat"> 返回
</button>
</div>
</div>
</div>
</div>
</div>
</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(); });
</script>
</body>
</html>