坐席考勤 绩效考勤 增加排序功能

WebUI/CallCenterWeb.UI/ReportForm/seatsCheck.html

@@ -88,45 +88,29 @@
 
 								</div>
 							</div>
-							<div style="width: 100%;padding: 10px;">
-								<div class="table-head">
-									<table id="thead1" class="table table-hover table-striped table-bordered table-condensed">
-										<colgroup>
-											<col style="width: 80px;" />
-											<col/>
-										</colgroup>
+							<!--<div style="width: 100%;padding: 10px;">-->
+								<!--<div class="table-head">-->
+									<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 										<thead>
-											<tr>
-												<th>工号</th>
-												<th>姓名</th>
-												<th>分机号</th>
-												<th>首次签入时间</th>
-												<th>最后签出时间</th>
-												<th>签入总时长</th>
-												<th>空闲时长</th>
-												<th>通话时长</th>
-												<th>话后处理时长</th>
-												<th>置忙时长</th>
-												<th>置忙次数</th>
-												<th>登录次数</th>
-												<th>呼入量</th>
-												<th>呼出量</th>
-											</tr>
+										<tr>
+											<th data-field="UserCode" data-align="center">工号</th>
+											<th data-field="UserName" data-align="center">姓名</th>
+											<th data-field="ExtNumber" data-align="center">分机号</th>
+											<th data-field="logintime" data-align="center" data-sortable="true">首次签入时间</th>
+											<th data-field="logouttime" data-align="center" data-sortable="true"> 最后签出时间</th>
+											<th data-field="logintimes" data-align="center"> 签入总时长</th>
+											<th data-field="free" data-align="center" data-sortable="true"> 空闲时长</th>
+											<th data-field="talking" data-align="center" data-sortable="true"> 通话时长</th>
+											<th data-field="postprocess" data-align="center" data-sortable="true"> 话后处理时长</th>
+											<th data-field="repose" data-align="center" data-sortable="true"> 置忙时长</th>
+											<th data-field="reposeconut" data-align="center" data-sortable="true"> 置忙次数</th>
+											<th data-field="logcount" data-align="center" data-sortable="true"> 登录次数</th>
+											<th data-field="callincount" data-align="center" data-sortable="true"> 呼入量</th>
+											<th data-field="calloutcount" data-align="center" data-sortable="true"> 呼出量</th>
+										</tr>
 										</thead>
 									</table>
-								</div>
-								<div class="table-body">
-									<table id="table1" class="table table-hover table-striped table-bordered table-condensed">
-										<colgroup>
-											<col style="width: 80px;" />
-											<col/>
-										</colgroup>
-										<tbody>
-
-										</tbody>
-									</table>
-								</div>
-							</div>
+							<!--</div>-->
 						</div>
 						<div class="two_content" style="display: none;">
 							<div class="toolBar clearfix">
@@ -143,16 +127,16 @@
 										<th data-field="UserCode" data-align="center">工号</th>
 										<th data-field="UserName" data-align="center">姓名</th>
 										<th data-field="ExtNumber" data-align="center">分机号</th>
-										<th data-field="logintime" data-align="center">签入时间</th>
-										<th data-field="logouttime" data-align="center"> 签出时间</th>
-										<th data-field="logtimes" data-align="center"> 签入总时长</th>
-										<th data-field="free" data-align="center"> 空闲时长</th>
-										<th data-field="talking" data-align="center"> 通话时长</th>
-										<th data-field="postprocess" data-align="center"> 话后处理时长</th>
-										<th data-field="repose" data-align="center"> 置忙时长</th>
-										<th data-field="reposeconut" data-align="center"> 置忙次数</th>
-										<th data-field="callincount" data-align="center"> 呼入量</th>
-										<th data-field="calloutcount" data-align="center"> 呼出量</th>
+										<th data-field="logintime" data-align="center" data-sortable="true">签入时间</th>
+										<th data-field="logouttime" data-align="center" data-sortable="true"> 签出时间</th>
+										<th data-field="logtimes" data-align="center" data-sortable="true"> 签入总时长</th>
+										<th data-field="free" data-align="center" data-sortable="true"> 空闲时长</th>
+										<th data-field="talking" data-align="center" data-sortable="true"> 通话时长</th>
+										<th data-field="postprocess" data-align="center" data-sortable="true"> 话后处理时长</th>
+										<th data-field="repose" data-align="center" data-sortable="true"> 置忙时长</th>
+										<th data-field="reposeconut" data-align="center" data-sortable="true"> 置忙次数</th>
+										<th data-field="callincount" data-align="center" data-sortable="true"> 呼入量</th>
+										<th data-field="calloutcount" data-align="center" data-sortable="true"> 呼出量</th>
 									</tr>
 								</thead>
 							</table>
