<!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/bootstrap-spinner/bootstrap-spinner.css"> <link rel="stylesheet" href="${ctx}/assets/lib/font-awesome-4.7.0/css/font-awesome.css"> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" > <script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/bootstrap-spinner/jquery.spinner.js"></script> <script type="text/javascript" src="${ctx}/assets/js/base.js"></script> <script src="${ctx}/assets/js/validate.js" ></script> <script type="text/javascript"> function doSubmit(){ if(doValidate(form1)) { $('#form1').attr('action','${ctx}/myconsole/complaint/transact/saveDoCheckData'); $('#form1').ajaxSubmit(resultHandle); $("#SubmitButton").attr("disabled",'disabled'); } } function doSubmit1(){ if($("#FileSelectFlag").val()=='false'&&$('#file-0a').val()!='') { layer.msg("有选择的文件没上传,请先上传提交!"); return false; } $('#form1').attr('action','${ctx}/myconsole/complaint/transact/updateTemporary'); $('#form1').ajaxSubmit(resultHandle); $("#SubmitButton").attr("disabled",'disabled'); } function resultHandle(data){ var res=eval('(' + data + ')'); if(res.flag){ layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 1}, function(){ layer.closeAll('dialog'); window.opener.location.reload(); window.close(); }); }else{ if(res.flag == false) { layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');}); } } } function resultHandleClose(data) { window.parent.close(); } //根据办理结果一级分类取二级分类 function setEndResultID2() { var idData=$('#EndResultID1').val(); if(idData!='') { var nameData=$("#EndResultID1").find("option:selected").text(); $("#EndResultName1").val(nameData); $('#form1').attr('action','${ctx}/myconsole/complaint/transact/getEndResultID2Data'); $('#form1').ajaxSubmit(setEndResultID2Data); } else { $("#EndResultID2").empty(); $("#EndResultName1").val(""); } } //回写办理结果二级分类字典数据 function setEndResultID2Data(data){ $("#EndResultID2").empty(); $("#EndResultID2").append("<option value=''>请选择</option>"); $("#EndResultID2").append(data); } function setEndResultName2() { var idData=$('#EndResultID2').val(); if(idData!='') { var nameData=$("#EndResultID2").find("option:selected").text(); $("#EndResultName2").val(nameData); } else { $("#EndResultName2").val(""); } } //根据一级投诉原因设置二级投诉原因 function 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 setUpdateInfo() { var updateInfo=""; if($('#appealReasonName1').val()!=$('#ReasonName1').val()) { updateInfo=updateInfo+"{投诉原因大类由:"+$('#appealReasonName1').val()+" 修改成了:"+$('#ReasonName1').val()+"};"; } if($('#appealReasonName2').val()!=$('#ReasonName2').val()) { updateInfo=updateInfo+"{投诉原因二类由:"+$('#appealReasonName2').val()+" 修改成了:"+$('#ReasonName2').val()+"};"; } if($('#appealReasonName3').val()!=$('#ReasonName3').val()) { updateInfo=updateInfo+"{投诉原因三类由:"+$('#appealReasonName3').val()+" 修改成了:"+$('#ReasonName3').val()+"};"; } $('#UpdateInfo').val(updateInfo); return true; } function 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 setTransactType() { var transactType=$("#TransactType").val(); if(transactType=='') { $("#SubmitButton").attr("disabled",'disabled'); $("#EndFlag").hide(); $("#ToOrgInfo").hide(); $("#transactDoState").val(""); } if(transactType=='转办') { $("#SubmitButton").removeAttr('disabled'); $("#ButtonToOrgInfo").removeAttr('disabled'); $("#EndFlag").hide(); $("#ToOrgInfo").show(); $("#transactDoState").val("已办理"); $("#ToOrgAndJob").val(""); $('#ToJobID').val(""); $('#ToJobName').val(""); $("#ToOrgAndJob").attr("vmode","not null"); $("#EndType").attr("vmode",""); $("#EndTypeLable").removeClass("has-error has-feedback"); $("#EndTypeDiv").removeClass("has-error has-feedback"); $("#EndResultID1").attr("vmode",""); $("#EndResultID1Lable").removeClass("has-error has-feedback"); $("#EndResultID1Div").removeClass("has-error has-feedback"); $("#EndResultID2").attr("vmode",""); $("#EndResultID2Lable").removeClass("has-error has-feedback"); $("#EndResultID2Div").removeClass("has-error has-feedback"); } if(transactType=='结案审核') { $("#SubmitButton").removeAttr('disabled'); $("#EndFlag").show(); $("#ToOrgInfo").show(); $("#transactDoState").val("已办理"); $("#ToOrgAndJob").attr("vmode","not null"); $("#EndType").attr("vmode","not null"); $("#EndTypeLable").addClass("has-error has-feedback"); $("#EndTypeDiv").addClass("has-error has-feedback"); $("#EndResultID1").attr("vmode","not null"); $("#EndResultID1Lable").addClass("has-error has-feedback"); $("#EndResultID1Div").addClass("has-error has-feedback"); $("#EndResultID2").attr("vmode","not null"); $("#EndResultID2Lable").addClass("has-error has-feedback"); $("#EndResultID2Div").addClass("has-error has-feedback"); $('#form1').attr('action','${ctx}/myconsole/complaint/rule/getAuditingRule'); $('#form1').ajaxSubmit(setRule); } if(transactType=='结案归档') { $("#SubmitButton").removeAttr('disabled'); $("#transactDoState").val("已办理"); $("#EndFlag").show(); $("#ToOrgInfo").hide(); $("#ToOrgAndJob").attr("vmode",""); $("#EndType").attr("vmode","not null"); $("#EndTypeLable").addClass("has-error has-feedback"); $("#EndTypeDiv").addClass("has-error has-feedback"); $("#EndResultID1").attr("vmode","not null"); $("#EndResultID1Lable").addClass("has-error has-feedback"); $("#EndResultID1Div").addClass("has-error has-feedback"); $("#EndResultID2").attr("vmode","not null"); $("#EndResultID2Lable").addClass("has-error has-feedback"); $("#EndResultID2Div").addClass("has-error has-feedback"); $('#ToOrgAndJob').val(""); $('#ToOrgID').val(""); $('#ToOrgName').val(""); $('#ToJobID').val(""); $('#ToJobName').val(""); } if(transactType=='提交结案') { $("#SubmitButton").removeAttr('disabled'); $("#EndFlag").hide(); $("#ToOrgInfo").show(); $("#transactDoState").val("已办理"); $("#ToOrgAndJob").attr("vmode","not null"); $("#EndType").attr("vmode",""); $("#EndTypeLable").removeClass("has-error has-feedback"); $("#EndTypeDiv").removeClass("has-error has-feedback"); $("#EndResultID1").attr("vmode",""); $("#EndResultID1Lable").removeClass("has-error has-feedback"); $("#EndResultID1Div").removeClass("has-error has-feedback"); $("#EndResultID2").attr("vmode",""); $("#EndResultID2Lable").removeClass("has-error has-feedback"); $("#EndResultID2Div").removeClass("has-error has-feedback"); $('#form1').attr('action','${ctx}/myconsole/complaint/rule/getQualityRule'); $('#form1').ajaxSubmit(setRule); } if(transactType=='案件退回') { $("#SubmitButton").removeAttr('disabled'); $("#EndFlag").hide(); $("#ToOrgInfo").show(); $("#transactDoState").val("已办理"); $("#ToOrgAndJob").attr("vmode","not null"); $("#Status").attr("vmode",""); $("#StatusLable").removeClass("has-error has-feedback"); $("#StatusDiv").removeClass("has-error has-feedback"); $("#EndType").attr("vmode",""); $("#EndTypeLable").removeClass("has-error has-feedback"); $("#EndTypeDiv").removeClass("has-error has-feedback"); $("#EndResultID1").attr("vmode",""); $("#EndResultID1Lable").removeClass("has-error has-feedback"); $("#EndResultID1Div").removeClass("has-error has-feedback"); $("#EndResultID2").attr("vmode",""); $("#EndResultID2Lable").removeClass("has-error has-feedback"); $("#EndResultID2Div").removeClass("has-error has-feedback"); $('#form1').attr('action','${ctx}/myconsole/complaint/rule/getReturnedRule'); $('#form1').ajaxSubmit(setReturnedRule); } if(transactType=='疑难案件提交') { $("#SubmitButton").removeAttr('disabled'); $("#EndFlag").hide(); $("#ToOrgInfo").show(); $("#transactDoState").val("已办理"); $("#ToOrgAndJob").attr("vmode","not null"); $("#Status").attr("vmode",""); $("#StatusLable").removeClass("has-error has-feedback"); $("#StatusDiv").removeClass("has-error has-feedback"); $("#EndType").attr("vmode",""); $("#EndTypeLable").removeClass("has-error has-feedback"); $("#EndTypeDiv").removeClass("has-error has-feedback"); $("#EndResultID1").attr("vmode",""); $("#EndResultID1Lable").removeClass("has-error has-feedback"); $("#EndResultID1Div").removeClass("has-error has-feedback"); $("#EndResultID2").attr("vmode",""); $("#EndResultID2Lable").removeClass("has-error has-feedback"); $("#EndResultID2Div").removeClass("has-error has-feedback"); $('#form1').attr('action','${ctx}/myconsole/complaint/rule/getKnottyRule'); $('#form1').ajaxSubmit(setKnottyRule); } } function setRule(data) { var ruleJson = JSON.parse(data); var flag=ruleJson.flag; if(flag) { var jobName=$('#ToJobName').val(); $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name); $('#ToOrgID').val(ruleJson.Job_OrgID); $('#ToOrgName').val(ruleJson.Job_OrgName); $('#ToJobID').val(ruleJson.Job_ID); $('#ToJobName').val(ruleJson.Job_Name); if(ruleJson.Job_OrgParentOrgType=="中支公司") { $('#ToCentreOrgID').val(ruleJson.Job_OrgParentID); $('#ToCentreOrgName').val(ruleJson.Job_OrgParentName); } if(ruleJson.Job_OrgParentOrgType=="分公司") { $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID); $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName); } } $("#ToOrgInfo").show(); $("#ButtonToOrgInfo").attr("disabled",'disabled'); $("#ToOrgAndJob").attr("vmode","not null"); } function setKnottyRule(data) { var ruleJson = JSON.parse(data); var flag=ruleJson.flag; if(flag) { var jobName=$('#ToJobName').val(); $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_Name); $('#ToOrgID').val(ruleJson.Job_OrgID); $('#ToOrgName').val(ruleJson.Job_OrgName); $('#ToJobID').val(ruleJson.Job_ID); $('#ToJobName').val(ruleJson.Job_Name); $('#ToUserID').val(''); $('#ToUserName').val(''); $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID); $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName); } $("#ToOrgInfo").show(); $("#ButtonToOrgInfo").attr("disabled",'disabled'); $("#ToOrgAndJob").attr("vmode","not null"); } function setReturnedRule(data) { var ruleJson = JSON.parse(data); var flag=ruleJson.flag; if(flag) { var jobName=$('#ToJobName').val(); $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+ruleJson.Job_UserName); $('#ToOrgID').val(ruleJson.Job_OrgID); $('#ToOrgName').val(ruleJson.Job_OrgName); $('#ToJobID').val(''); $('#ToJobName').val(''); $('#ToUserID').val(ruleJson.Job_UserID); $('#ToUserName').val(ruleJson.Job_UserName); $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID); $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName); } $("#ToOrgInfo").show(); $("#ButtonToOrgInfo").attr("disabled",'disabled'); $("#ToOrgAndJob").attr("vmode","not null"); } 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 setOrgAndJob(jobid,jobname,orgid) { $('#ToJobID').val(jobid); $('#ToJobName').val(jobname); $('#orgModal').modal('hide'); $('#form1').attr('action','${ctx}/myconsole/complaint/register/getOrgAndJob?Job_OrgID='+orgid+'&Job_ID='+jobid+'&Job_Name='+jobname); $('#form1').ajaxSubmit(setOrgAndJobData); } function setOrgAndJobData(data) { var ruleJson = JSON.parse(data); var flag=ruleJson.flag; if(flag) { var jobName=$('#ToJobName').val(); $('#ToOrgAndJob').val(ruleJson.Job_OrgParentName+"-"+ruleJson.Job_OrgName+"-"+jobName); $('#ToOrgID').val(ruleJson.Job_OrgID); $('#ToOrgName').val(ruleJson.Job_OrgName); $('#ToJobID').val(ruleJson.Job_ID); $('#ToJobName').val(jobName); if(ruleJson.Job_OrgParentOrgType=="中支公司") { $('#ToCentreOrgID').val(ruleJson.Job_OrgParentID); $('#ToCentreOrgName').val(ruleJson.Job_OrgParentName); } if(ruleJson.Job_OrgParentOrgType=="分公司") { $('#ToFilialeOrgID').val(ruleJson.Job_OrgParentID); $('#ToFilialeOrgName').val(ruleJson.Job_OrgParentName); } } } function setOrg() { var zTreeObj; var zNodes; function zTreeChecked(event, treeId, treeNode) { setOrgAndJob(treeNode.id,treeNode.name,treeNode.pId); }; //异步获取数据 function ajaxDataFilter(treeId, parentNode, data) { if(data == "") return; var zNodes = []; var orgN = data.Org; orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) var jobN = data.Job; jobN.forEach(function(item,index){ zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false}); }) return zNodes; } var setting = { //初始化树 check: { enable: true, chkboxType: { "Y" : "", "N" : "" }, autoCheckTrigger: true }, data: { simpleData: { idKey:"id", pIdKey:"pId", enable:true, rootPId:"0" } }, callback: { onCheck: zTreeChecked }, async:{ enable:true, url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree", autoParam:["id", "name"] , dataFilter: ajaxDataFilter } }; //初始化获取数据 $.ajax({ url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init", type : "post", dataType : "json", success : function(data) { if(data == "") return; var zNodes = []; var orgN = data.Org; if(orgN!=null) { orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) } var jobN = data.Job; if(jobN!=null) { jobN.forEach(function(item,index){ zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false}); }) } zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据 } }); $('#orgModal').modal({ backdrop: 'static', keyboard: false }) } function setSignOrgAndJob(jobidArr) { $('#ToJobID').val(jobidArr); } function getSignOrgAndJob() { var jobid=$('#ToJobID').val(); $('#signOrgModal').modal('hide'); $('#form1').attr('action','${ctx}/myconsole/complaint/register/getSignOrgAndJob?SignAllJob_ID='+jobid); $('#form1').ajaxSubmit(setSignOrgAndJobData); } function setSignOrgAndJobData(data) { var strAlreadySignInfo=$("#AlreadySignInfo").val(); var strShowInfo=""; var orgAndJobJson = JSON.parse(data); var flag=orgAndJobJson.flag; if(flag) { if(strAlreadySignInfo!="") { var strSelectedOrgAndJob =orgAndJobJson.Job_ToOrgAndJob; var arrJob=strSelectedOrgAndJob.split(","); for(var i=0;i<arrJob.length;i++) { var strCurJob=arrJob[i]; if(strAlreadySignInfo.indexOf(strCurJob)!=-1) { strShowInfo=strShowInfo+strCurJob +" "; } } if(strShowInfo!="") { layer.alert("该客诉件如下人员:"+strShowInfo+"您已经发起过会签,请勿重复发起会签!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');}); return; } } $('#ToOrgAndJob').val(orgAndJobJson.Job_ToOrgAndJob); $('#ToOrgID').val(orgAndJobJson.Job_OrgID); $('#ToOrgName').val(orgAndJobJson.Job_OrgName); $('#ToJobID').val(orgAndJobJson.Job_ID); $('#ToJobName').val(orgAndJobJson.Job_Name); } } //选择会签人员 function setSignOrg() { var zTreeObj; var zNodes; function zTreeChecked(event, treeId, treeNode) { var checkUser = []; var userArr = zTreeObj.getCheckedNodes(); //获取选中数组集合 if(userArr.length>0) { userArr.forEach(function(item,index){ if(item.istype) { checkUser.push(item.id); } }) } setSignOrgAndJob(checkUser); }; //异步获取数据 function ajaxDataFilter(treeId, parentNode, data) { if(data == "") return; var zNodes = []; var orgN = data.Org; orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) var jobN = data.Job; jobN.forEach(function(item,index){ zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false}); }) return zNodes; } var setting = { //初始化树 check: { enable: true, chkboxType: { "Y" : "", "N" : "" }, autoCheckTrigger: true }, data: { simpleData: { idKey:"id", pIdKey:"pId", enable:true, rootPId:"0" } }, callback: { onCheck: zTreeChecked }, async:{ enable:true, url:"${ctx}/myconsole/complaint/register/getOrgAndJobTree2", autoParam:["id", "name"] , dataFilter: ajaxDataFilter } }; //初始化获取数据 $.ajax({ url : "${ctx}/myconsole/complaint/register/getOrgAndJobTree?name=init", type : "post", dataType : "json", success : function(data) { if(data == "") return; var zNodes = []; var orgN = data.Org; if(orgN!=null) { orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) } var jobN = data.Job; if(jobN!=null) { jobN.forEach(function(item,index){ zNodes.push({id:item.keyid,pId:item.orgid,name:item.jobname,istype:true,checked:false}); }) } zTreeObj = $.fn.zTree.init($("#SignUserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据 } }); $('#signOrgModal').modal({ backdrop: 'static', keyboard: false }) } function setOrgJob() { var transactType=$("#TransactType").val(); if(transactType=='会签') { setSignOrg(); } else { setOrg(); } } //转办选人 function setZBOrgUser() { var zTreeObj; var zNodes; function zTreeChecked(event, treeId, treeNode) { setZBOrgAndUser(treeNode.id,treeNode.name,treeNode.pId); }; //异步获取数据 function ajaxDataFilter(treeId, parentNode, data) { if(data == "") return; var zNodes = []; var orgN = data.Org; orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) var userN = data.User; if(userN!=null) { userN.forEach(function(item,index){ zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false}); }) } return zNodes; } var setting = { //初始化树 check: { enable: true, chkboxType: { "Y" : "", "N" : "" }, autoCheckTrigger: true }, data: { simpleData: { idKey:"id", pIdKey:"pId", enable:true, rootPId:"0" } }, callback: { onCheck: zTreeChecked }, async:{ enable:true, url:"${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree", autoParam:["id", "name"] , dataFilter: ajaxDataFilter } }; //初始化获取数据 $.ajax({ url : "${ctx}/myconsole/complaint/preinflow/getOrgAndUserTree?name=init", type : "post", dataType : "json", success : function(data) { if(data == "") return; var zNodes = []; var orgN = data.Org; if(orgN!=null) { orgN.forEach(function(item,index){ zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,istype:false, isParent:true,"nocheck":true}); }) } var userN = data.User; if(userN!=null) { userN.forEach(function(item,index){ zNodes.push({id:item.userid,pId:item.orgid,name:item.username,istype:true,checked:false}); }) } zTreeObj = $.fn.zTree.init($("#UserTree"), setting, zNodes);//初始化树节点时,添加同步获取的数据 } }); $('#orgModal').modal({ backdrop: 'static', keyboard: false }) } function setZBOrgAndUser(userid,username,orgid) { $('#ToUserID').val(userid); $('#ToUserName').val(username); $('#orgModal').modal('hide'); $.post('${ctx}/myconsole/complaint/preinflow/getOrgTwoStageData',{"OrgID":orgid},function(data){ var res=eval('(' + data + ')'); $('#ToOrgAndJob').val(res.OrgParentName+"-"+res.OrgName+"-"+username); $('#ToOrgID').val(res.OrgID); $('#ToOrgName').val(res.OrgName); }); } //查看理赔详细信息页面 function queryPaymentDetailInfo() { var queryNo=$("#ReportCaseNo").val(); var strPolicyType=$("#PaymentPolicyType").val(); if(queryNo!="") { fullOpen("${ctx}/myconsole/complaint/interface/queryPaymentDetail?ReportCaseNo="+queryNo+"&PolicyType="+strPolicyType); } else { layer.alert("报案号不能为空!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');}); } } //查询保单详细信息2018-11-21 function queryDetailCompact1() { var queryNo=$("#PolicyNumber1").val(); if(queryNo!="") { fullOpen("${ctx}/myconsole/complaint/interface/queryCompactDetail?QueryPolicyNumber="+queryNo); } else { layer.alert("保单号不能为空!", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');}); } } //播放录音 function openSound(filePath,fileName) { fullOpen("${ctx}/myconsole/complaint/register/playSound?filePath="+filePath+"&fileName="+fileName); } function showCompactDetail(strPolicyNumber) { var obj=$("input[name='compact.PolicyNumber']"); var strSelectedPolicyNumber=""; var flag="1"; for(k in obj) { if(obj[k].value==strPolicyNumber) { $('#compactPolicyNumber').val(obj[k].value); $('#compactPolicyLocation').val($("input[name='compact.PolicyLocation']")[k].value); $('#compactIsSelfInsurance').val($("input[name='compact.IsSelfInsurance']")[k].value); $('#compactIsMutualInsurance').val($("input[name='compact.IsMutualInsurance']")[k].value); $('#compactAppntName').val($("input[name='compact.AppntName']")[k].value); $('#compactAppntMobile').val($("input[name='compact.AppntMobile']")[k].value); $('#compactAppntIDType').val($("input[name='compact.AppntIDType']")[k].value); $('#compactAppntCustomerId').val($("input[name='compact.AppntCustomerId']")[k].value); $('#compactInsuredName').val($("input[name='compact.InsuredName']")[k].value); $('#compactInsuredMobile').val($("input[name='compact.InsuredMobile']")[k].value); $('#compactInsuredIDType').val($("input[name='compact.InsuredIDType']")[k].value); $('#compactInsuredCustomerId').val($("input[name='compact.InsuredCustomerId']")[k].value); $('#compactRiskName').val($("input[name='compact.RiskName']")[k].value); $('#compactRealSign').val($("input[name='compact.RealSign']")[k].value); $('#compactBeginDate').val($("input[name='compact.BeginDate']")[k].value); $('#compactSaleChnlName').val($("input[name='compact.SaleChnlName']")[k].value); $('#compactPeriodTotalAmount').val($("input[name='compact.PeriodTotalAmount']")[k].value); $('#compactSumPrem').val($("input[name='compact.SumPrem']")[k].value); $('#compactPayYear').val($("input[name='compact.PayYear']")[k].value); $('#compactPayPeriods').val($("input[name='compact.PayPeriods']")[k].value); $('#compactBankingOutlets').val($("input[name='compact.BankingOutlets']")[k].value); $('#compactOperatorName').val($("input[name='compact.OperatorName']")[k].value); $('#compactIsOnJob').val($("input[name='compact.IsOnJob']")[k].value); $('#compactIsDoubleInput').val($("input[name='compact.IsDoubleInput']")[k].value); } } if(flag=="1"){ $('#CompactDetailModal').modal({ backdrop: 'static', keyboard: false }) }else{ $('#CompactInputModaldetail').modal({ backdrop: 'static', keyboard: false }) } } function closeCompactDetail() { $('#CompactDetailModal').modal('hide'); } </script> <title>客诉件办理</title> <meta name="keywords" content=""> <meta name="description" content=""> </head> <body > <form id="form1" method="post" class="form-horizontal" role="form"> <div style="display: none"> <input type="hidden" id="Modal_Main" name="Modal_Main" value="result"/> <input type="hidden" id="ResultDoState" name="ResultDoState" value="结案"/> <input type="hidden" id="CurDate" name="CurDate" value="${curDate}"/> <input type="hidden" id="AppealID" name="AppealID" value="${appealID!''}"/> <input type="hidden" id="UndertakeKeyID" name="UndertakeKeyID" value="${undertakeKeyID!''}"/> <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="AppealID" name="appeal.AppealID" value="${appeal.AppealID!''}"/> <input type="hidden" id="TName" name="appeal.TName" value="${appeal.TName!''}"/> <input type="hidden" id="appealLinkTel1" name="appealLinkTel1" value="${person.LinkTel1!''}"/> <input type="hidden" id="FilialeID" name="appeal.FilialeID" value="${appeal.FilialeID!''}"/> <input type="hidden" id="CentreCompanyID" name="appeal.CentreCompanyID" value="${appeal.CentreCompanyID!''}"/> <input type="hidden" id="BusinessHallID" name="appeal.BusinessHallID" value="${appeal.BusinessHallID!''}"/> <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="appealComplaintTypeName1" name="appeal.ComplaintTypeName1" value="${appeal.ComplaintTypeName1!''}"/> <input type="hidden" id="appealComplaintTypeName2" name="appeal.ComplaintTypeName2" value="${appeal.ComplaintTypeName2!''}"/> <input type="hidden" id="appealReasonName1" name="appeal.ReasonName1" value="${appeal.ReasonName1!''}"/> <input type="hidden" id="appealReasonName2" name="appeal.ReasonName2" value="${appeal.ReasonName2!''}"/> <input type="hidden" id="appealReasonName3" name="appeal.ReasonName3" value="${appeal.ReasonName3!''}"/> <input type="hidden" id="appealAskTypeName1" name="appeal.AskTypeName1" value="${appeal.AskTypeName1!''}"/> <input type="hidden" id="appealAskTypeName2" name="appeal.AskTypeName2" value="${appeal.AskTypeName2!''}"/> <input type="hidden" id="appealAskTypeName3" name="appeal.AskTypeName3" value="${appeal.AskTypeName3!''}"/> <input type="hidden" id="RespondentNumber" name="appeal.RespondentNumber" value="${appeal.RespondentNumber!''}"/> <input type="hidden" id="AskTimeBlockName" name="appeal.AskTimeBlockName" value="${appeal.AskTimeBlockName!''}"/> <input type="hidden" id="NotTallyInfo" name="appeal.NotTallyInfo" value="${appeal.NotTallyInfo!''}"/> <input type="hidden" id="NotTallyState" name="appeal.NotTallyState" value="${appeal.NotTallyState!''}"/> <input type="hidden" id="NotTallyPay" name="appeal.NotTallyPay" value="${appeal.NotTallyPay!''}"/> <input type="hidden" id="NotTallyCorrect" name="appeal.NotTallyCorrect" value="${appeal.NotTallyCorrect!''}"/> <input type="hidden" id="NotTallyClaims" name="appeal.NotTallyClaims" value="${appeal.NotTallyClaims!''}"/> <input type="hidden" id="NotTallyOther" name="appeal.NotTallyOther" value="${appeal.NotTallyOther!''}"/> <input type="hidden" id="RespondentModel" name="RespondentModel" value=""/> <input type="hidden" id="FilialeName" name="appeal.FilialeName" value="${appeal.FilialeName!''}"/> <input type="hidden" id="CentreCompanyName" name="appeal.CentreCompanyName" value="${appeal.CentreCompanyName!''}"/> <input type="hidden" id="BusinessHallName" name="appeal.BusinessHallName" value="${appeal.BusinessHallName!''}"/> <input type="hidden" id="AppealID" name="transact.AppealID" value="${appealID!''}"/> <input type="hidden" id="PersonID" name="transact.PersonID" value="${person.PersonID!''}"/> <input type="hidden" id="TName" name="transact.TName" value="${person.TName!''}"/> <input type="hidden" id="LinkTel1" name="transact.LinkTel1" value="${person.LinkTel1!''}"/> <input type="hidden" id="SerialNumber" name="transact.SerialNumber" value="${appeal.SerialNumber!''}"/> <input type="hidden" id="AppealDate" name="transact.AppealDate" value="${appeal.AppealDate!''}"/> <input type="hidden" id="AppealType" name="transact.AppealType" value="${appeal.AppealType!''}"/> <input type="hidden" id="AppealSource" name="transact.AppealSource" value="${appeal.AppealSource!''}"/> <input type="hidden" id="LimitEndDate" name="transact.LimitEndDate" value="${appeal.LimitEndDate!''}"/> <input type="hidden" id="transactDoState" name="transact.DoState" value=""/> <input type="hidden" id="TransactOrgID" name="transact.TransactOrgID" value="${user.OrgID}"/> <input type="hidden" id="TransactOrgName" name="transact.TransactOrgName" value="${user.OrgName}"/> <input type="hidden" id="TransactUserID" name="transact.TransactUserID" value="${user.UserID}"/> <input type="hidden" id="TransactUserName" name="transact.TransactUserName" value="${user.UserName}"/> <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/> <input type="hidden" id="transactDoState" name="transact.DoState" value="归档"/> <input type="hidden" id="transactNewFlag" name="transact.NewFlag" value="true"/> <input type="hidden" id="LimitDaysType" name="transact.LimitDaysType" value="${dateType!}"/> <input type="hidden" id="FileSelectFlag" name="FileSelectFlag" value="true"/> <input type="hidden" id="transactArriveTime" name="ArriveTime" value="${curDateTime}"/> </div> <div class="container-fluid" style="margin-top:15px;"> <div class="panel panel-primary"> <div class="panel-heading"> <div style="display:inline;" >客户信息 </div> <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapsePerson"><span id="PersonCollapseIcon" onClick="setCollapseIcon('PersonCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div> </div> <div id="collapsePerson" class="panel-collapse collapse in"> <div class="panel-body" style="font-size:14px"> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="TName" >姓名</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" > <input type="text" class="form-control" value="${person.TName!''}" id="TName" name="person.TName" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="CardType">证件类型</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" > <input type="text" class="form-control" value="${person.CardType!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="IDCard">证件号码</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" > <input type="text" class="form-control" value="${person.IDCard!''}" placeholder="" id="IDCard" name="person.IDCard" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" align=left> <label class="control-label" for="TSex" style="text-align:left;width:100%" >性别</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" > <input type="text" class="form-control" value="${person.TSex!''}" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " > <label class="control-label" for="Birthday">出生日期</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 "> <input type="text" class="form-control" value="${person.Birthday!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " > <label class="control-label" for="Age">投诉时年龄</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 "> <input type="text" class="form-control" value="${appeal.Age!''}" readonly > </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="LinkTel1">联系电话1</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${person.LinkTel1!''}" id="LinkTel1" name="person.LinkTel1" maxlength="20" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="LinkTel2">联系电话2</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.LinkTel2!''}" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="ProvinceID">省</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.ProvinceName!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="AreaID">地市</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.AreaName!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="CountyID">区县</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.CountyName!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="TownAddress" title="详细地址">详细地址</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.TownAddress!''}" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="Postalcode">邮编</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.Postalcode!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="EMail">电子邮箱</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${person.EMail!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="StatusName">客户身份</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" > <input type="text" class="form-control" value="${person.StatusName!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="TiesName">与投保人关系</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" > <input type="text" class="form-control" value="${person.TiesName!''}" readonly> </div> </div> </div> </div> </div> ${compactInfoList!''} <div class="panel panel-info"> <div class="panel-heading"> <div style="display:inline;" >被诉人信息 </div> <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseRespondent"><span id="RespondentCollapseIcon" onClick="setCollapseIcon('RespondentCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a> </div> </div> <div id="collapseRespondent" class="panel-collapse collapse in"> <div class="panel-body" style="font-size:14px" id=ComplainPersonObj> <div class="row" style="padding:5px" id="respondent_2" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="FilialeID">被诉机构</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.FilialeName!''}" readonly > </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="CentreCompanyID">三级机构</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.CentreCompanyName!''}" readonly > </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="CentreCompanyID">四级机构</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.CompanyName4!''}" readonly > </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="RespondentName">姓名</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.RespondentName!''}" readonly > </div> </div> </div> </div> </div> <div class="panel panel-warning"> <div class="panel-heading"> <div style="display:inline;" >客诉事项信息 </div> <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseAppeal"><span id="AppealCollapseIcon" onClick="setCollapseIcon('AppealCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div> </div> <div id="collapseAppeal" class="panel-collapse collapse in"> <div class="panel-body" style="font-size:14px"> <div class="row" style="padding:5px"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="Question" style="line-height:100px;">事由</label> </div> <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11 has-error has-feedback"> <textarea class="form-control" rows="5" id="Question" name="appeal.Question" maxlength="2000" readonly>${appeal.Question!''}</textarea> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" >诉求类别</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.AskTypeName1!''}" readonly > </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" >具体诉求</label> </div> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.AskInfo!''}" readonly > </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="InsceTypeID1">险种类别</label> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.InsceTypeName1!''}" readonly> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="InsceTypeID2">二级类别</label> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.InsceTypeName2!''}" readonly> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="InsceTypeID3">三级类别</label> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.InsceTypeName3!''}" readonly> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " > <label class="control-label" for="InsceTypeID3">监管编号</label> </div> <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 "> <input type="text" class="form-control" value="${appeal.ForeignKeyID!''}" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="AppealType">客诉类别</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.AppealType!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="AppealSourceID">投诉来源</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.AppealSource!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="AppealDate">投诉时间</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" id="AppealDate" name="appeal.AppealDate" value="${appeal.AppealDate!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="AcceptDate">受理时间</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.AcceptDate!''}" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="ComplaintTypeID1">投诉分级</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.ComplaintTypeName1!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" >紧急程度</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.UrgentLevel!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="IsGroup">是否群诉</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback" > <input type="text" class="form-control" value="${appeal.IsGroup!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="ComplaintPersonNum">投诉人数量</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.ComplaintPersonNum!''}" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="ReasonID1">投诉原因</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.ReasonName1!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 has-error has-feedback" > <label class="control-label" for="ReasonID2">二级原因</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 has-error has-feedback"> <input type="text" class="form-control" value="${appeal.ReasonName2!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1 " > <label class="control-label" for="ReasonID3">三级原因</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 "> <input type="text" class="form-control" value="${appeal.ReasonName3!''}" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="ReasonID4">四级原因</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.ReasonName4!''}" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="AskInfo">热词</label> </div> <div class="col-xs-12 col-sm-11 col-md-11 col-lg-11"> <input type="text" class="form-control" value="${appeal.HotWord!''}" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="LimitDays">办理时限</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <div class="input-group"> <input type="text" class="form-control" value="${appeal.LimitDays!''}" placeholder="" id="LimitDays" name="appeal.LimitDays" readonly> <span class="input-group-addon" id="basic-addon2">${appeal.LimitDaysType!''}</span> </div> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="LimitEndDate">截止日期</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.LimitEndDate!''}" id="LimitEndDate" name="appeal.LimitEndDate" readonly> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="ViseTimes">督办次数</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.ViseTimes!''}" id="ViseTimes" name="appeal.ViseTimes" readonly> </div> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="RepcomplaintsNum">并案次数</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="${appeal.RepcomplaintsNum!''}" id="RepcomplaintsNum" name="appeal.RepcomplaintsNum" readonly> </div> </div> </div> </div> </div> ${soundPanel!''} ${subjoinPanel!''} ${transactList!''} ${researchInfo!''} ${opinionInfo!''} ${draftInfo!''} ${endInfo!''} ${superviseEndInfo!''} ${archiveInfo!''} <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="#collapseDoFlow"><span id="DoFlowCollapseIcon" onClick="setCollapseIcon('DoFlowCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div> </div> <div id="collapseDoFlow" class="panel-collapse collapse in"> <div class="panel-body" style="font-size:14px"> <div class="row" style="padding:5px;"> <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="ApplyCheckCause" style="line-height:100px;">申请核查原因</label> </div> <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11"> <textarea class="form-control" rows="5" maxlength="100" id="ApplyCheckCause" readonly>${result.ApplyCheckCause!''}</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="AccidentPlace">申请人</label></div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <input type="text" class="form-control" value="${result.ApplyCheckUserName!''}" id="ApplyCheckUserName" readonly> </div> <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-3 col-md-3 col-lg-3"> <input type="text" class="form-control" value="${result.ApplyCheckDate!''}" id="ApplyCheckDate" 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="CheckInfo" 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" maxlength="1000" id="CheckInfo" name="result.CheckInfo" maxlength="1000" vmode="not null" vdisp="核查信息" vtype="string"></textarea> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <div style="display:inline;" >核查资料附件 </div> <div style="display:inline;" ><a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseEndFile"><span id="EndFileCollapseIcon" onClick="setCollapseIcon('EndFileCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div> </div> <div id="collapseEndFile" 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="FileAppealID">选择文件</label></div> <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11" > <input type="hidden" id="FileAppealID" name="FileAppealID" value="${appealID}"/> <input id="file-0a" class="file-loading" type="file" multiple data-min-file-count="1" onchange=setSelectFile()> </div> </div> </div> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align=center> <button type="button" class="btn btn-primary" id="SubmitButton" onclick=doSubmit() ><span class="glyphicon glyphicon-save"></span> 提 交</button> </div> </div> </div> </form> <div class="modal fade" id="CompactDetailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document" style="width:1280px"> > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h3 class="modal-title" id="myModalLabel"> <span class="label label-danger">保单详情</span> </h3> </div> <div class="modal-body" style="font-size:12px"> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="PolicyNumber1" style="text-align:left;width:100%" >保单号</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactPolicyNumber" vmode="" vdisp="保单号" vtype="string" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="PolicyLocation" style="text-align:left;width:100%" title="承保分公司名称">所属机构</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactPolicyLocation" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="IsSelfInsurance" style="text-align:left;width:100%" >是否自保件</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactIsSelfInsurance" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="IsMutualInsurance" style="text-align:left;width:100%" >是否互保件</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactIsMutualInsurance" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="AppntName" style="text-align:left;width:100%" >投保人姓名</label></div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactAppntName" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="AppntMobile" style="text-align:left;width:100%" title="投保人联系电话">联系电话</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactAppntMobile" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="compactAppntIDType" style="text-align:left;width:100%" title="投保人证件类型">证件类型</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactAppntIDType" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="AppntCustomerId" style="text-align:left;width:100%" title="投保人证件号码">证件号码</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactAppntCustomerId" readonly> </div> </div> <div class="row" style="padding:5px"> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="InsuredName" style="text-align:left;width:100%" >被保人姓名</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactInsuredName" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="InsuredMobile" style="text-align:left;width:100%" title="被保人联系电话">联系电话</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactInsuredMobile" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="InsuredIDType" style="text-align:left;width:100%" title="被保人证件类型">证件类型</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactInsuredIDType" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="InsuredCustomerId" style="text-align:left;width:100%" title="被保人证件号码">证件号码</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" value="" placeholder="" id="compactInsuredCustomerId" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="RiskName" style="text-align:left;width:100%" >险种名称</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactRiskName" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="RealSign" style="text-align:left;width:100%" >保单状态</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactRealSign" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="BeginDate" style="text-align:left;width:100%" >生效日期</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactBeginDate" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="SaleChnlName" style="text-align:left;width:100%" >销售渠道</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactSaleChnlName" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="PeriodTotalAmount" style="text-align:left;width:100%" >期缴保费</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactPeriodTotalAmount" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" for="SumPrem" style="text-align:left;width:100%" >已缴保费</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactSumPrem" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >缴费年期</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactPayYear" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >已缴期数</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactPayPeriods" readonly> </div> </div> <div class="row" style="padding:5px" > <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >银行网点</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactBankingOutlets" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >服务人员</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactOperatorName" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >是否在职</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactIsOnJob" readonly> </div> <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" > <label class="control-label" style="text-align:left;width:100%" >是否双录</label> </div> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2"> <input type="text" class="form-control" id="compactIsDoubleInput" readonly> </div> </div> </div> <div class="modal-footer" style="text-align:center"> <button type="button" class="btn btn-success" onClick="closeCompactDetail()"><span class="glyphicon glyphicon-remove"> 关闭 </button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <!-- 选择单位弹出页面,模态框(Modal) --> <div class="modal fade" id="orgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document" style="width:600px;height:500px;"> > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> </div> <div class="modal-body"> <div class="row" style="padding:1px" > <ul id="UserTree" class="ztree"></ul> </div> </div> <div class="modal-footer"> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <!-- 选择会签人员弹出页面,模态框(Modal) --> <div class="modal fade" id="signOrgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document" style="width:600px;height:500px;"> > <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> </div> <div class="modal-body"> <div class="row" style="padding:1px" > <ul id="SignUserTree" class="ztree"></ul> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-success" onClick="getSignOrgAndJob()"><span class="glyphicon glyphicon-user"> 确定</span></button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <script type="text/javascript"> $(document).on('ready', function() { $('#file-0a').fileinput({ language: 'zh', uploadUrl: '${ctx}/myconsole/complaint/uploadfile/upload?FileAppealID=${appealID}', deleteUrl: '${ctx}/myconsole/complaint/uploadfile/delete', dropZoneEnabled: false, showPreview: true, //显示预览 allowedPreviewTypes: ['image','pdf'], previewFileType: ['image','pdf'], previewFileIcon: "<iclass='glyphicon glyphicon-king'></i>", allowedFileExtensions : ['jpg', 'png','gif','doc','docx','pdf','mp3','mp4','xlsx','msg','rar','ppt','cad','zip'], previewFileIconSettings: { // configure your icon file extensions 'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>', 'jpg': '<i class="fa fa-file-photo-o text-danger"></i>', 'gif': '<i class="fa fa-file-photo-o text-muted"></i>', 'png': '<i class="fa fa-file-photo-o text-primary"></i>', 'jpeg': '<i class="fa fa-file-photo-o text-primary"></i>' }, initialPreviewAsData: true }).on("fileuploaded", function(event,data,previewId,index) { if(data.response) { var result = data.response.id; $("#FileSelectFlag").val("true"); } }); }); function setSelectFile() { if ($('#file-0a').val()!='') { $("#FileSelectFlag").val("false"); } else { $("#FileSelectFlag").val("true"); } } $(function () { $("[data-toggle='tooltip']").tooltip(); }); </script> </body> </html>