projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762
							<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-3.3.7/css/bootstrap.min.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/default.css">
<link  rel="stylesheet" href="${ctx}/assets/lib/bootstrap-upload/css/fileinput.css">

<script type="text/javascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/My97DatePicker/WdatePicker.js"></script>  
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/fileinput.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-upload/js/locales/zh.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
<script src="${ctx}/assets/js/validate.js" ></script>
  
<script type="text/javascript">
function doSubmit(){
    if(doValidate(form1)){
    	    $('#form1').attr('action','${ctx}/myconsole/complaint/query/appealShowData'); 	            
    	    $('#form1').submit();   	 
    }
}
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.location.reload();
				});
		
	}else{
		    if(res.flag == false)
			{						
		        layer.alert(res.message, {skin: 'layui-layer-molv',closeBtn: 0}, function(){});
			}		     
	} 
}
 
 
//根据一级投诉原因设置二级投诉原因
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(""); 
	}
}
 
 
//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 setCentreCompanyID() {
            var filialeID = $("#FilialeID").val();
            $("#respondentFilialeID").val(filialeID);
            if (filialeID != '') {
                var filialeName = $("#FilialeID").find("option:selected").text();
                $("#FilialeName").val(filialeName);

                $('#form1').attr('action', '${ctx}/myconsole/complaint/register/getFilialeBusinessHallNameData?ParentID=' + filialeID);
                $('#form1').ajaxSubmit(setCentreCompanyIDData);

            } else {
                $("#CentreCompanyID").empty();
                $("#FilialeName").val("");
            }
        }
        //回写原因二类字典数据
        function setCentreCompanyIDData(data) {
            $("#BusinessHallID").empty();
           
            // $("#BusinessHallID").append("<option value=''>请选择</option>");
            $("#BusinessHallID").append(data);

        }
		function setBusinessHallName() {
			var BusinessHallID = $("#BusinessHallID").val();
			if (BusinessHallID != '') {
				var BusinessHallName = $("#BusinessHallID").find("option:selected").text();
				$("#BusinessHallName").val(BusinessHallName);
			} else {
				$("#BusinessHallName").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 setAppealType()
{
	var appealType=$("#AppealTypeID").find("option:selected").text();
	if(appealType=='消费投诉')
	{
		$("#Complain1").show();
		$("#Complain2").show();
		$("#Complain3").show();
	}
	else
	{
		$("#Complain1").hide();
		$("#Complain2").hide();
		$("#Complain3").hide();
	}
	if(appealType=='异议信息')
	{
		$("#Dissent1").show();
	}
	else
	{
		$("#Dissent1").hide();
	}
	if(appealType=='业务催办')
	{
		$("#UrgeDo1").show();
	}
	else
	{
		$("#UrgeDo1").hide();
	}
}
 
 
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");			
	}
}
</script>
 
<!--/请在上方写此页面业务相关的脚本-->


<title>客诉件查询</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body >

 
<form    id="form1" method="post" class="form-horizontal" role="form">
 <input type="hidden" id="Modal_Main" name="Modal_Main" value="appeal"/>
   <input type="hidden" id="FilialeName" name="FilialeName" value=""/>
        <input type="hidden" id="BusinessHallName" name="BusinessHallName" value=""/>
        <input type="hidden" id="SalesChannelName" name="SalesChannelName" value=""/>
        <input type="hidden" id="SalesTypeName" name="SalesTypeName" value=""/>
        <input type="hidden" id="RespondentModel" name="RespondentModel" value="respondent"/>
        <input type="hidden" id="respondentFilialeID" name="respondent.FilialeID" value=""/>