@@ -227,36 +211,16 @@
 					},
 					success: function(data) {
 						if(data.state.toLowerCase() == 'success') {
-							$('#table1 tbody').html('');
-							$(data.data).each(function(i, n) {
-								//							console.log(n)
-								$('<tr>' +
-									'<td>' + n.UserCode + '</td>' +
-									'<td>' + n.UserName + '</td>' +
-									'<td>' + n.ExtNumber + '</td>' +
-									'<td>' + n.logintime + '</td>' + //签入
-									'<td>' + n.logouttime + '</td>' + //签出
-									'<td>' + n.logintimes + '</td>' + //签入总时长
-									'<td>' + n.free + '</td>' + //空闲
-									'<td>' + n.talking + '</td>' + //通话
-									'<td>' + n.postprocess + '</td>' + //话后处理
-									'<td>' + n.repose + '</td>' + //置忙
-									'<td>' + n.reposeconut + '</td>' + //置忙次数
-									'<td>' + n.logcount + '</td>' + //登录次数
-									'<td>' + n.callincount + '</td>' + //呼入
-									'<td>' + n.calloutcount + '</td>' + //呼出
-									'</tr>').appendTo('#table1 tbody')
-							})
-
+							$('#table1').bootstrapTable('load',data.data); 
 						}
 
 					}
 
 				});
+					$('#table1').bootstrapTable('destroy').bootstrapTable({striped: true});
 
 			}
 			var table = $("#workorderlist");
-
 			function initTable2() {
 				//先销毁表格
 				table.bootstrapTable('destroy');
@@ -294,7 +258,23 @@
 						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
 					}
 				});
