质检报表

CallCenterWeb.UI/zhiJian.html

@@ -77,6 +77,32 @@
 				background: #1ab394;
 				color: #fff;
 			}
+			.zxt-table .pageList{
+				width: 100%;
+				overflow: hidden;
+			}
+			.zxt-table .pageList .pageCon{
+				display: flex;
+				float: right;
+			}
+			.zxt-table .pageList .pageCon div{
+				height: 30px;
+				line-height: 30px;
+				margin: 8px;
+			}
+			.zxt-table .pageList .pageCon div input{
+				width: 40px;
+				padding: 0 8px;
+				text-align: center;
+			}
+			.zxt-table .pageList .pageCon div button{
+				background: #1ab394;
+				border: none;
+				color: #FFFFFF;
+				border-radius: 5px;
+				font-size: 14px;
+			}
+
 		</style>
 	</head>
 
@@ -114,6 +140,16 @@
 						<tbody class="tbody"></tbody>
 
 					</table>
+					<div class="pageList">
+						<div class="pageCon">
+							<div>共<span id="pageTotal">2</span>条</div>
+							<div>共<span id="pageSize">2</span>页</div>
+							<div><button id="prePage">上一页</button></div>
+							<div><input  id="pageindex" value="" /></div>
+							<div><button id="turnPage">跳转</button></div>
+							<div><button id="nextPage">下一页</button></div>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -125,9 +161,12 @@
 		<script src="./js/select2/js/select2.min.js"></script>
     
 		<script>
