zhengbingbing
/
XiXianDC_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="../css/init.css" rel="stylesheet" />
		<link href="../css/layer/need/layer.css" />
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../css/initialize.css" rel="stylesheet" />
		<link href="../css/Table/table1.css" rel="stylesheet" />
		<link href="../css/visit/RetrunReport.css" rel="stylesheet" />
		<title>回访报表</title>
		<style>

		</style>
	</head>

	<body>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="daoHang clearfix">
				<div class="dhLeft">
					<sapn><i class="syIcon"></i>位置：
						<a href="javaScript:;" id="ReIndex">首页</a>&gt;
						<a href="javaScript:;">回访管理</a>&gt;
						<a href="" style="color: #000;">回访报表</a>
					</sapn>
				</div>
			</div>

			<div class="hf_content">
				<div>
					<ul class="ld-service clearfix">
						<li style="border-bottom:1px solid #69cbd0;" itemtype="1" class="active_li">店面得分</li>
						<li style="border-bottom:1px solid #f95a83;" itemtype="2">顾问得分</li>
						<li style="border-bottom:1px solid #243747;" itemtype="3" class="cr-click">班组得分</li>
						<div class="time_sear">
							<span>&nbsp;回访时间：<input type="text" class="laydate-icon" id="startTime" />-<input type="text" class="laydate-icon" id="endTime" /></span>
							<a class="btns searchGo ">搜索</a>
							<a class="btns export">导出</a>
						</div>
					</ul>
					<div class="comment">
						<div class=" dm_tab Shows">
							<div class="comment_title"><span>全国店面回访得分</span></div>
							<table style="width:50%;margin: 0 auto;" border="" cellspacing="" cellpadding="" class="table table-bordered text-center  thTable">
								<thead>
									<tr class="tab_title">
										<td rowspan="3">大区</td>
										<td rowspan="3">店面</td>
									</tr>

									<tr class="tab_title">
										<td colspan="3">
											<span class="Tday"></span>————<span class="Lday"></span>
										</td>
									</tr>
									<tr class="tab_title">
										<td>数据提供</td>
										<td>采集样本</td>
										<td>店面得分</td>
									</tr>

								</thead>
								<tbody id="tbody">
								</tbody>
							</table>

						</div>
						<div class=" dm_tab">
							<div class="comment_title"><span>顾问服务得分</span></div>
							<table style="width:50%;margin: 0 auto;" border="" cellspacing="" cellpadding="" class="table table-bordered text-center  thTable">
								<thead>
									<tr class="tab_title">
										<td rowspan="3">接车员</td>
									</tr>

									<tr class="tab_title">
										<td colspan="3">
											<span class="Tday"></span>————<span class="Lday"></span>
										</td>
									</tr>
									<tr class="tab_title">
										<td>数据提供</td>
										<td>采集样本</td>
										<td>店面得分</td>
									</tr>

								</thead>
								<tbody id="ic_tbody">
								</tbody>
							</table>

						</div>
						<div class=" dm_tab fw">
							<div class="comment_title"><span>班组得分</span></div>
							<table style="width:50%;margin: 0 auto;" border="" cellspacing="" cellpadding="" class="table table-bordered text-center  thTable">
								<thead>
									<tr class="tab_title">
										<td rowspan="3">大区</td>
										<td rowspan="3">分店</td>
										<td rowspan="3">班组</td>
									</tr>

									<tr class="tab_title">
										<td colspan="3">
											<span class="Tday"></span>————<span class="Lday"></span>
										</td>
									</tr>
									<tr class="tab_title">
										<td>数据提供</td>
										<td>采集样本</td>
										<td>店面得分</td>
									</tr>

								</thead>
								<tbody id="bz_tbody">
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery.min.js?v=2.1.4"></script>

		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/jquery.cookie.js"></script>
		<script type="text/javascript">
			var token = $.cookie("token");
			var StartTime;
			var EndTime;
			GetData();
			getBeforeDate();
			var str = $("#endTime").val();
			laydate.skin('molv');
			laydate({
				elem: '#startTime',
				event: 'focus',
				format: 'YYYY-MM-DD',
	

			});
			laydate({
				elem: '#endTime',
				event: 'focus',
				format: 'YYYY-MM-DD',
				istoday: true,

			});
			//标签页切换
			$(".ld-service li").click(function() {
				$(this).addClass("active_li").siblings().removeClass("active_li");
				var index = $(this).index();
				$(".comment").find(".dm_tab").eq(index).addClass("Shows").siblings().removeClass("Shows");
				GetDPReport();
				GetJCYReport();
				GetBZReport();
			});
			GetDPReport();
			GetJCYReport();
			GetBZReport();

			//搜索
			$(".searchGo").click(function() {
				StartTime = $("#startTime").val();
				EndTime = $("#endTime").val();
				$('.Tday').text($("#startTime").val());
				$('.Lday').text($("#endTime").val());
				$("#tbody").html("");
				$("#ic_tbody").html("");
				$("#bz_tbody").html("");
				GetDPReport();
				GetJCYReport();
				GetBZReport();
			});
			//店面得分
			function GetDPReport() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "VisitReport/GetDPReport",
					//					url: "js/table.json",
					dataType: 'json',
					data: {
						starttime: $("#startTime").val(),
						endtime: $("#endTime").val(),
						token: token
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						$("#tbody").empty();
						for(var i = 0; i < Count.length; i++) {
							console.log(Count[i].大区);
							$('<tr >' +
								'<td >' + Count[i].大区 + '</td>' +
								'<td >' + Count[i].店面 + '</td>' +
								'<td>' + Count[i].数据提供 + '</td>' +
								'<td>' + Count[i].采集样本 + '</td>' +
								'<td>' + Count[i].店面得分 + '</td>' +
								'</tr>').appendTo($("#tbody"));
						}

					}
				});
			}
			//接车员
			function GetJCYReport(StartTime, EndTime) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "VisitReport/GetJCYReport",
					//					url: "js/fw.json",
					dataType: 'json',
					data: {
						starttime: $("#startTime").val(),
						endtime: $("#endTime").val(),
						token: token
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						$("#ic_tbody").empty();
						for(var i = 0; i < Count.length; i++) {
							$('<tr >' +
								'<td >' + Count[i].接车员 + '</td>' +
								'<td>' + Count[i].数据提供 + '</td>' +
								'<td>' + Count[i].采集样本 + '</td>' +
								'<td>' + Count[i].接车员得分 + '</td>' +
								'</tr>').appendTo($("#ic_tbody"));
						}

					}
				});
			}
			//班组
			function GetBZReport(StartTime, EndTime) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "VisitReport/GetBZReport",
					dataType: 'json',
					data: {
						starttime: $("#startTime").val(),
						endtime: $("#endTime").val(),
						token: token
					},
					async: true,
					success: function(data) {
						var Count = data.data;
						$("#bz_tbody").empty();
						for(var i = 0; i < Count.length; i++) {
							$('<tr >' +
								'<td >' + Count[i].大区 + '</td>' +
								'<td >' + Count[i].分店 + '</td>' +
								'<td >' + Count[i].班组 + '</td>' +
								'<td>' + Count[i].数据提供 + '</td>' +
								'<td>' + Count[i].采集样本 + '</td>' +
								'<td>' + Count[i].接车员得分 + '</td>' +
								'</tr>').appendTo($("#bz_tbody"));
						}
					}
				});
			}
			//导出
			$('.export').click(function() {
				dcexcel(this);
				dcexcels(this);
				dcexcelss(this);
			})
			//店面
			function dcexcel(obj) {
				var url = huayi.config.callcenter_url + "VisitReport/ExptDPList?token=" + $.cookie("token");
				url += "&starttime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
				obj.href = url;
			}
			//接车员数据
			function dcexcels(obj) {
				var url = huayi.config.callcenter_url + "VisitReport/ExptJCYList?token=" + $.cookie("token");
				url += "&starttime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
				obj.href = url;
			}
			//导出班组数据
			function dcexcelss(obj) {
				var url = huayi.config.callcenter_url + "VisitReport/ExptBZList?token=" + $.cookie("token");
				url += "&starttime=" + $("#startTime").val() + "&endtime=" + $("#endTime").val();
				obj.href = url;
			}
			//获取时间
			function GetData() {
				var date = new Date;
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var strDate = date.getDate();
				month = (month <= 9 ? "0" + month : month);
				strDate = (strDate <= 9 ? "0" + strDate : strDate)
				var mydate = (year.toString() + '-' + month.toString() + '-' + strDate.toString());
				console.log(mydate);
			}
			//获取时间
			function getBeforeDate(n) {
				var n = n;
				var d = new Date();
				var year = d.getFullYear();
				var mon = d.getMonth() + 1;
				var day = d.getDate();
				if(day <= n) {
					if(mon > 1) {
						mon = mon - 1;
					} else {
						year = year - 1;
						mon = 12;
					}
				}
				d.setDate(d.getDate() - n);
				year = d.getFullYear();
				mon = d.getMonth() + 1;
				day = d.getDate();
				s = year + "-" + (mon < 10 ? ('0' + mon) : mon) + "-" + (day < 10 ? ('0' + day) : day);
				return s;
			}
			console.log(getBeforeDate(0));
			console.log(getBeforeDate(7)); //前七天的日期
			$(".Tday").text(getBeforeDate(0));
			$(".Lday").text(getBeforeDate(7));
		</script>
	</body>

</html>