-
+//				
+//				
+//				 $.ajax({
+//	         	type:"get",
+//	         	url: huayi.config.callcenter_url+"SeatMonitoring/GetReportDetailList",
+//	         	async:true,
+//	         	dataType:'json',
+//	         	data:{
+//	         			token: $.cookie("token"),
+//						stime: $('#startTime1').val(),
+//						etime: $('#endTime1').val()
+//	         	},
+//	         	success:function(data){
+//	         		table.bootstrapTable('load',data.rows); 
+//	         	}
+//	         });
+//				table.bootstrapTable('destroy').bootstrapTable({striped: true});
 			}
 			//导出
 			$('.export').click(function() {

WebUI/CallCenterWeb.UI/jiXiao/jiXiao.html

@@ -13,19 +13,19 @@
 		<script src="../js/laydate/laydate.js"></script>
 		<style type="text/css">
 				.time-box{
-			display: inline-block;
-			position: relative;
-		}
-		.toolRight input{
-			    padding-right: 30px;
-		}
-			.tub{
-		   position: absolute;
-		    right: 8px;
-		    top: 5px;
-		    font-size: 18px;
-		    color: #00a0ca;
-		}
+					display: inline-block;
+					position: relative;
+				}
+				.toolRight input{
+					padding-right: 30px;
+				}
+				.tub{
+				    position: absolute;
+				    right: 8px;
+				    top: 5px;
+				    font-size: 18px;
+				    color: #00a0ca;
+				}
 		</style>
 	</head>
 	<body class="gray-bg">
@@ -56,7 +56,7 @@
 						</div>
 					</div>
 					<div style="width: 100%;padding: 10px;">
-					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
+					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
 						<thead>
 							<tr>
 								<!--<th data-field="state" data-checkbox="true" data-align="center"></th>-->
@@ -78,68 +78,39 @@
 			</div>
 		</div>
 		<script>
-			var table1=$('#table1');
+//			var table1=$('#table1');
 			var dates=new Date();
 			var time=dates.getFullYear()+"-"+(dates.getMonth()+1);
 			$(document).ready(function() {
 				$('#startTime').val(time)
 					//年月选择器
 				laydate.render({
-			  elem: '#startTime'
-			  ,format: 'yyyy-MM',
-			  type: 'month',
-			  theme: '#00a1cb'
-//			  value: new Date() 
-			});
-				console.log($('#startTime').val())
+				  elem: '#startTime'
+				  ,format: 'yyyy-MM',
+				  type: 'month',
+				  theme: '#00a1cb'
+				});
 				initTable1();
 				//搜索
 				$('.search').click(function(){
 					initTable1();
 				})
-					
 			})
 			function initTable1() {
-				//先销毁表格
-				table1.bootstrapTable('destroy');
-				//初始化表格,动态从服务器加载数据
-				table1.bootstrapTable({
-					method: "GET", //使用GET请求到服务器获取数据
-					url: huayi.config.callcenter_url+"DeptAssessment/GetDeptAssessment", //获取数据的Servlet地址
-					contentType: "application/x-www-form-urlencoded",striped: true,
-					striped: true, //表格显示条纹
-					pagination: false, //启动分页
-					sortable: true,      //是否启用排序
-   					sortOrder: "asc",     //排序方式
-					pageSize:10, //每页显示的记录数
-					pageNumber: 1, //当前第几页
-					pageList: [10,20, 50, 100], //记录数可选列表
-					search: false, //是否启用查询
-					showColumns: false, //显示下拉框勾选要显示的列
-					showRefresh: false, //显示刷新按钮
-					sidePagination: "server", //表示服务端请求
-					
-					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
-					//设置为limit可以获取limit, offset, search, sort, order
-					queryParamsType: "undefined",
-					queryParams: function queryParams(params) { //设置查询参数
-						var param = {
-							page: params.pageNumber,
-							pagesize: params.pageSize,
-							sort: params.sort,  //排序列名 
-    						sortOrder: params.order,//排位命令（desc，asc）
-							strdatetime: $('#startTime').val(),
-							token: $.cookie("token"),
-						};
-						return param;
-					},
-					onLoadSuccess: function() { //加载成功时执行
-						//layer.msg("加载成功");
-					},
-					onLoadError: function() { //加载失败时执行
-						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
-					}
-				});
+			   $.ajax({
+	         	type:"get",
+	         	url:huayi.config.callcenter_url+"DeptAssessment/GetDeptAssessment",
+	         	async:true,
+	         	dataType:'json',
+	         	data:{
+	         		strdatetime: $('#startTime').val(),
+					token: $.cookie("token")
+	         	},
+	         	success:function(data){
+	         		$('#table1').bootstrapTable('load',data.rows); 
+	         	}
+	         });
+				$('#table1').bootstrapTable('destroy').bootstrapTable({striped: true});
 			}
 	            //导出
         		$('.export').click(function() {
@@ -161,7 +132,7 @@
             			url += "&strdatetime=" + $("#startTime").val() +"&isExport=true";
                 		obj.href = url;
             }
-	         
+	    
 	       
 		</script>
 	</body>

WebUI/CallCenterWeb.UI/jiXiao/jiXiaoTongJi.html

@@ -81,7 +81,7 @@
 			</div>
 		</div>
 		<script>
-			var table1=$('#table1');
+//			var table1=$('#table1');
 			var dates=new Date();
 			var time=dates.getFullYear()+"-"+(dates.getMonth()+1);
 			$(document).ready(function() {
@@ -104,51 +104,24 @@
 					
 			})
 			function initTable1() {
-				//先销毁表格
-				table1.bootstrapTable('destroy');
-				//初始化表格,动态从服务器加载数据
-				table1.bootstrapTable({
-					method: "GET", //使用GET请求到服务器获取数据
-					url: huayi.config.callcenter_url+"DeptAssessment/GetDeptAssessment", //获取数据的Servlet地址
-					contentType: "application/x-www-form-urlencoded",striped: true,
-					striped: true, //表格显示条纹
-					pagination: false, //启动分页
-					pageSize:10, //每页显示的记录数
-					pageNumber: 1, //当前第几页
-					pageList: [10,20, 50, 100], //记录数可选列表
-					search: false, //是否启用查询
-					showColumns: false, //显示下拉框勾选要显示的列
-					showRefresh: false, //显示刷新按钮
-					sidePagination: "server", //表示服务端请求
-					sortable: true,      //是否启用排序
-   					sortOrder: "asc",     //排序方式
-					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
-					//设置为limit可以获取limit, offset, search, sort, order
-					queryParamsType: "undefined",
-					queryParams: function queryParams(params) { //设置查询参数
-						var param = {
-							page: params.pageNumber,
-							pagesize: params.pageSize,
-							sort: params.sort,  //排序列名 
-    						sortOrder: params.order,//排位命令（desc，asc）
-							strdatetime: $('#startTime').val(),
-							token: $.cookie("token"),
-						};
-						return param;
-					},
-					onLoadSuccess: function() { //加载成功时执行
-						//layer.msg("加载成功");
-					},
-					onLoadError: function() { //加载失败时执行
-						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
-					}
-				});
+			   $.ajax({
+	         	type:"get",
+	         	url: huayi.config.callcenter_url+"DeptAssessment/GetDeptAssessment",
+	         	async:true,
+	         	dataType:'json',
+	         	data:{
+	         			strdatetime: $('#startTime').val(),
+						token: $.cookie("token"),
+	         	},
+	         	success:function(data){
+	         		$('#table1').bootstrapTable('load',data.rows); 
+	         	}
+	         });
+				$('#table1').bootstrapTable('destroy').bootstrapTable({striped: true});
 			}
-	       
 	       function detail(val,row){
 	       	   return '<div> <a title="查看详情" onclick=go("'+ row.deptid +'")><i class="fa fa-bars"></i></a></div>'
 	       }
-			
 			function go(deptname){
 				console.log(deptname)
 				top.$("iframe:visible")[0].src = "jiXiao/jiXiaoDetail.html?depid=" + deptname +"&time="+$('#startTime').val();