<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp" %>
<%@page import="java.util.*"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="${ctx}/css/indexNew/jquery.monthpicker.css"> <!--选月份的样式-->
		<link rel="stylesheet"  type="text/css" href="${ctx}/css/indexNew/base.css" />
		<link rel="stylesheet"  type="text/css" href="${ctx}/css/indexNew/all.css" />
		<link rel="stylesheet"  type="text/css" href="${ctx}/css/indexNew/perfect-scrollbar.css" />
		<link rel="stylesheet"  type="text/css" href="${ctx}/css/indexNew/static.css" />
		
		<title>打假通</title>
		<style>
			#statisExport{
				position: absolute;
				right: 20px;
				top: 60px;
				background-color: rgba(0,222,223,0.5);
				color: #fff;
				padding: 5px;
				width: 30px;
				height: 30px;
				border-radius: 30px;
				line-height: 30px;
				cursor: pointer;
			}
		</style>
	</head>
	<body class="bg1">
		<!--头部-->
		<div class="headCon">
			<jsp:include page="../top.jsp">
				<jsp:param name="index" value="6" />
			</jsp:include>
		</div>
		<hna:permission privilege="sysTask.statisExport">
		<div id="statisExport">
			导出
		</div>
		</hna:permission>
		<div class="clear"></div>
		
		<!--内容-->
		<div class="fullScren">
			<div class="container">
				<div class="block">
					<div class="backg2">
						<p class="title"><span id="dateRange">当天</sapn>上海分公司处理情况</p>
						<div class="timeRange">
							<span class="active" data-time="7" data-string="Day">当天</span>
							<span data-time="1" data-string="Week">近一个周</span>
							<span data-time="1" data-string="Month">近一个月</span>
						</div>
						<div class="basicTab" style="margin: 10px 0;">
							<table border="1">
								<thead>
									<tr>
										<th>排名</th>
										<th>姓名</th>
										<th>操作次数</th>
										<th>涉案金额</th>
										<th>分配量</th>
										<th>处理量</th>
										<th>处理率</th>
									</tr>								
								</thead>
								<tbody id="tbodyCon">
									
								</tbody>
							</table>
						</div>
					</div>
				</div>				
			</div>
		</div>
		
		<!--分公司数据模板-->
		<script type="text/html" id="tab_template">
			<!for(var i=0;i<data.length;i++){!>
				<tr>
					<td><!=(i+1)!></td>
					<td><!=data[i].name!></td>
					<td><!=data[i].operateNum!></td>
					<td><!=data[i].money!></td>
					<td><!=data[i].taskNum!></td>
					<td><!=data[i].dealNum!></td>
					<td><!=data[i].dealRate!></td>
				</tr>
			<!}!>
		</script>
		
		<script src="${ctx}/js/lib/jquery-1.11.1.min.js"></script>
		<script src="${ctx}/js/lib/perfect-scrollbar.jquery.js"></script>
		<script src="${ctx}/js/lib/baiduTemplate.js"></script>
		<!--<script src="js/lib/echarts.min.js"></script>
		<script src="js/lib/countUp.js"></script>
		<script src="js/page/macarons.js"></script>-->
		
		<script>
			(function(){
				//时间的切换
				$(".timeRange span").click(function(){
					$(".timeRange").children().removeClass("active");
					$(this).addClass("active");
					/*var timeval = $(this).data("timeval");
					var st = $(this).data("string");
					$.ajax({
						type:"POST",
						url:"",
						data:{timeval:timeval,st:st},
						success:function(result){
							alert("刷新页面");
						}
					});*/
					var spanCon=$(".active").text();
					$("#dateRange").text(spanCon+"上海分公司处理情况"); //请求成功的时候要
				})
								
			})();
			resize();
			$(window).resize(function(){	
				resize();
			});
			function resize(){
				//获取窗口高度
				var windowheight=$(window).height();
				 
			}
			
			/*var result={
				date:[
					{
						name:"荣茎",
						p13账号:"rongjin",
						operateNum:100,
						money:"1000.00",
						taskNum:100,
						dealNum:40,
						dealRate:"40%"
					},
					{
						name:"荣茎",
						p13账号:"rongjin",
						operateNum:100,
						money:"1000.00",
						taskNum:100,
						dealNum:40,
						dealRate:"40%"
					}
				]
			};*/
			//表格数据请求
			$.ajax({
				type:"POST",
				url:"${ctx}/sysTask/analyzePage3/1.do",
				success:function(result){
					var ht=baidu.template("tab_template",{data:result});
					$("#tbodyCon").html(ht);
				}
			});
		</script>
	</body>
</html>