<div class="container-fluid" style="margin-top:15px;">
 
 <div class="panel panel-primary">
  <div class="panel-heading">
      	<div  style="display:inline;" >客诉件查询 &nbsp;&nbsp;</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 " >
				<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 " >
				<input type="text" class="form-control"    value="" placeholder="" id="TName" name="appeal.TName" maxlength="40"  vmode="" vdisp="姓名"  vtype="chinese">
			</div>
			      <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="LinkTel1">联系电话</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="LinkTel1" name="appeal.LinkTel1"   maxlength="20"  vmode="" vdisp="联系电话1"  vtype="phone">
                                 	 
			</div>
	
			      <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="LinkTel1">流水号</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="SerialNumber" name="appeal.SerialNumber"   maxlength="20"  vmode="" vdisp="流水号"  vtype="phone">
                                 	 
			</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="InsceTypeID1">险种类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
						<select id="InsceTypeID1" name="appeal.InsceTypeID1"   onChange=setInsceTypeID2()   class="form-control" vmode="" vdisp="一级险种类别"  vtype="string">
				 	           <option value="">请选择</option>
					            ${dic_inscetypeID1!''}			           
				        </select>                           
			</div>		
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="InsceTypeID2">二级类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
						<select id="InsceTypeID2" name="appeal.InsceTypeID2"  onChange=setInsceTypeID3()   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="InsceTypeID3">三级类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
						<select id="InsceTypeID3" name="appeal.InsceTypeID3"  onChange=setInsceTypeName3()   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="FilialeID">被诉公司</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
					<select id="FilialeID" name="appeal.FilialeID"  onChange=setCentreCompanyID()  class="form-control"  vmode='' vdisp='主被诉公司'  vtype='string'>
				 	           ${filialeID!''}
				    </select>                            
			</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="AppealType">客诉类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
						<select id="AppealTypeID" name="appeal.AppealTypeID"   onChange=setAppealType()   class="form-control" vmode="" vdisp="客诉类别"  vtype="string">
				 	           <option value="">请选择</option>
					           ${AppealTypeID!''}				           
				        </select>                           
			</div>		 -->
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="AppealSource">客诉来源</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 ">
						<select id="AppealSourceID" name="appeal.AppealSourceID"      class="form-control"  vmode="" vdisp="客诉来源"  vtype="string">
				 	           <option value="">请选择</option>
					           ${AppealSourceID!''}
				        </select>                            
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="UrgentLevel"  >紧急程度</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
					    <select id="UrgentLevelID" name="appeal.UrgentLevelID"     class="form-control"  vmode="" vdisp="紧急程度"  vtype="string">
				 	           <option value="">请选择</option>
					           <option value="01">紧急</option>
					           <option value="02">一般</option> 
				        </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="CentreCompanyID" name="appeal.CentreCompanyID"     class="form-control"  vmode="" vdisp="被诉中支/部门"  vtype="string">
				 	            ${centreCompanyID!''}					            
				    </select>                            
			</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="AppealDate">客诉时间从</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="" placeholder="" id="BeginAppealDate" name="appeal.BeginAppealDate"      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:'BeginAppealDate',maxDate:'#F{$dp.$D(\'EndAppealDate\')}'})" title="选择开始客诉时间">
                                         <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                                       </button>                                 
                                 	</div>
                        </div>                              
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 " >
				<label class="control-label" for="AppealDate">&nbsp;&nbsp;&nbsp;&nbsp;至</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="${CurDate!''}" placeholder="" id="EndAppealDate" name="appeal.EndAppealDate"      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:'EndAppealDate',minDate:'#F{$dp.$D(\'BeginAppealDate\')}',maxDate:new Date()})" title="选择结束客诉时间">
                                         <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                                       </button>                                 
                                 	</div>
                        </div>                              
			</div>
			<!-- <div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AskTimeBlockID" title="客户对反馈的时间要求">期望时限</label>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">						 
				 <select id="AskTimeBlockID" name="appeal.AskTimeBlockID"       class="form-control"  vmode="" vdisp="期望时间"  vtype="string">
				 	           <option value="">请选择</option>					         
					           <option value="1">一小时</option>
					           <option value="2">二小时</option>
					           <option value="24">一个工作日</option>
					           <option value="48">二个工作日</option>
					           <option value="72">三个工作日</option>
					           <option value="0">其它</option>
				        </select>  
			</div> -->
			 <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="BusinessHallID">被诉部门</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
					<select id="BusinessHallID" name="appeal.BusinessHallID"    onChange=setBusinessHallName()   class="form-control"  vmode="" vdisp="被诉中支/部门"  vtype="string">
				 	             ${businessHallID!''}					            
				    </select>                            
			</div> 
			 		
	</div>
	 
	<div class="row" style="padding:5px" id=Complain1   hidden>
			<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">
						<select id="ComplaintTypeID1" name="appeal.ComplaintTypeID1"   onChange=setComplaintTypeID2()    class="form-control"  vmode="" vdisp="投诉类别"  vtype="string">
				 	           <option value="">请选择</option>
					          ${dic_complainttypeID1!''}
				        </select>                            
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="ComplaintTypeID2">二级类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
						<select id=ComplaintTypeID2 name="appeal.ComplaintTypeID2"   onChange=setComplaintTypeName2()     class="form-control" vmode="" vdisp="二级类别"  vtype="string">
				 	           <option value="">请选择</option>
				 	           				            
				        </select>                             
			</div>	
			  	
	</div>
	
	<div class="row" style="padding:5px"  id=Complain2 hidden>
			<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">
							<select id="ReasonID1" name="appeal.ReasonID1" onChange=setReasonID2() class="form-control"   vmode="" vdisp="投诉原因"  vtype="string">
				 	           <option value="">请选择</option>
					           ${reasonID1!''}
				              </select>                            
			</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">
							<select id=ReasonID2 name="appeal.ReasonID2"   onChange=setReasonID3()  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="ReasonID3">三级原因</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
							<select id="ReasonID3" name="appeal.ReasonID3"  onChange=setReasonName3()   class="form-control" vmode="" vdisp="三类原因"  vtype="string">
				 	           <option value="">请选择</option>
					            
				              </select>                            
			</div>			
	</div>
		
	<div class="row" style="padding:5px"  id=Complain3  hidden>
			<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">
							<select id="AskTypeID1" name="appeal.AskTypeID1" onChange=setAskTypeID2() class="form-control"   vmode="" vdisp="诉求类别"  vtype="string">
				 	           <option value="">请选择</option>
					           ${dic_asktypeID1!''}
				              </select>                            
			</div>
			<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="AskTypeID2">二级类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
							<select id=AskTypeID2 name="appeal.AskTypeID2"   onChange=setAskTypeID3()  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="AskTypeID3">三级类别</label>
			</div>
			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
							<select id=AskTypeID3 name="appeal.AskTypeID3"   onChange=setAskTypeName3()  class="form-control"  vmode="" vdisp="三级类别"  vtype="string">
				 	           <option value="">请选择</option>					            
				              </select>                           
			</div>	 	
	</div>
	<div class="row" style="padding:5px"  id=Dissent1  hidden>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="DissentType">异议类别</label>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
							<select id="DissentType" name="appeal.DissentType"   class="form-control"   vmode="" vdisp="异议类别"  vtype="string">
				 	           <option value="">请选择</option>
					           <option value="承保">承保</option>
					           <option value="理赔">理赔</option> 
				              </select>                            
			</div>			 
			<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8"  style="align:left;">
			    <label class="checkbox-inline"   style="text-align:left;font-weight:700;padding-left:0" >原因: </label>	
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"  id="NotTallyInfoFlag"   onClick=setNotTally('NotTallyInfo')   >保单基本信息不符</label>	
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"   id="NotTallyStateFlag"   onClick=setNotTally('NotTallyState')   >保单状态不符</label>
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"   id="NotTallyPayFlag"   onClick=setNotTally('NotTallyPay')   >缴费信息不符</label>
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"   id="NotTallyCorrectFlag"   onClick=setNotTally('NotTallyCorrect')   >批改信息不符</label>
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"   id="NotTallyClaimsFlag"   onClick=setNotTally('NotTallyClaims')   >理赔信息不符</label>
				<label class="checkbox-inline control-label checkbox"  style="text-align:center;" ><input type="checkbox"   id="NotTallyOtherFlag"   onClick=setNotTally('NotTallyOther')   >其它信息不符</label>					
			</div>			 
	</div>
	
	<div class="row" style="padding:5px"  id=UrgeDo1  hidden>
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="UrgeDoTypeID1">催办类型</label>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 ">
							<select id="UrgeDoTypeID1" name="appeal.UrgeDoTypeID1"   onChange=setUrgeDoTypeID2() class="form-control"   vmode="" vdisp="催办类型"  vtype="string">
				 	           <option value="">请选择</option>
					            ${dic_urgedotype!''}	
				              </select>                            
			</div>			 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="UrgeDoTypeID2">二级类型</label>
			</div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
							<select id="UrgeDoTypeID2" name="appeal.UrgeDoTypeID2"   class="form-control"   vmode="" vdisp="催办二级类型"  vtype="string">
				 	           <option value="">请选择</option>
					            
				              </select>                            
			</div>				 
	</div>
	
	 	 
