projects
/
gdymtsceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!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 queryCustomerView(){
	var strTName=$('#TName').val();
	var strIDCard=$('#IDCard').val(); 
	var strLinkTel1=$('#LinkTel1').val();  
	if(strTName!='' || strIDCard!='' || strLinkTel1!='')
    {    	 
		$('#form1').attr('action','${ctx}/myconsole/complaint/register/queryCustomerView'); 	            
    	$('#form1').ajaxSubmit(setPersonData);  
    }
	else
	{
		layer.alert('客户名称，证件号码，联系电话不能全为空！', {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_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>"+item.serialnumber+"</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>");
	
			}
		}) 	
		
		$('#CustomerAppealIist').show();
		
	} 
	else
	{
		layer.alert("该没有投诉记录！", {skin: 'layui-layer-molv',closeBtn: 0}, function(){layer.closeAll('dialog');
		$('#CustomerAppealIist').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");			
	}
}
//查看 2017-07-19
function seeData(appealid){
	fullOpen("${ctx}/myconsole/complaint/register/seeData?appealid="+appealid);	
}
  
 
//播放录音
function openSound(filePath,fileName)
{	 
	fullOpen("${ctx}/myconsole/complaint/register/playSound?filePath="+filePath+"&fileName="+fileName);	
}
</script>
 
<title>客诉件办理</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body  >
  
<div class="container-fluid" style="margin-top:15px;">


<div class="panel panel-primary">
  <div class="panel-heading">
      	<div  style="display:inline;" >客户统一视图 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapsePerson"><span  id="PersonCollapseIcon"  onClick="setCollapseIcon('PersonCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
  
  <form    id="form1" method="post" class="form-horizontal" role="form">
 
<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" >
				<label class="control-label" for="TName" >客户名称</label></div>
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2" >
				
			   <input type="text" class="form-control"    id="TName" name="TName" maxlength="40"  vmode="" vdisp="客户名称"  vtype="string">
			</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"    placeholder="" id="IDCard" name="IDCard"  vmode="" vdisp="证件号码"  vtype="string">
			</div>
			 
			<div class="col-xs-12 col-sm-1 col-md-1 col-lg-1" >
				<label class="control-label" for="LinkTel1" >联系电话</label></div>
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >
				 
						<input type="text" class="form-control"     placeholder="" id="LinkTel1" name="LinkTel1"   maxlength="20"  vmode="" vdisp="联系电话"  vtype="phone">      					 
			</div>
			
			<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2" >				 
          				<button type="button" class="btn btn-success"  id="QueryCompactButton"  onclick="queryCustomerView()" >查询</button> 
			</div>
	</div>
	 
</div>
</div>                  
</div>		
</form>

<div class="panel panel-primary"  id=CustomerAppealIist  hidden >
  <div class="panel-heading">
      	<div  style="display:inline;" >客户投诉记录 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>      	
		<div style="display:inline;" ><a class="panel-title"   data-toggle="collapse" data-parent="#accordion" href="#collapseAppealList"><span  id="AppealListCollapseIcon"  onClick="setCollapseIcon('AppealListCollapseIcon')" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a></div>
  </div>
<div id="collapseAppealList" class="panel-collapse collapse in">
  <div class="panel-body" style="font-size:14px">
     
	 <div class="table-responsive">
  					<table class="table table-bordered" id="Modal_Appeal">
  						<tr  class="info">
  							<th class="text-center" width="100px">流水号</th>
 							<th class="text-center" >客诉日期</th>
  						    <th class="text-center">客诉来源</th>
  						    <th class="text-center">客诉类型</th>
  						    <th class="text-center" width="50px">查看</th>
 						</tr> 						 
  					</table>
	</div>	 
	 
</div>
</div>                  
</div>		


</div> 

 
</body>
</html>