WebContent/WEB-INF/jsp/pc/report/callreport.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>万小二</title>
		<link rel="stylesheet" href="/zzhnc/res/plugins/layui/css/layui.css">
		<link rel="stylesheet" href="/zzhnc/res/css/basic.css">
	</head>
	<style>
	.Detailbtn .layui-form-label{
		width:90px;	
	}
	.Detailbtn .layui-input-inline{
		width:380px !important;
	}
	</style>
	<body class="wrap">
		<div class="layui-form">
			<div class="layui-form-item searchbox" style="margin-bottom: 0px;">
				<div class="layui-input-inline" style="width: 140px;">
					<input type="text" class="layui-input" name="keyword" placeholder="关键字" />
				</div>
				<button class="layui-btn" lay-submit lay-filter="querybtn">查询</button>
				<button class="layui-btn layui-btn-primary resetBtn" >重置</button>
			</div>
		</div>
		<table class="layui-table">
			<thead>
				<tr>
					<th style="width:30px;">No</th>
					<th style="min-width: 130px;max-width:320px;">头像昵称</th>
					<th style="min-width: 80px;">销售人员</th>
					<th style="min-width: 80px;">楼盘</th>
					<th style="min-width: 80px;">拨打时间 </th>
				</tr>
			</thead>
				
			<tbody id="tablelist">
				
			</tbody>
		</table>
		<div class="nulldata">暂无数据</div>
		<div id="page"></div>
		
	</body>
	
	<script src='/zzhnc/res/js/jquery.min.js'></script>
	<script src="/zzhnc/res/plugins/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="/zzhnc/res/js/me.js"></script>
	<script>
		layui.use(['form', 'element', 'laydate', 'layer', 'laypage'], function() {
			var form = layui.form(),
				element = layui.element(),
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage;

			var queryObj = {
					page: 1,
					keyword: null
				} //查询条件
			//查询
			 form.on('submit(querybtn)', function(data){
				 queryObj=data.field;
				 queryObj.page=1;
			      initdata(queryObj);
			      form.render();
			  });
			 $(".resetBtn").on("click",function(){
				$("input[name=keyword]").val("");
				form.render();
				queryObj.keyword=null;
				initdata(queryObj);
			}) 
			//初始化数据
			initdata(queryObj);
			function initdata(queryObj){
				$.post("/zzhnc/report/getCalllogList",queryObj,function(data){
					data=data.data;
					console.log(data)
					  laypage({
						cont: 'page',
						pages: data.totalPages, //总页数
						curr: queryObj.page,
						skip: true,
						jump: function(obj, first) {
							if(!first) {
								queryObj.page = obj.curr
								initdata(queryObj);
							}

						}
					});  
					var str="";
					 if(data.rows.length<1){
						$(".nulldata").show();
					}else{
						$(".nulldata").hide();
						for(var i=0;i<data.rows.length;i++){
							var nick="";
							if((data.rows[i].nickname==null||data.rows[i].nickname=="")&&(data.rows[i].logo==null||data.rows[i].logo=="")){
								nick='<div style="text-align:left;">未授权（id：'+ data.rows[i].id +'）</div>';
							}else{
								if(data.rows[i].logo==null||data.rows[i].logo==""){
									nick='<div class="nickbox"><div id="wlogo" style="background:url(/zzhnc/res/images/default_user.png) no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
								}else{
									nick='<div class="nickbox"><div id="wlogo" style="background:url('+data.rows[i].logo+') no-repeat center;-webkit-background-size:contain;background-size:contain;"></div><span class="nick"> '+ data.rows[i].nickname +'</span></div>';
								}
							}
							str+='<tr data-id='+ data.rows[i].id +'>'
								+'<td>'+ ((data.page - 1) * data.pageSize + i + 1) +'</td>'
								+'<td style="padding-left:40px;">'+ nick +'</td>'
								+'<td>'+ data.rows[i].salename+'</td>'
								+'<td>'+ data.rows[i].projectname+'</td>'
								+'<td>'+ toTime_G(data.rows[i].createdtime)+'</td>'
								+'</tr>';
						}
					} 
					
					$("#tablelist").html(str);
					toNull_G();
				})
			}

		})
	</script>

</html>