报表导出

CallCenterWeb.UI/ReportForm/workOrderComplain.html

 						</div>-->
 						<div class="pull-right">
 							<button class="btns search">搜索</button>
-							<!--<a href="" class="btns export">导出</a>-->
+							<a href="" class="btns export">导出</a>
 						</div>
 					</div>
 				</div>
 				<h2 style="text-align: center; margin-top: 20px;">数据饼状图</h2>
 				<div id="quantity" style="width: 100%;height: 500px;"></div>
 			</div>
-			<div class="hu-con-left">
+			<div class="hu-con-left" style="width: 80%; margin: 0 auto;">
 				<h2 style="text-align: center; margin-top: 20px; display: none;">投诉原因统计</h2>
 				<table class="layui-hide" id="t_callTotal"></table> 
 			</div>
 					partOne();
 					//getTableDataList(); //获取表格数据
 				})
+				//导出
+				$('.export').click(function() {
+					stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
+					dcexcel(this);
+				});
+				
 				//tab切换
 				$('.hu-tab li').click(function() {
 					$(this).addClass('active')
 					loadDatas();	
 				});
 				
-//				//导出
-//				$('.export').click(function() {
-//					stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
-//					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
-//					dcexcel(this);
-//				});
 
 			});
 			function loadDatas() {
 				}
 			}
 			function dcexcel(obj) {
-				var url = huayi.config.callcenter_url + "GDLY/ExportExcel?token=" + token;
-				url += "&stime=" + stime + "&endtime=" + endtime + "&dpt=" + $('#bumen').val();
+				var url = huayi.config.callcenter_url + "Business/GetTypeReport?isdc=1&token=" + token;
+				url += "&stime=" + stime + "&endtime=" + endtime;
 				obj.href = url;
 			}
 

CallCenterWeb.UI/ReportForm/workOrderCustomer.html

 				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
 			</div>
 		</div>
+		
+		
 		<div class="toolBox">
 			<div class="th-bar clearfix">
 				<div class="pull-right">
 
 						<div class="pull-right">
 							<button class="btns search">搜索</button>
-							<!--<a href="" class="btns export">导出</a>-->
+							<a href="" class="btns export">导出</a>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="th-content">
-			<div id="main" style="width: 100%; height: 400px;"></div>
+		<ul class="nav nav-tabs hu-tab">
+			<li role="presentation" class="active">
+				<a href="javascript:;">图形</a>
+			</li>
+			<li role="presentation">
+				<a href="javascript:;">表格</a>
+			</li>
+
+		</ul>
+		
+		<div class="hu-content">
+			<div class="hu-con-right">
+				<h2 style="text-align: center; margin-top: 20px;">客诉数量柱状图</h2>
+				<div id="main" style="width: 100%; height: 400px;"></div>
+			</div>
+			<div class="hu-con-left" style="width: 80%; margin: 0 auto;">
+				<h2 style="text-align: center; margin-top: 20px; display: none;">客诉数量统计</h2>
+				<table class="layui-hide" id="t_callTotal"></table> 
+			</div>
 		</div>
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
 		<script src="../js/layui/layui.js"></script>
 						onClick: changeTreeClick
 					}
 				}
-
 				function changeTreeClick(event, treeId, treeNode) {
 
 					chanId = treeNode.F_Id;
 						result = $.parseJSON(result);
 
 						var Count = result.data;
-
+						$('<option value="" selected="selected">全部</option>').appendTo($(".orderType2"))
 						$(Count).each(function(i, n) {
-
-							if(n.F_DictionaryValueId == "468") {
-								$('<option value="' + n.F_DictionaryValueId + '" selected="selected">' + n.F_Name + '</option>').appendTo($(".orderType2"));
-							} else {
-								$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
-							}
-
+							$('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>').appendTo($(".orderType2"));
 						})
 
 					});
 				$(".search").click(function() {
 					partThree(); //获取表格数据
 				})
+				//导出
+				$('.export').click(function() {
+					stime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[0];
+					endtime = $('#startTime').val() && $('#startTime').val().split(' ~ ')[1];
+					dcexcel(this);
+				});
+				function dcexcel(obj) {
+					var url = huayi.config.callcenter_url + "Business/GetWorkMonthCountReport?isdc=1&token=" + token;
+					url += "&type=" + $('#orderType2').val()
+					+ "&area=" + $('.inps2').attr("index")
+					+ "&province=" + $('.inps3').attr("index")
+					+ "&city=" + $('.inps4').attr("index");									
+					obj.href = url;
+				}
+				//tab切换
+				$('.hu-tab li').click(function() {
+					$(this).addClass('active')
+						.siblings().removeClass('active');
+			
+					tabIndex = $(this).index();
+					$('.hu-content >div').eq(tabIndex).show()
+						.siblings().hide();
+					loadDatas();	
+				});
+				function loadDatas() {
+					if(tabIndex == 0) {
+						//tu(); //加载图形
+					} else if(tabIndex == 1) {
+						getDataList(); //加载表格
+					}
+				}
 			});
+			function getDataList() {
+				var colsArr = [];
+				var dataArr = [];
+				var loadindex;
+				$.ajax({
+					type: 'get',
+					url: huayi.config.callcenter_url + "Business/GetWorkMonthCountReport",
+					async: true,
+					dataType: 'json',
+					beforeSend: function() {
+						loadindex = layer.load()
+					},
+					data: {
+						sdate: stime,
+						edate: endtime,
+						dpt: $('#bumen').val(),
+						token: token,
+					},
+					success: function(data) {
+						if(data.state.toLowerCase() == "success") {
+							var res = data.data.list;
+							if(res && res.length > 0) {
+								dataArr = res;
+								var newArr = [];
+							    var keys = [];
+							    for (var property in res[0]){
+							    	keys.push(property);
+							    }
+								newArr.push({
+									field: keys[0],
+									title: keys[0],
+									align: 'center',
+									fixed: true,
+									//sort: true,
+									width: 150,
+								});
+								for(var i = 1, colNL = keys.length; i < colNL; i++) {
+									newArr.push({
+										field: keys[i],
+										title: keys[i],
+										align: 'center',
+										//fixed: true, 
+										//sort: true,
+										//width: 150,
+									});
+								}
+								colsArr.push(newArr);
+								layui.use('table', function() {
+									var table = layui.table;
+									//方法级渲染
+									
+									table.render({
+										elem: '#t_callTotal',
+										skin: 'row', //line （行边框风格） row （列边框风格） nob （无边框风格）
+										even: true, //开启隔行背景
+										size: 'lg', //sm,lg尺寸的表格
+										cellMinWidth: 100,
+										page: true,
+										cols: colsArr,
+										data: dataArr,
+										height: 'full-150',
+										limitName: 'pageSize', //每页数据量的参数名，默认：limit			
+										response: {
+											pageSize: 20, //数据状态的字段名称，默认：code
+										},
+									});
+									  
+								});
+
+							}
+						}
+					},
+				}).then(function() {
+					layer.close(loadindex);
+				
+				});
+			}
 			partThree();
 			//pasrt 3
 			var main = echarts.init(document.getElementById('main'));
 							//					var part3 = result.data.b;
 							main.setOption({
 								xAxis: {
-									data: con.months
+									data: con.chartdata.months
 								},
 								series: [{
 									name: "客诉数量",
 									type: "bar",
-									data: con.counts[0]
+									data: con.chartdata.counts
 								}]
 							})
 

CallCenterWeb.UI/ReportForm/workOrderSource.html

 					},
 				}).then(function() {
 					layer.close(loadindex);
+				
 				});
 			}
 		</script>