</div>
</div>
</div>		
 <div class="panel panel-success">
<div class="panel-heading">
      	<div  style="display:inline;" >选择显示的列&nbsp;&nbsp;</div>      	
	
	 </div>
<div id="collapseFile" class="panel-collapse collapse in">
   
  <div class="panel-body" style="font-size:14px">
  
	<div class="row" style="padding:5px">
	  <label class="checkbox-inline">
      &nbsp;&nbsp;&nbsp;&nbsp;<input type='checkbox' name='FieldName'  value='serialnumber/客诉件流水号' checked>客诉件流水号
   </label>
   <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='tname/姓名' checked>姓名
   </label>
   <label class="checkbox-inline">
      <input type='checkbox' name='FieldName'  value='appealdate/客诉时间' checked>客诉时间
   </label>
	<label class="checkbox-inline">			 
   <input type='checkbox' name='FieldName'  value='appealtype/客诉类别' checked>客诉类别
   </label>
   <label class="checkbox-inline">
     <input type='checkbox' name='FieldName'  value='appealsource/客诉来源' checked>客诉来源
   </label>
    <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='urgentlevel/紧急程度' >紧急程度
   </label>
   
    <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='filialename/被诉分公司' >被诉分公司
   </label>
    <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='centrecompanyname/被诉中支' >被诉中支
   </label>
   
   <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='businesshallname/被诉网点' >被诉网点
   </label>
   <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='policynumber/保单号' >保单号
   </label>
   <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='limitenddate/截止日期' >截止日期
   </label>
    
    <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='dotimeratio/办理效率' >办理效率
   </label>
   
    <label class="checkbox-inline">
   <input type='checkbox' name='FieldName'  value='dostate/办理状态' checked>办理状态
   </label>
   
   
	</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-success"  id="SubmitButton1"  onclick="doSubmit()">  查&nbsp;&nbsp;&nbsp;&nbsp;询</button>
			</div>
			 
	</div>   	
  
	  
</div> 
 
</div> 
</form>
  

</body>

</html>