+			var stime, endtime, bumen,expor;//开始时间
+			var token = $.cookie("token");
+			var content = [];
+			var pageindex = 1;
 			$(function() {
-				var token = $.cookie("token");
-				var content = [];
+				
 				laydate.skin('molv');
 				//开始时间
 				laydate({
@@ -143,52 +182,14 @@
 					istoday: true,
 					format: 'YYYY-MM-DD', // 分隔符可以任意定义，该例子表示只显示年月
 				});
-
-				var stime, //开始时间
-					endtime, //结束时间
-					bumen,
-					expor;
 				getDepartList($("#bumen"))
 				tbodyAjax();
-				//点击搜索事件
-				$('.sear').click(function() {
-					$('.zjTable tbody').html('');
-					stime = $('#startTime').val(); //开始时间
-					endtime = $('#endTime').val(); //结束时间
-					bumen = $('#bumen').val(); //部门
-					 if(stime != '' && endtime != '') {
-						tbodyAjax(stime, endtime, bumen);
-					}else{
-						tbodyAjax();
-						if(stime==''){
-							alert('请选择开始时间！');
-						}else if(endtime ==''){
-							alert('请选择结束时间！');
-						}
-					}
 				
-				})
-				//导出
-				$('.daochu').click(function() {
-					let sdate = $('#startTime').val()
-					let edate = $('#endTime').val()
-					var url = huayi.config.callcenter_url + "QCResult/ExportToExcelHeBing?token=" + $.cookie("token");
-					url += "&stime=" + sdate + "&endtime=" + edate + "&dpt=" + $('#bumen').val()
-					window.location.href = url;
-				})
-				//导出
-				function dcexcel(obj) {
-					let sdate = $('#startTime').val()
-					let edate = $('#endTime').val()
-					var url = huayi.config.callcenter_url + "QCResult/ExportToExcelHeBing?token=" + $.cookie("token");
-					url += "&stime=" + sdate + "&endtime=" + edate + "&dpt=" + $('#bumen').val()
-					obj.href = url;
-				}
 				//表头
-					$.ajax({
+				$.ajax({
 						type: "get",
 						dataType: "json",
-						url: huayi.config.callcenter_url+"QCResult/GetColumnList",
+						url: huayi.config.callcenter_url+"ExportQCResult/GetColumnList",
 						async: false,
 						data: {
 							token:token,
@@ -223,79 +224,95 @@
 						}
 					});
 			
-				//表格数据
-				function tbodyAjax(stime, endtime,bumen) {
-					$.ajax({
-						type: "get",
-						dataType: "json",
-						url: huayi.config.callcenter_url+"QCResult/GetDataList",
-						async: true,
-						data: {
-							token:token,
-							stime: stime,
-							endtime: endtime,
-							dpt:bumen,
-						},
-						success: function(result) {
-							var tbodyCon = result.data;
-							var html =""
-							for(var i = 0; i < tbodyCon.length; i++) {
-								html +="<tr>"
-								for(var key in tbodyCon[i]){
-									delete tbodyCon[i].AllScore
-									html += '<td>' + tbodyCon[i][key] + '</td>'
-								}
-								html += "</tr>"
+				
+			})
+			//点击搜索事件
+			$('.sear').click(function() {
+				pageindex =1
+				 tbodyAjax();
+			})
+			
+			$("#prePage").click(function(){
+				if(pageindex>1){
+					pageindex --
+					tbodyAjax();
+				}
+			})
+			$("#turnPage").click(function(){
+				pageindex = $("#pageindex").val()
+				tbodyAjax();
+			})
+			
+			$("#nextPage").click(function(){
+				
+				if(pageindex !=$("#pageSize").text()){
+					pageindex ++
+					tbodyAjax();
+				}
+				
+			})
+			
+			//导出
+			$('.daochu').click(function() {
+				var url = huayi.config.callcenter_url + "ExportQCResult/ExportToExcelHeBing?token=" + $.cookie("token");
+				url += "&stime=" + $('#startTime').val() + "&endtime=" + $('#endTime').val() + "&dpt=" + $('#bumen').val()
+				window.location.href = url;
+			})
+			
+			//表格数据
+			function tbodyAjax() {
+				
+				$.ajax({
+					type: "get",
+					dataType: "json",
+					url: huayi.config.callcenter_url+"ExportQCResult/GetDataList",
+					async: true,
+					data: {
+						token:token,
+						stime: $('#startTime').val(),
+						pageindex:pageindex,
+						pagesize:10,
+						endtime: $('#endTime').val(),
+						dpt:$('#bumen').val(),
+					},
+					success: function(result) {
+						var tbodyCon = result.rows;
+						
+						$("#pageSize").text(Math.ceil(result.total/10))
+						$("#pageindex").val(pageindex)
+						$("#pageTotal").text(result.total)
+						$('.zjTable tbody').html('');
+						var html =""
+						for(var i = 0; i < tbodyCon.length; i++) {
+							html +="<tr>"
+							for(var key in tbodyCon[i]){
+								delete tbodyCon[i].AllScore
+								html += '<td>' + tbodyCon[i][key] + '</td>'
 							}
-							$(html).appendTo('.zjTable tbody')
-							
+							html += "</tr>"
 						}
-					});
-
-				}
+						$(html).appendTo('.zjTable tbody')
+						
+					}
+				});
 
-				//部门下拉框
-				//营业部
-				function getDepartList(obj) {
-					obj.empty();
-					let str = '<option value="">请选择</option>'
-					$.getJSON(huayi.config.callcenter_url + 'CallOutPlan/GetDepartList', {
-						"token": $.cookie("token")
-					}, function(result) {
-						if(result.state.toLowerCase() == "success") {
-							result.data.forEach(function(v, n) {
-								str += '<option value="' + v.F_DeptId + '">' + v.F_DeptName + '</option>'
-							})
-							obj.html(str)
-						}
-					})
-				}
-				// $("#bumen").select2({
-				// 	width: 'resolve' ,
-				// 	 minimumResultsForSearch: -1,
-				// 	ajax:{
-				// 		type:"get",
-				// 		url:huayi.config.callcenter_url+"Department/GetDeptList",
-				// 		async:true,
-				// 		dataType: "json",
-				// 		data:function(params){
-				// 			return{
-				// 				token:token,
-				// 				pid:params.id
-				// 			}
-				// 		},
-				// 		processResults:function(data){
-							
-				// 			return{
-				// 				 results:data.data
-				// 			}
-				// 		},
-				// 		 cache: true
-				// 	},
-			 //        placeholder: "请选择",
+			}
 
-				// });
-			})
+			//部门下拉框
+			function getDepartList(obj) {
+				obj.empty();
+				let str = '<option value="">请选择</option>'
+				$.getJSON(huayi.config.callcenter_url + 'CallOutPlan/GetDepartList', {
+					"token": $.cookie("token")
+				}, function(result) {
+					if(result.state.toLowerCase() == "success") {
+						result.data.forEach(function(v, n) {
+							str += '<option value="' + v.F_DeptId + '">' + v.F_DeptName + '</option>'
+						})
+						obj.html(str)
+					}
+				})
+			}
 		</script>
 	</body>