整合三个项目的js代码

src/main/webapp/WEB-INF/pages/advertiser/main/ad/adv-balance/distribution.ftl

@@ -3,17 +3,18 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
 	<link href="${ctx}/assets/css/font-awesome.min.css" rel="stylesheet"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/acss/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 	
 	<script type="text/javascript" >
 	
@@ -63,46 +64,6 @@
 			$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/adv-balance/exportAllocateReportExcel?selectedAdvertiserId="+$("#advertiserId").val()+"&dateRangePicker="+$("#dateRangePicker").val());
 		};
 		
-		Date.prototype.format = function(format)
-	    {
-	        var o = {
-	            "M+" : this.getMonth()+1, //month
-	            "d+" : this.getDate(),    //day
-	            "h+" : this.getHours(),   //hour
-	            "m+" : this.getMinutes(), //minute
-	            "s+" : this.getSeconds(), //second
-	            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-	            "S" : this.getMilliseconds() //millisecond
-	        }
-	        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-	                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-	        for(var k in o)if(new RegExp("("+ k +")").test(format))
-	            format = format.replace(RegExp.$1,
-	                    RegExp.$1.length==1 ? o[k] :
-	                            ("00"+ o[k]).substr((""+ o[k]).length));
-	        return format;
-	    }
-
-	    function getlastDate(last)
-	    {
-	        //获取系统时间
-	        var LSTR_ndate=new Date();
-	        var LSTR_Year=LSTR_ndate.getFullYear();
-	        var LSTR_Month=LSTR_ndate.getMonth();
-	        var LSTR_Date=LSTR_ndate.getDate();
-	        //处理
-	        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-	        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-	        var LINT_MM=uom.getMonth();
-	        LINT_MM++;
-	        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-	        var LINT_DD=uom.getDate();
-	        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-	        //得到最终结果
-	        var uom = (uom.format('yyyy-MM-dd'));
-	        return uom;
-	    }
-    
 	</script>
 	
 </@override>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/adv-balance/list.ftl

@@ -6,17 +6,18 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 	
-	<script type="text/javascript" >
 	
+	<script type="text/javascript" >
 		$(function(){
 		
 			$('#dateRangePicker').dateRangePicker();
@@ -84,47 +85,7 @@
 		function exportExcel(){
 			$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/adv-balance/exportDataReportExcel?selectedAdvertiserId="+$("#advertiserId").val()+"&dateRangePicker="+$("#dateRangePicker").val()+"&type="+$("#typeId").val());
 		};
-		
-		Date.prototype.format = function(format)
-	    {
-	        var o = {
-	            "M+" : this.getMonth()+1, //month
-	            "d+" : this.getDate(),    //day
-	            "h+" : this.getHours(),   //hour
-	            "m+" : this.getMinutes(), //minute
-	            "s+" : this.getSeconds(), //second
-	            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-	            "S" : this.getMilliseconds() //millisecond
-	        }
-	        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-	                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-	        for(var k in o)if(new RegExp("("+ k +")").test(format))
-	            format = format.replace(RegExp.$1,
-	                    RegExp.$1.length==1 ? o[k] :
-	                            ("00"+ o[k]).substr((""+ o[k]).length));
-	        return format;
-	    }
-
-	    function getlastDate(last)
-	    {
-	        //获取系统时间
-	        var LSTR_ndate=new Date();
-	        var LSTR_Year=LSTR_ndate.getFullYear();
-	        var LSTR_Month=LSTR_ndate.getMonth();
-	        var LSTR_Date=LSTR_ndate.getDate();
-	        //处理
-	        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-	        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-	        var LINT_MM=uom.getMonth();
-	        LINT_MM++;
-	        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-	        var LINT_DD=uom.getDate();
-	        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-	        //得到最终结果
-	        var uom = (uom.format('yyyy-MM-dd'));
-	        return uom;
-	    }
-    
+	
 	</script>
 	
 </@override>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/create.ftl

@@ -1,18 +1,19 @@
 <@override name="head">	
 	<title>创建广告主</title>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ajaxfileupload.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ace-elements.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ajaxfileupload.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ace-elements.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/uploadFile.js"></script>
 	
 	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/acss/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/ace.min.css"/>
 	
@@ -22,11 +23,6 @@
 			color:red;
 			position: absolute;
 		}
-		.icon-upload-alt{
-			background-image: none;
-		    height: auto;
-		}
-		
 	</style>
 	<script type="text/javascript">
 	 	$(document).ready(function(){
@@ -38,22 +34,22 @@
 			 $.getJSON( url, function(data) {
 				var data_1 = data.allIndustry;
 				$.each( data_1, function( key, val ) {
-					$("#advertiser_son_ul").append('<li class="selectop" value='+ val.value +'>' + val.label + '</li>');
+					$("#advertiser_son_ul").append('<li value='+ val.value +'>' + val.label + '</li>');
 				});
 			});
 	 		$("#advertiserul_span").click(function(){
-	 			if($('#advertiser_son_ul').height()>200){
-	 				$('#advertiser_son_ul').css({height:"200"+"px","overflow-y":"scroll" });
+	 			if($('#advertiser_son_ul').height()>210){
+	 				$('#advertiser_son_ul').css({"height":"210px","overflow-y":"scroll","overflow-x":"hidden","z-index":"9999" });
 	 			};
-		 		$('#advertiser_son_ul').slideDown(); //ul显示
+		 		$('#advertiser_son_ul').show(); //ul显示
 		 	});
 		 	$('ul#advertiser_son_ul li').live("click",function(){
 				$(this).parents('li').find('span').html($(this).html());
 				$("#industryId").val($(this).attr("value"));
-				$('#advertiser_son_ul').slideUp(); //ul隐藏
+				$('#advertiser_son_ul').hide(); //ul隐藏
 			});
 			$("ul#main_advertiserul #advertiserul_select_box").mouseleave(function(){
-		 		$('#advertiser_son_ul').slideUp(); //ul隐藏
+		 		$('#advertiser_son_ul').hide(); //ul隐藏
 		 		if($("#industryId").val() == "" || $("#industryId").val() == 0){
 					$("#main_advertiserul").css("box-shadow","20px 0 6px red").attr("title","请选择所属行业");
 					$("#advertiserul_selectdiv").find('span.spanVaildate').html("请选择所属行业");
@@ -64,10 +60,10 @@
 		 	});
 		 	
 		 	//初始化加载上传控件
-		 	initFile($("#icp_input_id"));initFile($("#licencePath_input_id"));initFile($("#idPath_input_id"));initFile($("#orgPath_input_id"));
+		 	initFile($("#icp_input_id"),null);initFile($("#licencePath_input_id"),null);initFile($("#idPath_input_id"),null);initFile($("#orgPath_input_id"),null);
 		 	$('#cpiPathUploadfilestr').unbind('click').click(function() {
 		 		if($(this).html() == "上传"){
-		 			getUploadFile($(this),"icp_input_id","cpiPath_div","cpiPath");
+		 			getUploadFile($(this),"icp_input_id","cpiPath_div","cpiPath",null,null,null);
 		 		}else if($(this).html() == "预览"){
 		 			if($("#cpiPath").val() != ""){
 		 				bootbox.dialog({
@@ -80,7 +76,7 @@
 		 	});
 		 	$('#licencePathUploadfilestr').unbind('click').click(function() {
 		 		if($(this).html() == "上传"){
-		 			getUploadFile($(this),"licencePath_input_id","licencePath_div","licencePath");
+		 			getUploadFile($(this),"licencePath_input_id","licencePath_div","licencePath",null,null,null);
 		 		}else if($(this).html() == "预览"){
 		 			if($("#licencePath").val() != ""){
 		 				bootbox.dialog({
@@ -93,7 +89,7 @@
 		 	});
 		 	$('#idPathUploadfilestr').unbind('click').click(function() {
 		 		if($(this).html() == "上传"){
-		 			getUploadFile($(this),"idPath_input_id","idPath_div","idPath");
+		 			getUploadFile($(this),"idPath_input_id","idPath_div","idPath",null,null,null);
 		 		}else if($(this).html() == "预览"){
 		 			if($("#idPath").val() != ""){
 		 				bootbox.dialog({
@@ -106,7 +102,7 @@
 		 	});
 		 	$('#orgPathUploadfilestr').unbind('click').click(function() {
 		 		if($(this).html() == "上传"){
-		 			getUploadFile($(this),"orgPath_input_id","orgPath_div","orgPath");
+		 			getUploadFile($(this),"orgPath_input_id","orgPath_div","orgPath",null,null,null);
 		 		}else if($(this).html() == "预览"){
 		 			if($("#orgPath").val() != ""){
 		 				bootbox.dialog({
@@ -117,81 +113,6 @@
 		 			}
 		 		}
 		 	});
-		
-			//初始化选择文件框
-			function initFile(obj){
-				obj.ace_file_input({
-				    no_file:'No File ...',
-				    btn_choose:'选择',
-				    btn_change:'改变',
-				    droppable:false,
-				    onchange:null,
-				    thumbnail:false
-				});
-			}
-			
-			//文件上传ajax文件上传
-		 	function getUploadFile(obj,_elemId,_removeId,picPathId){
-		 		var _href = obj.attr('href');
-			    $.ajaxFileUpload({
-			        url:_href, 
-			        secureuri:false,
-			        fileElementId:_elemId,
-			        dataType: 'json',
-			        success: function (result, status) {
-			        	var path = result.data['url'];
-			        	removeFile(_elemId,_removeId,picPathId,result);
-			        	if (result.status == 'ok') {
-			        		var orgImg = path.substring(0,path.indexOf(","));
-				        	$("#"+picPathId).val(orgImg);
-			 				obj.html("预览");
-							var result = 0;
-							removeFile(_elemId,_removeId,picPathId,result);
-							bootbox.alert("上传成功！");
-			        	}else if (result.status == 'error') {
-			        		obj.html("上传");
-			        		bootbox.alert(result.msg);
-			            }
-			        },
-			        error: function (data, status, e)
-			        {
-			        	obj.html("上传");
-			        	removeFile(_elemId,_removeId,picPathId);
-			        	console.log(e);
-			        }
-			    });
-			    return false;
-		 	}
-		 	
-		 	//上传文件时conle file 删除 file
-			function removeFile(_elemId,_removeId,picPathId,result){
-			    var filename = $('#'+_elemId).parent().find("span").attr("data-title");
-	      		var isChrome = navigator.userAgent.toLowerCase().match(/chrome/) != null;//判断是否是谷歌浏览器
-			    if(filename==null || filename==''){
-			    	filename = "No File ...";
-			    }
-			 	var option = {}; 
-			    var defaultOptions = {
-				    no_file:'No File ...',
-				    btn_choose:'选择',
-				    btn_change:'改变',
-				    droppable:false,
-				    onchange:null,
-				    thumbnail:false
-				};
-				if(isChrome && result == 0){
-					option = {no_file:filename };
-				}else if(isChrome && result == 1){
-					option = {no_file:'No File ...' };
-				}else{
-					option = {no_file:filename };
-				}
-			    var opts = $.extend(defaultOptions,option);
-				var newfile = $("#"+_elemId).clone();
-				$("#"+_removeId).find(".ace-file-input").remove();
-				$("#"+_removeId+" #"+picPathId).after(newfile);
-				$("#"+_elemId).ace_file_input(opts);
-			}
 		 	
 		 	$("#validation-form").autovalidate();
 			$(".btn3").click(function(){
@@ -209,9 +130,6 @@
 				location.href = "${ctx}/advertiser/main/ad/advertiser/list";
 			});
 			
-			$(".fileremoveflag span").mouseover(function(){
-				$(this).attr("title",$(this).text());
-			});
 	 	});
  	</script>
  

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/edit.ftl

@@ -1,18 +1,19 @@
 <@override name="head">	
 	<title>编辑广告主</title>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ajaxfileupload.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ace-elements.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ajaxfileupload.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ace-elements.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/uploadFile.js"></script>
 	
 	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/acss/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/ace.min.css"/>
 	<style>
@@ -36,17 +37,17 @@
 			});
 	 		$("#advertiserul_span").click(function(){
 	 			if($('#advertiser_son_ul').height()>210){
-	 				$('#advertiser_son_ul').css({height:"210"+"px","overflow-y":"scroll","overflow-x":"hidden","z-index":"9999" });
+	 				$('#advertiser_son_ul').css({"height":"210px","overflow-y":"scroll","overflow-x":"hidden","z-index":"9999" });
 	 			};
-		 		$('#advertiser_son_ul').slideDown(); //ul显示
+		 		$('#advertiser_son_ul').show(); //ul显示
 		 	});
 		 	$('ul#advertiser_son_ul li').live("click",function(){
 				$(this).parents('li').find('span').html($(this).html());
 				$("#industryId").val($(this).attr("value"));
-				$('#advertiser_son_ul').slideUp(); //ul隐藏
+				$('#advertiser_son_ul').hide(); //ul隐藏
 			});
 			$("ul#main_advertiserul #advertiserul_select_box").mouseleave(function(){
-		 		$('#advertiser_son_ul').slideUp(); //ul隐藏
+		 		$('#advertiser_son_ul').hide(); //ul隐藏
 		 		if($("#industryId").val() == "" || $("#industryId").val() == 0){
 					$("#main_advertiserul").css("box-shadow","20px 0 6px red").attr("title","请选择所属行业");
 					$("#advertiserul_selectdiv").find('span.spanVaildate').html("请选择所属行业");
@@ -58,7 +59,7 @@
 		 	
 		 	//初始化加载上传控件
 			initFile($("#icp_input_id"),$("#cpiPath").val());
-		 	if($("#cpiPath").val() != ""){
+		 	if($("#cpiPath").val() != "" && $("#cpiPath").val() != "noFiles"){
 		 		$('#cpiPathUploadfilestr').html("预览");
 		 	}
 		 	$('#cpiPathUploadfilestr').unbind('click').click(function() {
@@ -75,7 +76,7 @@
 				}
 		 	});
 		 	initFile($("#licencePath_input_id"),$("#licencePath").val());
-		 	if($("#licencePath").val() != ""){
+		 	if($("#licencePath").val() != "" && $("#licencePath").val() != "noFiles"){
 		 		$('#licencePathUploadfilestr').html("预览");
 		 	}
 		 	$('#licencePathUploadfilestr').unbind('click').click(function() {
@@ -92,7 +93,7 @@
 		 		}
 		 	});
 		 	initFile($("#idPath_input_id"),$("#idPath").val());
-		 	if($("#idPath").val() != ""){
+		 	if($("#idPath").val() != "" && $("#idPath").val() != "noFiles"){
 		 		$('#idPathUploadfilestr').html("预览");
 		 	}
 		 	$('#idPathUploadfilestr').unbind('click').click(function() {
@@ -109,7 +110,7 @@
 		 		}
 		 	});
 		 	initFile($("#orgPath_input_id"),$("#orgPath").val());
-		 	if($("#orgPath").val() != ""){
+		 	if($("#orgPath").val() != "" && $("#orgPath").val() != "noFiles"){
 		 		$('#orgPathUploadfilestr').html("预览");
 		 	}
 		 	$('#orgPathUploadfilestr').unbind('click').click(function() {
@@ -125,88 +126,7 @@
 		 			}
 		 		}
 		 	});
-		
-			//初始化选择文件框
-			function initFile(obj,pictureName){
-				var name = "";
-				if(pictureName == "" || pictureName == null){
-					name = "No File ...";
-				}else{
-					name = pictureName.substring(pictureName.lastIndexOf("\\")+1,pictureName.length);
-				}
-				obj.ace_file_input({
-				    no_file:name,
-				    btn_choose:'选择',
-				    btn_change:'改变',
-				    droppable:false,
-				    onchange:null,
-				    thumbnail:false
-				});
-			}
 			
-			//文件上传ajax文件上传
-		 	function getUploadFile(obj,_elemId,_removeId,picPathId){
-		 		var _href = obj.attr('href');
-			    $.ajaxFileUpload({
-			        url:_href, 
-			        secureuri:false,
-			        fileElementId:_elemId,
-			        dataType: 'json',
-			        success: function (result, status) {
-			        	var path = result.data['url'];
-			        	removeFile(_elemId,_removeId,picPathId,result);
-			        	if (result.status == 'ok') {
-			        		var orgImg = path.substring(0,path.indexOf(","));
-				        	$("#"+picPathId).val(orgImg);
-			 				obj.html("预览");
-							var result = 0;
-							removeFile(_elemId,_removeId,picPathId,result);
-							bootbox.alert("上传成功！");
-			        	}else if (result.status == 'error') {
-			        		obj.html("上传");
-			        		bootbox.alert(result.msg);
-			            }
-			        },
-			        error: function (data, status, e)
-			        {
-			        	obj.html("上传");
-			        	removeFile(_elemId,_removeId,picPathId);
-			        	console.log(e);
-			        }
-			    });
-			    return false;
-		 	}
-		 	
-		 	//上传文件时conle file 删除 file
-			function removeFile(_elemId,_removeId,picPathId,result){
-			    var filename = $('#'+_elemId).parent().find("span").attr("data-title");
-	      		var isChrome = navigator.userAgent.toLowerCase().match(/chrome/) != null;//判断是否是谷歌浏览器
-			    if(filename==null || filename==''){
-			    	filename = "No File ...";
-			    }
-			 	var option = {}; 
-			    var defaultOptions = {
-				    no_file:'No File ...',
-				    btn_choose:'选择',
-				    btn_change:'改变',
-				    droppable:false,
-				    onchange:null,
-				    thumbnail:false
-				};
-				if(isChrome && result == 0){
-					option = {no_file:filename };
-				}else if(isChrome && result == 1){
-					option = {no_file:'No File ...' };
-				}else{
-					option = {no_file:filename };
-				}
-			    var opts = $.extend(defaultOptions,option);
-				var newfile = $("#"+_elemId).clone();
-				$("#"+_removeId).find(".ace-file-input").remove();
-				$("#"+_removeId+" #"+picPathId).after(newfile);
-				$("#"+_elemId).ace_file_input(opts);
-			}
-		 	
 		 	$("#validation-form").autovalidate();
 			$(".btn3").click(function(){
 				if (!$("#validation-form").validate()) {
@@ -222,10 +142,7 @@
 			$(".btn4").click(function(){
 				location.href = "${ctx}/advertiser/main/ad/advertiser/list";
 			});
-			
-			$(".fileremoveflag span").mouseover(function(){
-				$(this).attr("title",$(this).text());
-			});
+		
 	 	});
  	</script>
  

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/list.ftl

@@ -6,12 +6,11 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/table.js"></script>
 	<script type="text/javascript">
 		//搜索按钮的实现2015.10.18更新了在某个行业某个状态下的搜索
 		function picsubmit(){
@@ -56,7 +55,6 @@
 			});
 	
  			//状态全部、开启、停用
-
 			var p=${status};
 			if (p==2){
 				$(".zhuangtaiall").removeClass("zhuangtaiall").addClass("zhuangtai1");
@@ -69,19 +67,8 @@
 				$(".zhtzhch").removeClass("zhuangtai1").addClass("zhuangtaiall");
 			}	
  
-			//搜索框
-			$("#search input[name='searchValue']").focus(function(){$(this).val("")});
-			$("#search input[name='searchValue']").blur(function(){
-					if($(this).val()==""){
-					$(this).val("请输入关键字");}
-			});
-	
-	
 			//开启,暂停
 			$("#btn-enable,#btn-disable,#btn-delete").click(function(){
-				var url = "";var ids = [];
-				var advertiserId = parseInt($(this).attr("value"));
-				ids.push(advertiserId);
 				if($(this).attr("id") == "btn-enable"){
 					url = "${ctx}/advertiser/main/ad/advertiser/enable";
 				}else if($(this).attr("id") == "btn-disable"){
@@ -89,63 +76,21 @@
 				}else if($(this).attr("id") == "btn-delete"){
 					url = "${ctx}/advertiser/main/ad/advertiser/delete";
 				}
-				$.ajax({
-	            	type: "POST",
-	             	url: url,
-	             	data:"id="+ids,
-	             	success: function(data){
-						location.href = "${ctx}/advertiser/main/ad/advertiser/list.ftl";
-	             	}
-				});
+				singleOper($(this),url,"${ctx}/advertiser/main/ad/advertiser/list");
 			});
+			
 			//批量开启,批量暂停
 			$("#all-btn-enable,#all-btn-disable,#all-btn-delete").click(function(){
-				var checkboxs = $(".fxk11");
-				var url = ""; var type = "";var ids = [];
 				if($(this).attr("id") == "all-btn-enable"){
 					url = "${ctx}/advertiser/main/ad/advertiser/enable";
-					type = "开启";
 				}else if($(this).attr("id") == "all-btn-disable"){
 					url = "${ctx}/advertiser/main/ad/advertiser/disable";
-					type = "暂停";
 				}else if($(this).attr("id") == "all-btn-delete"){
 					url = "${ctx}/advertiser/main/ad/advertiser/delete";
-					type = "删除";
 				}
-				if(checkboxs.length > 0){
-					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
-						if (ensure) {	
-							checkboxs.each(function(){
-								var advertiserId = parseInt($(this).attr("id"));
-								ids.push(advertiserId);
-							});
-							$.ajax({
-								async: false, 
-								traditional: true, 
-				            	type: "POST",
-				             	url: url,
-				             	data:{"id":ids},
-				             	success: function(data){
-									location.href = "${ctx}/advertiser/main/ad/advertiser/list.ftl";
-				             	}
-							});
-						}
-					});
-				}else{
-					bootbox.alert("请选择需要"+$(this).text()+"的数据！");
-				}
-			});
-	
-			/*
-			* 实现分页跳转
-	 		*/
-			$("#pageDiv .pagination ul li a[href]").click(function(){
-				var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-				var _form = $('#search-form');
-				_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-				_form.find('img').click();//触发搜索
-				//return false;
+				batchOpear($(this),url,"${ctx}/advertiser/main/ad/advertiser/list");
 			});
+			
 		});
 
 </script>	
@@ -221,8 +166,8 @@
 								<td class="td2"><#if advertiser.status==0>正常<#else>停用</#if></td>
 								<td class="td3" >
 									<div class="zabtn" >
-										<a  href="${ctx}/advertiser/main/ad/advertiser/edit/${advertiser.id}"><button style="margin-right:5px;" class="btn122">编辑</button></a>
-										<a  data-toggle="dropdown" href="${ctx}/advertiser/main/ad/report/advertiser-report?selectedadvertiserId=${advertiser.id}&selectedadvertiserName=${advertiser.name}"><button style="margin:0px 5px 0 0;" class="btn122">查看报表</button></a>
+										<a href="${ctx}/advertiser/main/ad/advertiser/edit/${advertiser.id}"><button style="margin-right:5px;" class="btn122">编辑</button></a>
+										<a href="${ctx}/advertiser/main/ad/report/advertiser-report?selectedadvertiserId=${advertiser.id}&selectedadvertiserName=${advertiser.name}"><button style="margin:0px 5px 0 0;" class="btn122">查看报表</button></a>
 										<#if advertiser.status==0>
 										<button style="margin:0px;" id="btn-disable" value=${advertiser.id} class="btn122">停用</button>
 										<#elseif advertiser.status=1>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/advertiser/update.ftl

@@ -5,8 +5,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/banner-template/index.ftl

@@ -7,33 +7,22 @@
 	<!--这个页面的样式-->
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
 	<!--Include Required Prerequisites js-->
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.iframe-transport.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.fileupload.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+
 <style>
-.replace-file {
-display:block;
-overflow:hidden;
-position:relative;
- background-color: #36aeea;
- border: medium none;
- border-radius: 5px;
- color: #ffffff;
- font-size: 12px;
- height: 34px;
- width: 90px;
- float:left;
- text-align:center;
- line-height:34px;
-}
-.replace-file input{
-opacity:0;
-filter:alpha(opacity=0);
-font-size:100px;
-position:absolute;
-top:0;
-right:0;
-width:90px
-}
-
+table td a{background-color: #36aeea;
+    border: medium none;
+    border-radius: 5px;
+    color: #ffffff;
+    font-size: 12px;
+    height: 34px;
+    width: 90px;}
 </style>
 
 </@override>
@@ -111,12 +100,6 @@ width:90px
 </@override>
 <@extends name="/common/simple.ftl"/>
 
-
-<!--linked js-->
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-<!-- 弹出框插件 -->
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.min.js"></script>
 <script type="text/javascript">
 	<!--修改个人信息js 控制上下切换-->
 	$(document).ready(function(){
@@ -321,10 +304,6 @@ width:90px
 	
 </script>
 
- 
-<script src="${ctx}/assets/advertiser/js/jquery.ui.widget.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.iframe-transport.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.fileupload.js"></script>
 <script type="text/javascript">
 $(function () {
     $("#fileupload_input").fileupload({
@@ -380,7 +359,7 @@ $(function () {
 	}
 	//调用loadDataForPullDownList，给广告主准备数据
 	function loadAdvertiser(agentId) {
-		loadDataForPullDownList($('#selectedAdvertiserId'), "advertiserList", "/ssp_advertiser/widget/selector/provide/advertiser?parentId=" + agentId, "全部广告主");
+		loadDataForPullDownList($('#selectedAdvertiserId'), "advertiserList", "/ssp_web/widget/selector/provide/advertiser?parentId=" + agentId, "全部广告主");
 	}
 	
 	$(document).ready(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/banner-template/list.ftl

@@ -32,9 +32,11 @@
             	<#if bannerTemplate.type == 1>Flash<#elseif bannerTemplate.type == 2>图片<#else>视频</#if>
             </td>
             <td style="width:15%" class="hidden-480">${bannerTemplate.updated?datetime}</td>
-            <td style="width:5%"><#if bannerTemplate.status==0>开启<#else>停用</#if></td>
-            <td style="width:40%">
-            	<span class="replace-file">替换素材<input type="file" id="file${bannerTemplate.id}" valueId="${bannerTemplate.id!}"></span>     
+            <td style="width:9%"><#if bannerTemplate.status==0>开启<#else>停用</#if></td>
+            <td style="width:30%">
+            	<a href="javascript:;" id="uploadFile_banner" style="margin:0 5px 0 5px;">替换素材
+					<input type="file" id="file${bannerTemplate.id}" valueId="${bannerTemplate.id!}"/>
+				</a>
                 <button href="${ctx}/advertiser/main/ad/banner-template/alterName?id=${bannerTemplate.id!}" style="margin:0 5px 0 5px;">修改名称</button>
                 <#if bannerTemplate.status==0>
                 <button class="btn-status" data-toggle="dropdown" href="${ctx}/advertiser/main/ad/banner-template/disable?id=${bannerTemplate.id!}" style="margin-right:5px;">暂停</button>
@@ -64,14 +66,13 @@
 
 <script type="text/javascript">
 $(function () {
-	$('.replace-file input').each(function(){
+	$('#uploadFile_banner input').each(function(){
 		var bannerTemplateId = $(this).attr("valueId");
 		$(this).fileupload({
 		autoUpload: true,
 		url: '${ctx}/advertiser/main/ad/banner-template/replace',
 		formData:{bannerTemplateId:bannerTemplateId},
 		done:function(e,result){
-			alert(result.result);
 			$('#pagecontent .search-form').find('img').click();
 	        console.log(JSON.stringify(result.result));            
 	          }

src/main/webapp/WEB-INF/pages/advertiser/main/ad/order/create.ftl

@@ -7,11 +7,9 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/ad/order/edit.ftl

@@ -7,11 +7,9 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/ad/order/list.ftl

@@ -7,13 +7,14 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/table.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 	<script type="text/javascript">
  		$(document).ready(function(){
 
@@ -42,17 +43,9 @@
 				$(".zhuangtaiall").removeClass("zhuangtaiall").addClass("zhuangtai1");
 				$(".zhtzhch").removeClass("zhuangtai1").addClass("zhuangtaiall");
 			}	
-		 	//搜索框
-			$("#search input[name='searchValue']").focus(function(){$(this).val("")});
-			$("#search input[name='searchValue']").blur(function(){
-					if($(this).val()==""){
-					$(this).val("请输入关键字");}
-			});
-			//开启,暂停
+		 	
+			//开启,暂停,删除
 			$("#btn-enable,#btn-disable,#btn-delete").click(function(){
-				var url = "";var ids = [];
-				var orderId = parseInt($(this).attr("value"));
-				ids.push(orderId);
 				if($(this).attr("id") == "btn-enable"){
 					url = "${ctx}/advertiser/main/ad/order/enable";
 				}else if($(this).attr("id") == "btn-disable"){
@@ -60,54 +53,19 @@
 				}else if($(this).attr("id") == "btn-delete"){
 					url = "${ctx}/advertiser/main/ad/order/delete";
 				}
-				mm=${advertiserId};
-				$.ajax({
-					async: false,  
-	            	type: "POST",
-	             	url: url,
-	             	data:"id="+ids,
-	             	success: function(data){
-						location.href = "${ctx}/advertiser/main/ad/order/list?advertiserId="+mm;
-	             	}
-				});	
+				singleOper($(this),url,"${ctx}/advertiser/main/ad/order/list?advertiserId=${advertiserId!}");
 			});
-			//批量开启,批量暂停
+			
+			//批量开启,批量暂停,批量删除
 			$("#all-btn-enable,#all-btn-disable,#all-btn-delete").click(function(){
-				var checkboxs = $(".fxk11");
-				var url = ""; var type = "";var ids = [];
 				if($(this).attr("id") == "all-btn-enable"){
 					url = "${ctx}/advertiser/main/ad/order/enable";
-					type = "开启";
 				}else if($(this).attr("id") == "all-btn-disable"){
 					url = "${ctx}/advertiser/main/ad/order/disable";
-					type = "暂停";
 				}else if($(this).attr("id") == "all-btn-delete"){
 					url = "${ctx}/advertiser/main/ad/order/delete";
-					type = "删除";
-				}
-				if(checkboxs.length > 0){
-					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
-						if (ensure) {	
-							checkboxs.each(function(){
-								var orderId = parseInt($(this).attr("id"));
-								ids.push(orderId);
-							});
-							mm=${advertiserId};
-							$.ajax({
-								async: false, 
-								traditional: true, 
-				            	type: "POST",
-				             	url: url,
-				             	data:{"id":ids},
-				             	success: function(data){
-									location.href = "${ctx}/advertiser/main/ad/order/list?advertiserId="+mm;
-				             	}
-							});
-						}
-					});
-				}else{
-					bootbox.alert("请选择需要"+$(this).text()+"的数据！");
 				}
+				batchOpear($(this),url,"${ctx}/advertiser/main/ad/order/list?advertiserId=${advertiserId!}");
 			});
 			
 			/*
@@ -115,17 +73,17 @@
 			 */
 			$("#pageDiv .pagination ul li a[href]").click(function(){
 				var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-				var _form = $(' .search-form');
+				var _form = $('.search-form');
 				_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
 				_form.find('img').click();//触发搜索
 				//return false;
 			});
 			
 			$(".btn1").click(function(){
-				if($("#putId").val() == "" || $("#putId").val() == -1){
+				if($("#advertiserId").val() == "" || $("#advertiserId").val() == -1){
 					$("#btnCreatelink").attr("href","javascript:void(0);");
-					alert("请选择投放");
-					$("#btnCreatelink").attr("title","请选择投放");
+					bootbox.alert("请选择广告主！");
+					$("#btnCreatelink").attr("title","请选择广告主");
 					return false;
 				}
 			});

src/main/webapp/WEB-INF/pages/advertiser/main/ad/order/update.ftl

@@ -5,8 +5,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report.ftl

@@ -8,17 +8,21 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
+	<style>
+	#date-radio input {	
+		opacity: 1 !important;
+		position: relative !important;
+	}
+	</style>
 </@override>
 
 <@override name="body">
@@ -26,16 +30,12 @@
 	<#include "/advertiser/main/public-head.ftl">
     <div id="pagecontent">
 		<div id="content">
-			<input type="hidden" id="role" value="${role}">
-			<input type="hidden" id="agentId" value="${userSession.agentId}">
-			<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId}">
-			<input type="hidden" id="sessionadvertiserName" value="${advertiserName}">
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -89,22 +89,22 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		
 		   		<div id="date-radio" style="float:right;margin-right:20px;">
 		   			<span>显示列（此项可多选）</span>
@@ -113,7 +113,6 @@
 					<input type="checkbox" name="item" value="visit" checked onclick="hideVisit()"/><span>到达</span>
 					<input type="checkbox" name="item" value="conversion" checked onclick="hideConversion()"/><span>转化</span>
 					<input type="checkbox" name="item" value="consume" checked onclick="hideConsume()"/><span>花费</span>
-					
 				</div>
 		  	</div>
 		   		
@@ -185,7 +184,6 @@
 		            		<#else>
 		            			<#setting datetime_format="yyyy-MM-dd"/> 
 		            			<td style="text-align:center;">${report.reportDate!?datetime}</td>
-		            			  
 		            		</#if>
 			                <td id="tdriqi" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
 			                <td id="tdriqi" style="text-align:center;" class="hidden-click">${report.click!}</td>
@@ -201,10 +199,23 @@
 					</#if>
 					</tbody>
 				</table>
+				<div id="hourrpt">
+					<#if rptZoneHourList ??>
+			    	<#list rptZoneHourList as hourrpt>
+				    <div class="hourrpt_son">
+				    	<div name="hr">${hourrpt.hour!}</div>
+				        <div name="hr">${hourrpt.pv!}</div>
+				        <div name="hr">${hourrpt.uv!}</div>
+				        <div name="hr">${hourrpt.impression!}</div>
+				        <div name="hr">${hourrpt.click!}</div>
+				        <div name="hr">${hourrpt.income!}</div>
+				    </div>
+				    </#list>  
+			    	</#if>
+				</div>
 	        </div>
-	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('total','${ctx}/advertiser/main/ad/report/advertiser-report/exportDataReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv">
@@ -216,166 +227,6 @@
 		
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #yesterday").addClass('dateChange');
-	}
-	
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?total=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&selecteddimensionId="+$("#dimensionId").val()+"&checkItems="+checkboxStr; 
-		params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/report/advertiser-report/exportDataReportExcel"+params);
-	};
-	
-	$(function(){
-		// 分页中超链接跳转
-		$('#pagecontent .pagination ul li a[href]').click(function(){
-			var _page = $(this).attr('href').substr(1);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);
-			_form.submit();
-			return false;
-		});
-	});
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/create.ftl

@@ -6,13 +6,13 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/yf.yang.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dimension.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/dimension.ftl

@@ -6,12 +6,11 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 	

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/edit.ftl

@@ -6,13 +6,13 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/yf.yang.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dimension.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/osReport.ftl

@@ -8,17 +8,21 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
+	<style>
+	#date-radio input {	
+		opacity: 1 !important;
+		position: relative !important;
+	}
+	</style>
 </@override>
 
 <@override name="body">
@@ -26,16 +30,12 @@
 	<#include "/advertiser/main/public-head.ftl">
     <div id="pagecontent">
 		<div id="content">
-			<input type="hidden" id="role" value="${role}">
-			<input type="hidden" id="agentId" value="${userSession.agentId}">
-			<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId}">
-			<input type="hidden" id="sessionadvertiserName" value="${advertiserName}">
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -48,8 +48,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
-	 		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -67,22 +67,22 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
@@ -156,7 +156,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('system','${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv">
@@ -166,164 +166,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #yesterday").addClass('dateChange');
-	}
-	
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?system=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr;
-	    params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-	
-	$(function(){
-		// 分页中超链接跳转
-		$('#pagecontent .pagination ul li a[href]').click(function(){
-			var _page = $(this).attr('href').substr(1);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);
-			_form.submit();
-			return false;
-		});
-	});
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/regionReport.ftl

@@ -8,17 +8,21 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
+	<style>
+	#date-radio input {	
+		opacity: 1 !important;
+		position: relative !important;
+	}
+	</style>
 </@override>
 
 <@override name="body">
@@ -26,16 +30,12 @@
 	<#include "/advertiser/main/public-head.ftl">
     <div id="pagecontent">
 		<div id="content">
-			<input type="hidden" id="role" value="${role}">
-			<input type="hidden" id="agentId" value="${userSession.agentId}">
-			<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId}">
-			<input type="hidden" id="sessionadvertiserName" value="${advertiserName}">
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -48,8 +48,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
-	 		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -67,22 +67,22 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
@@ -156,7 +156,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('location','${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv">
@@ -166,165 +166,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #yesterday").addClass('dateChange');
-	}
-	
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?location=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr; 
-		params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-	
-	$(function(){
-		// 分页中超链接跳转
-		$('#pagecontent .pagination ul li a[href]').click(function(){
-			var _page = $(this).attr('href').substr(1);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);
-			_form.submit();
-			return false;
-		});
-	});
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/advertiser/main/ad/report/advertiser-report/sceneReport.ftl

@@ -8,17 +8,21 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
+	<style>
+	#date-radio input {	
+		opacity: 1 !important;
+		position: relative !important;
+	}
+	</style>
 </@override>
 
 <@override name="body">
@@ -26,16 +30,12 @@
 	<#include "/advertiser/main/public-head.ftl">
     <div id="pagecontent">
 		<div id="content">
-			<input type="hidden" id="role" value="${role}">
-			<input type="hidden" id="agentId" value="${userSession.agentId}">
-			<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId}">
-			<input type="hidden" id="sessionadvertiserName" value="${advertiserName}">
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report" style="text-decoration:none"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/regionReport" style="text-decoration:none"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/osReport" style="text-decoration:none"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" style="text-decoration:none"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -48,8 +48,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/advertiser/main/ad/report/advertiser-report/sceneReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
-	 		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -67,22 +67,22 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
@@ -156,7 +156,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('place','${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv">
@@ -166,164 +166,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #yesterday").addClass('dateChange');
-	}
-	
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?place=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr;
-	    params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/advertiser/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-	
-	$(function(){
-		// 分页中超链接跳转
-		$('#pagecontent .pagination ul li a[href]').click(function(){
-			var _page = $(this).attr('href').substr(1);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);
-			_form.submit();
-			return false;
-		});
-	});
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad-group/create.ftl

@@ -2,23 +2,31 @@
 <!DOCTYPE html>
 <head>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/public-head.css"/>
-	 <link rel="stylesheet" href="${ctx}/assets/css/create.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/create.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/style.css">
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/geo.css">
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/js/schedule/s.css">
     <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker1.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.validate.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.common.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.geo.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/areas_popup.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-ui-1.10.4.custom.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.cxselect.js"></script>
+	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2767a619003d806b2dba379e3e023dfd"></script> 
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-
-<style>
+	<style>
 		#pagecontent{height:1660px;}
 		
 		.ui-widget-overlay { background: #aeaeae 50% 50% repeat-y; opacity: .90;filter:Alpha(Opacity=90); position: absolute; top: 0; left: 0; width: 100%; height:460%;;}
@@ -157,7 +165,7 @@
   }
   .pitchon{
     background-color:red;
-    background:url(/ssp_advertiser/assets/advertiser/images/duihao.png) no-repeat right bottom;
+    background:url(/ssp_web/assets/images/duihao.png) no-repeat right bottom;
     background-size:16%;
   }
   
@@ -184,23 +192,6 @@
 	}
 </style>
 
-<script src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-<script src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.common.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.geo.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/areas_popup.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.daterangepicker1.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/common.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/geometry/drag.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/geometry/geometry.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-ui-1.10.4.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.cxselect.js"></script>
-<!--<script type="text/javascript" src="${ctx}/assets/advertiser/js/jqueryui.daterangepick.js"></script>-->
-<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2767a619003d806b2dba379e3e023dfd"></script> 
-
 <script type="text/javascript">
 
      $(document).ready(function(){
@@ -678,7 +669,7 @@ var datefalg = true;
 	
 <div class="control-group">
 			<input style="width:150px;margin-right:15px;" type="submit" value="保存" class="btn2" id="btnsave"/>
-			<button class="btn2"  href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId}" style="background-color:#36aeea;"><i class="icon-undo"></i> 取消</button>
+			<button class="btn2"  href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId}&orderId=${orderId}&advertiserId=${advertiserId}" style="background-color:#36aeea;" id="btncancel"><i class="icon-undo"></i> 取消</button>
 		</div>
 		
 		
@@ -1198,6 +1189,11 @@ function genwifinav(pcount,pno,fun){
 			validateMoney();
 		});
 		
+		$("#btncancel").click(function(){
+			location.href = $(this).attr("href");
+			return false;
+		});
+		
     });
     
     function validateMoney(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad-group/edit.ftl

@@ -6,11 +6,26 @@
 <link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css" />
 <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/style.css">
 <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/geo.css">
-<link rel="stylesheet" href="${ctx}/assets/advertiser/js/schedule/s.css">
+<link rel="stylesheet" href="${ctx}/assets/js/schedule/s.css">
 <link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
 <link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
 <link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>	
-	  <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker1.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.validate.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.common.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.geo.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/areas_popup.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-ui-1.10.4.custom.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.cxselect.js"></script>
+<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2767a619003d806b2dba379e3e023dfd"></script> 
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+
 <style>
         /**map serch button**/ 
 		#btnmapSearch:hover {background:#344c67;}
@@ -255,25 +270,6 @@
 		  	background-color: #4c637b;
 		  }
 </style>
-
-<script src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-<script src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.common.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.geo.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/areas_popup.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/schedule_popup.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-<script src="${ctx}/assets/advertiser/js/jquery.daterangepicker1.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/common.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/geometry/drag.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/schedule/geometry/geometry.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-ui-1.10.4.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.cxselect.js"></script>
-<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2767a619003d806b2dba379e3e023dfd"></script> 
 <script type="text/javascript">
 
      $(document).ready(function(){
@@ -784,7 +780,7 @@ var datefalg = true;
 	
 <div class="control-group">
 			<input type="submit" style="width:150px;margin-right:15px;" value="保存" class="btn2" id="btnsave">
-			<button class="btn2" href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId}" style="background-color:#36aeea;"><i class="icon-undo"></i> 取消</button>
+			<button class="btn2" href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId}&orderId=${orderId}&advertiserId=${advertiserId}" style="background-color:#36aeea;" id="btncancel"><i class="icon-undo"></i> 取消</button>
 		</div>
 		
 		
@@ -1387,6 +1383,11 @@ function genwifinav(pcount,pno,fun){
     	$("#validation-form input[name='totalBudget']").blur(function(){
 			validateMoney();
 		});
+		
+		$("#btncancel").click(function(){
+			location.href = $(this).attr("href");
+			return false;
+		});
     });
     
     function validateMoney(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad-group/list.ftl

@@ -2,18 +2,19 @@
 	<title>投放管理-投放管理</title>
     <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
 	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
+	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/table.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 
 	<script type="text/javascript">
 
@@ -53,19 +54,9 @@
 				$(".zhuangtaiall").removeClass("zhuangtaiall").addClass("zhuangtai1");
 				$(".zhting").removeClass("zhuangtai1").addClass("zhuangtaiall");
 			}	
-				
-			//搜索框
-			$("#search input[name='searchValue']").focus(function(){$(this).val("")});
-			$("#search input[name='searchValue']").blur(function(){
-				if($(this).val()==""){
-					$(this).val("请输入关键字");
-				}
-			});
-			//开启,暂停
+		
+			//开启,暂停,删除
 			$("#btn-enable,#btn-disable,#btn-delete").click(function(){
-				var url = "";var ids = [];
-				var adGroupId = parseInt($(this).attr("value"));
-				ids.push(adGroupId);
 				if($(this).attr("id") == "btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/ad-group/enable";
 				}else if($(this).attr("id") == "btn-disable"){
@@ -73,52 +64,18 @@
 				}else if($(this).attr("id") == "btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/ad-group/delete";
 				}
-				$.ajax({
-					async: false,  
-	            	type: "POST",
-	             	url: url,
-	             	data:"id="+ids,
-	             	success: function(data){
-	             		$('.search-form').find('img').click();
-	             	}
-				});
+				singleOper($(this),url,"${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId!}&advertiserId=${advertiserId!}&orderId=${orderId!}");
 			});
-			//批量开启,批量暂停
+			//批量开启,批量暂停,批量删除
 			$("#all-btn-enable,#all-btn-disable,#all-btn-delete").click(function(){
-				var checkboxs = $(".fxk11");
-				var url = ""; var type = "";var ids = [];
 				if($(this).attr("id") == "all-btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/ad-group/enable";
-					type = "开启";
 				}else if($(this).attr("id") == "all-btn-disable"){
 					url = "${ctx}/advertiser/main/ad/target/ad-group/disable";
-					type = "暂停";
 				}else if($(this).attr("id") == "all-btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/ad-group/delete";
-					type = "删除";
-				}
-				if(checkboxs.length > 0){
-					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
-						if (ensure) {	
-							checkboxs.each(function(){
-								var adGroupId = parseInt($(this).attr("id"));
-								ids.push(adGroupId);
-							});
-							$.ajax({
-								async: false, 
-								traditional: true, 
-				            	type: "POST",
-				             	url: url,
-				             	data:{"id":ids},
-				             	success: function(data){
-				             		$('.search-form').find('img').click();
-				             	}
-							});
-						}
-					});
-				}else{
-					bootbox.alert("请选择需要"+$(this).text()+"的数据！");
 				}
+				batchOpear($(this),url,"${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId!}&advertiserId=${advertiserId!}&orderId=${orderId!}");
 			});
 			
 			/*
@@ -133,9 +90,9 @@
 			});	
 			
 			$(".btn1").click(function(){
-				if($("#activeId").val() == "" || $("#activeId").val() == -1){
+				if($("#campaignId").val() == "" || $("#campaignId").val() == -1){
 					$("#btnCreatelink").attr("href","javascript:void(0);");
-					alert("请选择活动");
+					bootbox.alert("请选择活动！");
 					$("#btnCreatelink").attr("title","请选择活动");
 					return false;
 				}
@@ -188,13 +145,13 @@
 				</li>
 			</ul>
 			<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-			<ul id="main_activeul">
-				<li class="select_box" id="activeul_box">
-					<span id="activeul_span">${selectedcampaignName!}</span>
-					<ul class="son_ul" id="activeul_son_ul"></ul>
+			<ul id="main_campaignul">
+				<li class="select_box" id="campaignul_box">
+					<span id="campaignul_span">${selectedcampaignName!}</span>
+					<ul class="son_ul" id="campaignul_son_ul"></ul>
 				</li>
 			</ul>
-			<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
+			<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
 		</div>
 		<div id="class23">	 
 			<div id="class3" style="border-bottom:none;">

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad-group/update.ftl

@@ -5,8 +5,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad/edit.ftl

@@ -6,14 +6,14 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 
-	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script src="${ctx}/assets/advertiser/js/jquery.ui.widget.js"></script>
-	<script src="${ctx}/assets/advertiser/js/jquery.iframe-transport.js"></script>
-	<script src="${ctx}/assets/advertiser/js/jquery.fileupload.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.iframe-transport.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.fileupload.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+
 	<style>
 		#upload-click{
 		width:320px;

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad/list.ftl

@@ -7,13 +7,15 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
 	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/table.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+
 	<script type="text/javascript">
 
 		 $(document).ready(function(){
@@ -48,18 +50,8 @@
 				$(".zhtty").removeClass("zhuangtai1").addClass("zhuangtaiall");
 			} 
 				
-			//搜索框
-			$("#search input[name='searchValue']").focus(function(){$(this).val("")});
-			$("#search input[name='searchValue']").blur(function(){
-				if($(this).val()==""){
-					$(this).val("请输入关键字");
-				}
-			});
-			//开启,暂停
+			//开启,暂停,删除
 			$("#btn-enable,#btn-disable,#btn-delete").click(function(){
-				var url = "";var ids = [];
-				var bannerId = parseInt($(this).attr("value"));
-				ids.push(bannerId);
 				if($(this).attr("id") == "btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/ad/enable";
 				}else if($(this).attr("id") == "btn-disable"){
@@ -67,52 +59,18 @@
 				}else if($(this).attr("id") == "btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/ad/delete";
 				}
-				$.ajax({
-					async: false,  
-	            	type: "POST",
-	             	url: url,
-	             	data:"id="+ids,
-	             	success: function(data){
-	             		$('.search-form').find('img').click();
-	             	}
-				});
+				singleOper($(this),url,"${ctx}/advertiser/main/ad/target/ad/list?adGroupId=${adGroupId!}&campaignId=${campaignId!}&orderId=${orderId!}&advertiserId=${advertiserId!}");
 			});
 			//批量开启,批量暂停
 			$("#all-btn-enable,#all-btn-disable,#all-btn-delete").click(function(){
-				var checkboxs = $(".fxk11");
-				var url = ""; var type = "";var ids = [];
 				if($(this).attr("id") == "all-btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/ad/enable";
-					type = "开启";
 				}else if($(this).attr("id") == "all-btn-disable"){
 					url = "${ctx}/advertiser/main/ad/target/ad/disable";
-					type = "暂停";
 				}else if($(this).attr("id") == "all-btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/ad/delete";
-					type = "删除";
-				}
-				if(checkboxs.length > 0){
-					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
-						if (ensure) {	
-							checkboxs.each(function(){
-								var bannerId = parseInt($(this).attr("id"));
-								ids.push(bannerId);
-							});
-							$.ajax({
-								async: false, 
-								traditional: true, 
-				            	type: "POST",
-				             	url: url,
-				             	data:{"id":ids},
-				             	success: function(data){
-				             		$('.search-form').find('img').click();
-				             	}
-							});
-						}
-					});
-				}else{
-					bootbox.alert("请选择需要"+$(this).text()+"的数据！");
 				}
+				batchOpear($(this),url,"${ctx}/advertiser/main/ad/target/ad/list?adGroupId=${adGroupId!}&campaignId=${campaignId!}&orderId=${orderId!}&advertiserId=${advertiserId!}");
 			});
 			
 			/*
@@ -127,9 +85,9 @@
 			});	
 			
 			$(".btn1").click(function(){
-				if($("#selectedAdgroupId").val() == "" || $("#selectedAdgroupId").val() == -1){
+				if($("#adGroupId").val() == "" || $("#adGroupId").val() == -1){
 					$("#btnCreatelink").attr("href","javascript:void(0);");
-					alert("请选择投放");
+					bootbox.alert("请选择投放！");
 					$("#btnCreatelink").attr("title","请选择投放");
 					return false;
 				}
@@ -187,20 +145,20 @@
 				</li>
 			</ul>
 			<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-			<ul id="main_activeul">
-				<li class="select_box" id="activeul_box">
-					<span id="activeul_span">${selectedcampaignName!}</span>
-					<ul class="son_ul" id="activeul_son_ul"></ul>
+			<ul id="main_campaignul">
+				<li class="select_box" id="campaignul_box">
+					<span id="campaignul_span">${selectedcampaignName!}</span>
+					<ul class="son_ul" id="campaignul_son_ul"></ul>
 				</li>
 			</ul>
-			<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-			<ul id="main_putul">
-				<li class="select_box" id="putul_box">
-					<span id="putul_span">${selectedadGroupName!}</span>
-					<ul class="son_ul" id="putul_son_ul"></ul>
+			<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+			<ul id="main_adGroupul">
+				<li class="select_box" id="adGroupul_box">
+					<span id="adGroupul_span">${selectedadGroupName!}</span>
+					<ul class="son_ul" id="adGroupul_son_ul"></ul>
 				</li>
 			</ul>
-			<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+			<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 		</div>
 		<div id="class23">	 
 			<div id="class3" style="border-bottom:none;">

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/ad/update.ftl

@@ -5,8 +5,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/campaign/create.ftl

@@ -6,16 +6,14 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css"/>
 	
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
 	
 	<style>
 		.spanVaildate{
@@ -33,6 +31,9 @@
 					return false;
 				}
 			});
+			$(".btn4").click(function(){
+				location.href = "${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId}&orderId=${orderId}";
+			});
 		});
 	</script>
 		

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/campaign/edit.ftl

@@ -6,16 +6,14 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/zbchj.css"/>
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css"/>
 	
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
 	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
 	
 	<style>
 		.spanVaildate{
@@ -33,6 +31,9 @@
 					return false;
 				}
 			});
+			$(".btn4").click(function(){
+				location.href = "${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId}&orderId=${orderId}";
+			});
 		});
 	</script>
 		

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/campaign/list.ftl

@@ -7,16 +7,17 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/font-awesome.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
 	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/zbcc.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
-
+	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/table.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	
 	<script type="text/javascript">
-   $(document).ready(function(){
+   	$(document).ready(function(){
 		 //搜索按钮的实现
 		$("#search_img").click(function(){
 			var $searchValue = $(".search-form input[name=searchValue]");
@@ -43,18 +44,9 @@
 				$(".zhuangtaiall").removeClass("zhuangtaiall").addClass("zhuangtai1");
 				$(".zhtzhch").removeClass("zhuangtai1").addClass("zhuangtaiall");
 			}	
-			//搜索框
-			$("#search input[name='searchValue']").focus(function(){$(this).val("")});
-			$("#search input[name='searchValue']").blur(function(){
-				if($(this).val()==""){
-					$(this).val("请输入关键字");
-				}
-			});
-			//开启,暂停
+			
+			//开启,暂停,删除
 			$("#btn-enable,#btn-disable,#btn-delete").click(function(){
-				var url = "";var ids = [];
-				var campaignId = parseInt($(this).attr("value"));
-				ids.push(campaignId);
 				if($(this).attr("id") == "btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/campaign/enable";
 				}else if($(this).attr("id") == "btn-disable"){
@@ -62,53 +54,19 @@
 				}else if($(this).attr("id") == "btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/campaign/delete";
 				}
-				$.ajax({
-					async: false,  
-	            	type: "POST",
-	             	url: url,
-	             	data:"id="+ids,
-	             	success: function(data){
-						location.href = "${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId}&orderId=${orderId}";
-	             	}
-				});
+				singleOper($(this),url,"${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId!}&orderId=${orderId!}");
 			});
-			//批量开启,批量暂停
+			
+			//批量开启,批量暂停,批量删除
 			$("#all-btn-enable,#all-btn-disable,#all-btn-delete").click(function(){
-				var checkboxs = $(".fxk11");
-				var url = ""; var type = "";var ids = [];
 				if($(this).attr("id") == "all-btn-enable"){
 					url = "${ctx}/advertiser/main/ad/target/campaign/enable";
-					type = "开启";
 				}else if($(this).attr("id") == "all-btn-disable"){
 					url = "${ctx}/advertiser/main/ad/target/campaign/disable";
-					type = "暂停";
 				}else if($(this).attr("id") == "all-btn-delete"){
 					url = "${ctx}/advertiser/main/ad/target/campaign/delete";
-					type = "删除";
-				}
-				if(checkboxs.length > 0){
-					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
-						if (ensure) {	
-							checkboxs.each(function(){
-								var campaignId = parseInt($(this).attr("id"));
-								ids.push(campaignId);
-							});
-							mm=${orderId};
-							$.ajax({
-								async: false, 
-								traditional: true, 
-				            	type: "POST",
-				             	url: url,
-				             	data:{"id":ids},
-				             	success: function(data){
-									location.href = "${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId}&orderId="+mm;
-				             	}
-							});
-						}
-					});
-				}else{
-					bootbox.alert("请选择需要"+$(this).text()+"的数据！");
 				}
+				batchOpear($(this),url,"${ctx}/advertiser/main/ad/target/campaign/list?advertiserId=${advertiserId!}&orderId=${orderId!}");
 			});
 			
 			/*
@@ -125,7 +83,7 @@
 			$(".btn1").click(function(){
 				if($("#orderId").val() == "" || $("#orderId").val() == -1){
 					$("#btnCreatelink").attr("href","javascript:void(0);");
-					alert("请选择订单");
+					bootbox.alert("请选择订单！");
 					$("#btnCreatelink").attr("title","请选择订单");
 					return false;
 				}
@@ -234,8 +192,8 @@
 		                        <td class="td2" ><a href="${ctx}/advertiser/main/ad/target/campaign/update?campaignId=${campaign.id}&advertiserId=${advertiserId}" style="color:#36aeea; text-decoration: underline;">${campaign.upDated?datetime}</a></td>
 		                        <td class="td2" ><#if campaign.status==0>正常<#else>停用</#if></td>		                                     
 		                        <td class="td2" >
-		                           	<a   href="${ctx}/advertiser/main/ad/target/campaign/edit?advertiserId=${advertiserId}&id=${campaign.id}" ><button style="margin:0px 5px 0 0;" class="btn122">编辑</button></a>		                      
-                                	<a  href="${ctx}/advertiser/main/ad/report/advertiser-report?selectedadvertiserId=${advertiserId}&selectedadvertiserName=${selectedadvertiserName}&selectedorderId=${orderId}&selectedorderName=${selectedorderName}&selectedcampaignId=${campaign.id}&selectedcampaignName=${campaign.name}"><button style="margin:0px 5px 0 0;" class="btn122">查看报表</button></a>
+		                           	<a href="${ctx}/advertiser/main/ad/target/campaign/edit?advertiserId=${advertiserId}&id=${campaign.id}" ><button style="margin:0px 5px 0 0;" class="btn122">编辑</button></a>		                      
+                                	<a href="${ctx}/advertiser/main/ad/report/advertiser-report?selectedadvertiserId=${advertiserId}&selectedadvertiserName=${selectedadvertiserName}&selectedorderId=${orderId}&selectedorderName=${selectedorderName}&selectedcampaignId=${campaign.id}&selectedcampaignName=${campaign.name}"><button style="margin:0px 5px 0 0;" class="btn122">查看报表</button></a>
 		                           	<#if campaign.status==0>
 									<button style="margin:0px;" id="btn-disable" value=${campaign.id} class="btn122">停用</button>
 									<#elseif campaign.status=1>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/campaign/update.ftl

@@ -5,8 +5,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){
@@ -51,9 +51,9 @@
 				<li class="size3">活动信息修改记录</li>
 			</ul>  
 		</div>
-		<form id="formPage" action="${ctx}/advertiser/main/ad/campaign/update?campaignId=${campaignId}&advertiserId=${advertiserId}" method="post">
+		<form id="formPage" action="${ctx}/advertiser/main/ad/target/campaign/update?campaignId=${campaignId}&advertiserId=${advertiserId}" method="post">
 			<input  id="page" type="hidden" name="page" value="${pager.page}">
-			<input  id="page" type="hidden" name="orderId" value="${orderId}">
+			<input  id="orderId" type="hidden" name="orderId" value="${orderId}">
 			<div id="account-table" style="margin-top:10px;">
 				<table border="1" class="tablefig" id="tablefig">
 					<thead>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/create-banner/list.ftl

@@ -1,26 +1,30 @@
 <@override name="head">
 <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/createbanner.css"/>
-		<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
-		<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
-		<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-		<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-		<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.min.js"></script>
-		<script src="${ctx}/assets/advertiser/js/jquery.ui.widget.js"></script>
-		<script src="${ctx}/assets/advertiser/js/jquery.iframe-transport.js"></script>
-		<script src="${ctx}/assets/advertiser/js/jquery.fileupload.js"></script>
-		<style>
-		#third{height:50px}
-		#third li{float:left;}
-		#up{ border: 1px solid #36aeea;
-    		border-radius: 5px;
-			 color: #36aeea;
-			 cursor: pointer;
-			 height: 34px;
-			 margin-top: 10px;
-			 width: 120px;
-			 line-height:34px;
-			 text-align:center}
-		</style>
+<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
+		
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.ui.widget.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.iframe-transport.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.fileupload.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+		
+<style>
+	#third{height:50px}
+	#third li{float:left;}
+	#up{ border: 1px solid #36aeea;
+    	border-radius: 5px;
+		color: #36aeea;
+		cursor: pointer;
+		height: 34px;
+		margin-top: 10px;
+		width: 120px;
+		line-height:34px;
+		text-align:center}
+</style>
 </@override>
 
 <@override name="body">
@@ -164,58 +168,130 @@
 <script>
 $(function(){
 	
-	
 	$('#input-files').fileupload({
-				autoUpload: true,
-				url: '${ctx}/advertiser/main/ad/target/create-banner/upload?adGroupId=${adGroupId}',		
-				done:function(e,data){
-					alert(data.result);
-					window.location.reload();
-			     }				
-			})
-			
-			
- });
-
-$('#loadse').click(function(){
-	$('#input-files').click();
-})
-
+		autoUpload: true,
+		url: '${ctx}/advertiser/main/ad/target/create-banner/upload?adGroupId=${adGroupId}',		
+		done:function(e,data){
+			window.location.reload();
+		}				
+	});
 	
-     function mysubt(){
-	  
-				try{
-					var boxs = document.getElementsByName("id");		
-					for(var i=0;i<boxs.length;i++){
-						boxs[i].checked=true;
-						//alert(boxs[i].checked);
-					}
-					var jsonuserinfo = $("#form1").serializeObject();
-					var didjson =document.getElementById("hidjson").value 
-				 	document.getElementById("hidjson").value=jsonuserinfo;
-				}
-				catch(e){
-					return false;
+	$('#loadse').click(function(){
+		$('#input-files').click();
+	});
+	
+	// 分页中超链接跳转
+     $('#page-list .pagination ul li a[href]').click(function(){
+     	var _page = $(this).attr('href').substr(1);
+     	var _form = $('.btns .search-form');
+     	_form.find('input:hidden[name=\'page\']').val(_page);
+     	_form.find('img').click();
+     	return false;
+     });
+  
+  	//搜索事件
+    $('.btns img').click(function(){
+		var _form = $('.btns .search-form');
+		var $searchValue = $(".btns .search-form input[name=searchValue]")
+		if($searchValue.val() == "请输入需要搜索的内容"){
+			$searchValue.val(null);
+		};
+		var _url = _form.attr('action');
+		var _param =_form.serialize();
+		$.post(_url, _param, function(data) {
+			$('#page-content').html(data);
+		});
+		if($searchValue.val() == ''){
+			$searchValue.val("请输入需要搜索的内容");
+		};
+		return false;
+	});
+     
+   	//搜索输入框的样式改变
+	$(".btns input[name='searchValue']").focus(function(){
+		$(this).val("");
+	});
+	$(".btns input[name='searchValue']").blur(function(){
+		if($(this).val()== ""){
+			$(this).val("请输入需要搜索的内容");
+		}
+	});
+		
+	//复选框选择
+	$("#all").click(function(){
+		var obj=document.getElementsByName("id");
+		if(document.getElementById("all").checked==true){
+			for(var i=0;i<obj.length;i++){
+			   obj[i].checked=true;
+			}
+		}else{
+			for(var i=0;i<obj.length;i++){ obj[i].checked=false;}
+		}
+	});
+	
+	//批量删除
+	$('.btn-content #delete').click(function(){
+		var _checkboxes = $('table tbody input:checkbox:checked');
+		if (_checkboxes.size()>0) {		
+			var _url = $(this).attr("href");
+			var _param = _checkboxes.serializeArray();
+			// 删除时需要提醒
+			if ($(this).text() && ($(this).text().indexOf("删除")>-1
+				||$(this).text().indexOf("关闭")>-1)) {
+				bootbox.confirm("确定删除吗?删除后无法再找回", function(ensure) {
+					if (ensure) {
+						$.post(_url, _param, function(data) {
+							window.location.reload();
+						});
 					}
+				});
+			} else {
+				$.post(_url, _param, function(data) {
+					window.location.reload();
+				});			
+			}
+		}
+	});
+		
+	 // 页面中按钮的超链接跳转
+	$('.btn-content .banner-select').click(function(){
+		var _href = $(this).attr("href");
+		if (_href&&_href!='#') {
+			window.location.href=_href;
+			return false;
+		}
+	});
+});
+
+	function mysubt(){
+		try{
+			var boxs = document.getElementsByName("id");		
+			for(var i=0;i<boxs.length;i++){
+				boxs[i].checked=true;
+			}
+			var jsonuserinfo = $("#form1").serializeObject();
+			var didjson =document.getElementById("hidjson").value 
+			document.getElementById("hidjson").value=jsonuserinfo;
+		}catch(e){
+			return false;
+		}
 	}
      
     //序列化对象
-     $.fn.serializeObject = function()    
- 	{    
- 	   var o = {};    
- 	   var a = this.serializeArray();    
- 	   $.each(a, function() {    
- 	       if (o[this.name]) {    
- 	           if (!o[this.name].push) {    
- 	               o[this.name] = [o[this.name]];    
- 	           }    
- 	           o[this.name].push(this.value || '');    
- 	       } else {    
+    $.fn.serializeObject = function(){    
+ 		var o = {};    
+ 	   	var a = this.serializeArray();    
+ 	   	$.each(a, function() {    
+ 	       	if (o[this.name]) {    
+ 	           	if (!o[this.name].push) {    
+ 	               	o[this.name] = [o[this.name]];    
+ 	           	}    
+ 	           	o[this.name].push(this.value || '');    
+ 	       	} else {    
  	           o[this.name] = this.value || '';    
- 	       } 
- 	      
- 	   });  
- 	   var vCount = 0;
+ 	       	} 
+ 	   	});  
+ 	  	var vCount = 0;
         // 计算json内部的数组最大长度
         for(var item in o){
             var tmp = $.isArray(o[item]) ? o[item].length : 1;
@@ -236,99 +312,4 @@ $('#loadse').click(function(){
             return "[" + JSON.stringify(o) + "]";
         } 
  	} 
-     
-  // 分页中超链接跳转
-     $('#page-list .pagination ul li a[href]').click(function(){
-     	var _page = $(this).attr('href').substr(1);
-     	var _form = $('.btns .search-form');
-     	_form.find('input:hidden[name=\'page\']').val(_page);
-     	_form.find('img').click();
-     	return false;
-     });
-  
-  //搜索事件
-     $('.btns img').click(function(){
-			var _form = $('.btns .search-form');
-			var $searchValue = $(".btns .search-form input[name=searchValue]")
-			if($searchValue.val() == "请输入需要搜索的内容"){
-				$searchValue.val(null);
-			};
-			var _url = _form.attr('action');
-			var _param =_form.serialize();
-			//_param = _form.serialize() + "&" + _param;
-			console.log("search url:"+_url+", param:"+_param);
-			//window.location.assign(_url + "?" + _param);
-			$.post(_url, _param, function(data) {
-				$('#page-content').html(data);
-			});
-			if($searchValue.val() == ''){
-				$searchValue.val("请输入需要搜索的内容");
-			};
-			return false;
-		});
-     
-   //搜索输入框的样式改变
-		$(".btns input[name='searchValue']").focus(function(){
-			$(this).val("");
-		});
-		$(".btns input[name='searchValue']").blur(function(){
-			if($(this).val()== ""){
-				$(this).val("请输入需要搜索的内容");
-			}
-		});
-		
-	
-	//复选框选择
-		$("#all").click(function(){
-			/*alert("复选框进来了没有？");*/
-			 var obj=document.getElementsByName("id");
-			/* console.log(obj);*/
-			    if(document.getElementById("all").checked==true){
-			        for(var i=0;i<obj.length;i++){
-			            obj[i].checked=true;
-			        }
-			    }else{
-			        for(var i=0;i<obj.length;i++){ obj[i].checked=false;}
-			         }
-		 });
-	
-		//批量删除
-	    $('.btn-content #delete').click(function(){
-			var _checkboxes = $('table tbody input:checkbox:checked');
-			if (_checkboxes.size()>0) {		
-				var _url = $(this).attr("href");
-				var _param = _checkboxes.serializeArray();
-				
-				// 删除时需要提醒
-				if ($(this).text() && ($(this).text().indexOf("删除")>-1
-					||$(this).text().indexOf("关闭")>-1)) {
-					bootbox.confirm("确定删除吗?删除后无法再找回", function(ensure) {
-						console.log("[debug]press ensure button?"+ensure);
-						if (ensure) {
-							console.log("[debug]execute delete operation.");			
-							$.post(_url, _param, function(data) {
-								window.location.reload();
-							});
-						}
-					});
-				} else {
-					$.post(_url, _param, function(data) {
-						window.location.reload();
-					});			
-				}
-			}
-		});
-		
-		
-	 // 页面中按钮的超链接跳转
-		$('.btn-content .banner-select').click(function(){
-			var _href = $(this).attr("href");
-			if (_href&&_href!='#') {
-				window.location.href=_href;
-				return false;
-			}
-			//window.location.href=_href;	
-			
-		});
-	
 </script>

src/main/webapp/WEB-INF/pages/advertiser/main/authority/create.ftl

@@ -6,10 +6,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{
@@ -72,11 +72,6 @@
 				    	authority+=$(this).val()+",";
 				});
 				authority = authority.substring(0,authority.length-1);
-				if($("#selectedAdvertiserId").val() == "" ||　$("#selectedAdvertiserId").val() == 0){
-					$("#main_advertiserul").css({"box-shadow":"20px 0 6px red","width":"150px"}).attr("title","请选择广告主");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("请选择广告主");
-					return false;
-				}
 				var flag = isExistName();//判断账号名称是否重复
 				if(flag){
 					return false;
@@ -177,15 +172,6 @@
 				return flag;
 			}
 			
-			$("#advertiserul_select_box").mouseleave(function(){
-				if($("#selectedAdvertiserId").val() == "" ||　$("#selectedAdvertiserId").val() == 0){
-					$("#main_advertiserul").css({"box-shadow":"20px 0 6px red","width":"150px"}).attr("title","请选择广告主");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("请选择广告主");
-				}else{
-					$("#main_advertiserul").css("box-shadow","none").attr("title","");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("");
-				}
-		 	});
 		});
 	</script>
 	

src/main/webapp/WEB-INF/pages/advertiser/main/authority/edit.ftl

@@ -6,10 +6,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{
@@ -77,11 +77,6 @@
 				    	authority+=$(this).val()+",";
 				});
 				authority = authority.substring(0,authority.length-1);
-				if($("#selectedAdvertiserId").val() == "" ||　$("#selectedAdvertiserId").val() == 0){
-					$("#main_advertiserul").css({"box-shadow":"20px 0 6px red","width":"150px"}).attr("title","请选择广告主");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("请选择广告主");
-					return false;
-				}
 				if($("#ensurePassword").val() !="" && $("#ensurePassword").val() !=$("#password").val()){
 					$("#ensurePassword").css("box-shadow","0 0 6px red").attr('title','确认密码必须与密码一致！');
 					$("#ensurePassword").parent("span").parent("div").find("span.spanVaildate").html("确认密码必须与密码一致！");
@@ -169,15 +164,6 @@
 			}
 			getAuthority();
 			
-			$("#advertiserul_select_box").mouseleave(function(){
-				if($("#selectedAdvertiserId").val() == "" ||　$("#selectedAdvertiserId").val() == 0){
-					$("#main_advertiserul").css({"box-shadow":"20px 0 6px red","width":"150px"}).attr("title","请选择广告主");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("请选择广告主");
-				}else{
-					$("#main_advertiserul").css("box-shadow","none").attr("title","");
-					$("#advertiserul_selectuldiv").find('span.spanVaildate').html("");
-				}
-		 	});
 		});
 	</script>
 	

src/main/webapp/WEB-INF/pages/advertiser/main/authority/list.ftl

@@ -6,12 +6,11 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 	

src/main/webapp/WEB-INF/pages/advertiser/main/authority/loginperson.ftl

@@ -6,10 +6,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/code-class/create.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/ad-code.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/code-class/edit.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/ad-code.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/code-class/list.ftl

@@ -8,19 +8,19 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/jquery-ui.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ZeroClipboard.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery-1.8.2.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.mouse.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.button.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.draggable.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.dialog.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.position.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.resizable.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.effect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ZeroClipboard.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery-1.8.2.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.button.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.draggable.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.dialog.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.position.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.resizable.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.effect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript">
 		$(document).ready(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/code-convert/create.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/ad-code.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/code-convert/edit.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/ad-code.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/advertiser/main/code-convert/list.ftl

@@ -8,20 +8,19 @@
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/jquery-ui.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ZeroClipboard.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery-1.8.2.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.core.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.mouse.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.button.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.draggable.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.dialog.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.position.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.resizable.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ui/jquery.ui.effect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ZeroClipboard.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery-1.8.2.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.mouse.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.button.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.draggable.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.dialog.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.position.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.resizable.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ui/jquery.ui.effect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript">
 		$(document).ready(function(){

src/main/webapp/WEB-INF/pages/advertiser/main/code-site/list.ftl

@@ -6,10 +6,10 @@
 	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/ad-code.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/ZeroClipboard.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/ZeroClipboard.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript">
 	

src/main/webapp/WEB-INF/pages/advertiser/main/dashboard.ftl

@@ -3,12 +3,489 @@
 <!--Include Required css file-->
 <link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
 <link rel="stylesheet" href="${ctx}/assets/css/dashboard.css"/>
-<!--<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />-->
 <link rel="stylesheet" href="${ctx}/assets/css/daterangepicker.css"/>
 <link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
+
 <!--Include Required Prerequisites js-->
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<!--图表生成 js-->
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<!-- 弹出框插件,bootbox.min.js 依赖bootstrap.min.js -->
+<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+
+<script type="text/javascript">
+$(document).ready(function(){
+	//显示今天时间
+	var date = new Date();	
+	$("#content-left .up .today").text(formatDate(date));
+	function formatDate(now)   {   
+		var year = now.getFullYear();   
+		var month = now.getMonth()+1;   
+		var date = now.getDate();   
+		var hour = now.getHours();   
+		var minute = now.getMinutes();   
+		var second = now.getSeconds(); 
+		if(hour < 12)  
+			return  year+"年"+month+"月"+date+"日      上午"+hour+":"+minute+":"+second;
+		else 
+			return  year+"年"+month+"月"+date+"日      下午"+hour+":"+minute+":"+second;
+	}
+	
+	/*
+	*根据时间选择,类型选择,广告主id,查询得到图表
+	*	初始化一些数值
+	*	
+	*/
+	var role = $("#role").val();//获取角色
+	var advertiserId = $("#sessionadvertiserId").val();//广告主id
+	var flow=[];flow[0] = [];flow[1] = [];flow[2] = [];flow[3] = [];//图表的纵坐标数据
+	var labels = [];//图表的横坐标数据
+	var tipLabel=new Array("Consume","Impression","Click","Rate");//折线的名字
+	var consume=tipLabel[0];
+	for (var i = 0; i < 24; i++) {  //默认的X轴的标签labels显示的是昨天的24个小时
+		flow[0].push(0);//初始值设置为0;
+		flow[1].push(0);//初始值设置为0;
+		flow[2].push(0);//初始值设置为0;
+		flow[3].push(0);//初始值设置为0;
+		if(i<10){
+			labels.push("0" + i);
+		} else {
+			labels.push(i);
+		}
+	}
+	
+	/*
+	*更改日期的函数，所有更改日期的事件都是调用此函数
+	*/
+	function cb(start, end) { 
+		$('#date-range input').val(start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));//将日期显示在input标签里面
+		searchAndDraw(start, end);
+	}
+	/*
+	*查询数据和绘制折线图函数, 只要advertiserId和date改变,就调用此函数重新绘制图形
+	*	@param 开始日期,结束日期
+	*	操作:		更改日期,
+	*			调用searchData函数查询数据
+	*			调用drawDiagram函数绘制折线图
+	*/
+	function searchAndDraw(start, end){
+		if(role == 'agent'){
+			advertiserId = $('#selectedAdvertiserId3').val();
+		}
+		if(advertiserId != null){
+			searchData(advertiserId,start, end);//调用searchData函数查询数据
+		}
+		var data = flow[0];	
+		drawDiagram(labels,data,consume);//调用绘制图表函数，绘制图表
+	}
+	/*
+	*	默认显示昨天,moment.js是时间日期处理插件,基于jquery
+	*/
+	cb(moment().subtract(1, 'days'),moment().subtract(1, 'days'));
+	
+	/*
+	*	显示日历插件,jquery.dateRangePicker.js是双日期选择插件,基于jquery
+	*		仅仅设置语言为cn, 最大选择日期问今天
+	*		绑定一个确定按钮点击事件,回调函数,执行cb函数,更改日期,其实不用改,只不过是为了查询数据和绘制图表
+	*/
+	$('#date-range-picker').dateRangePicker({  
+		language:'cn',
+		endDate:new Date(),
+	}).bind('datepicker-apply', function(evt, obj) {
+		cb(moment(obj.date1), moment(obj.date2));
+	});
 
+	/*
+	*下拉框广告主改变,调用searchAndDraw重新查询数据绘制图形
+	*/
+	$('#selectedAdvertiserId3').change(function() {
+		var opt = '#selectedAdvertiserId3 option[value=' + $(this).val() + ']';
+		var txt = '趋势图：' + $(opt).html();
+		console.log(txt);
+		$('#chartContent .chart-down .chart-down-left').html(txt);
+		var chooseDate = $('#date-range-picker').val().split(' to ',2);
+		var start = moment(chooseDate[0]);//转换为moment格式
+		var end = moment(chooseDate[1]);//转换为moment格式
+		searchAndDraw(start, end);
+	});
+	
+	/*
+    *发送ajax请求，查询数据
+    * @param 广告主id,开始日期,结束日期 格式为YYYY-MM-DD
+    * 将横坐标日期存储在labels数组中
+    * 将纵坐标数据存储在flow数组中
+    */
+	function searchData(advertiserId,start,end){    
+		//ajax请求的参数：param{advertiserId,startDate,endDate}
+		var param = {
+			"advertiserId" : advertiserId,
+			"startDate" : start.format('YYYY-MM-DD'),
+			"endDate" : end.format('YYYY-MM-DD'),
+		}
+		//发送ajax请求
+		$.ajax({
+			type : 'post',	//请求方式，post
+			data : param,	//请求参数，param
+			url : '${ctx}/advertiser/main/dashboard/chart',	//请求url
+			async : false,	//是否设置为异步请求
+			cache : false,	//是否缓存
+			dataType : 'json',	//数据类型为json
+			success : function(data){ //请求成功回调函数处理，参数为返回回来的json数组
+				//创建消费数，曝光数，点击数，点击率的数组，用于存储返回回来的数据，然后将这些数据存储在flow数组中，用于图表显示
+				var consume = [];
+				var impression = [];
+				var click = [];
+				var clickRate = [];
+				//判断是数据按小时还是天显示
+				if(start.format('YYYY-MM-DD') == end.format('YYYY-MM-DD')){
+					labels = [];//清空labels数组
+					console.log('按小时显示');
+					//如果不是今天
+					if(moment().format('YYYY-MM-DD') != start.format('YYYY-MM-DD')){
+						for(var i=0;i<24;i++){ //循环给消费数，曝光数，点击数，点击率赋值，循环24次
+							if(i<10){
+								labels.push("0" + i);
+							} else {
+								labels.push(i);
+							}
+							$.each(data,function(key,value){//循环遍历返回的数据data,如果data.hour和当前时间点相等，将相应的值付给数组
+								if(value.hour == i){
+									consume[i] = value.totalConsume;
+									impression[i] = value.totalImpression;
+									click[i] = value.totalClick;
+									clickRate[i] = value.clickRate;
+								}
+							});
+							//未赋值，将相应的数组值赋0.
+							if(consume[i] == null){ consume[i] = 0; }
+							if(impression[i] == null){ impression[i] = 0; }
+							if(click[i] == null){ click[i] = 0;	}
+							if(clickRate[i] == null){ clickRate[i] = 0;	}
+						}
+					} else { //如果是今天
+						var now_hour = new Date().getHours();
+						for(var i=0;i<now_hour;i++){ //循环给消费数，曝光数，点击数，点击率赋值，循环24次
+							if(i<10){
+								labels.push("0" + i);
+							} else {
+								labels.push(i);
+							}
+							$.each(data,function(key,value){//循环遍历返回的数据data,如果data.hour和当前时间点相等，将相应的值付给数组
+								if(value.hour == i){
+									consume[i] = value.totalConsume;
+									impression[i] = value.totalImpression;
+									click[i] = value.totalClick;
+									clickRate[i] = value.clickRate;
+								}
+							});
+							//未赋值，将相应的数组值赋0.
+							if(consume[i] == null){ consume[i] = 0; }
+							if(impression[i] == null){ impression[i] = 0; }
+							if(click[i] == null){ click[i] = 0;	}
+							if(clickRate[i] == null){ clickRate[i] = 0;	}
+						}
+					}
+					//如果是昨天或者今天,图表按小时显示数据，后端暂时没有写
+					
+				} else {
+					console.log('按日期显示');
+					labels = []; //清空labels数组
+					var days = moment.duration(end.diff(start,'days'), 'days').asDays(); //计算选择了几天,利用moment.js相关函数
+					for(var i=0;days>=0;i++,days--){ //循环给labels,消费数，曝光数，点击数，点击率赋值，循环days次
+						labels[i] = moment(end).subtract(days, 'days').format('MM-DD');//将选择的日期赋值给label，格式为MM-DD，例如选择过去三天：labels=[09-21,09-22,09-23]						
+						$.each(data,function(key,value){//循环遍历返回的数据data,如果data.reportDate和当前日期相等，将相应的值付给数组
+							if(value.reportDate == moment(end).subtract(days, 'days').format('YYYY-MM-DD')){
+								consume[i] = value.totalConsume;
+								impression[i] = value.totalImpression;
+								click[i] = value.totalClick;
+								clickRate[i] = value.clickRate;
+							}
+						});
+						//未赋值，将相应的数组值赋0.
+						if(consume[i] == null){ consume[i] = 0; }
+						if(impression[i] == null){ impression[i] = 0; }
+						if(click[i] == null){ click[i] = 0;	}
+						if(clickRate[i] == null){ clickRate[i] = 0;	}
+					}
+				}
+				//将消费数，曝光数，点击数，点击率的数组赋值给flow数组的元素
+				flow[0] = consume;
+				flow[1] = impression;
+				flow[2] = click;
+				flow[3] = clickRate;
+			},
+			error : function (XMLHttpRequest, textStatus, errorThrown) { //url请求出错的回调函数
+			    // 通常 textStatus 和 errorThrown 之中
+			    // 只有一个会包含信息
+				console.info('error');
+			    this; // 调用本次AJAX请求时传递的options参数
+			}
+		});
+	}
+	/*
+	*快速设置为(今天 昨天 过去7天 过去30天)
+	*/
+	$('#chartContent  .chart-up .right span.time').click(function(e){ //今天 昨天 过去七天 过去三十天触发函数
+        e.preventDefault;
+		$('#chartContent  .chart-up .right span').css('color','#344c67');
+		$(this).css('color','#36aeea');
+        var ind = $(this).index();
+        switch (ind){
+            case 0:
+                cb(moment(),moment());
+                break;
+            case 1:
+                cb(moment().subtract(1, 'days'),moment().subtract(1, 'days'));
+                break;
+            case 2:
+                cb(moment().subtract(7, 'days'),moment().subtract(1, 'days'));
+                break;
+            case 3:
+                cb(moment().subtract(30, 'days'),moment().subtract(1, 'days'));
+                break;
+        }
+    });
+	
+	/*
+	*四条折线(消费,曝光数,点击数,点击率),点击切换
+	*/
+	$('#chartContent form input[type="radio"]').click(function(){
+		var n = $(this).val();
+		var data = flow[n];
+		consume = tipLabel[n];
+		var txt = '';
+		if(n == 0){	txt = '消费（元）';	 }	
+		if(n == 1){	txt = '曝光数（次）'; }
+		if(n == 2){	txt = '点击数（次）'; }
+		if(n == 3){	txt = '点击率（%）'; }
+		$('#chartContent .chart-down .chart-down-right').html(txt);
+		drawDiagram(labels,data,consume);
+	});
+	
+	/*
+	*绘制折线图函数
+	*	@param 横坐标数值，纵坐标数值，和折线的名字
+	*/
+	function drawDiagram(labels,data,consume){		
+		$('#chart').highcharts({ 
+			chart: { type: 'line' },
+			title: { text: '' }, //标题
+			//subtitle: { text: 'Source: WorldClimate.com' }, //副标题
+			xAxis: { categories: labels }, 
+			yAxis: { 
+				title: { text: '' }, 
+				plotLines: [{ value: 0, width: 1, color: '#808080' }]
+			}, 
+			tooltip: { crosshairs: true, shared: true }, 
+			legend: { 
+				enabled:false,
+			},
+			credits:{
+				enabled:false,
+			},
+		
+			series: [{ 
+				name: consume, 
+				data: data,
+				color:'#36aeea',
+				marker:{
+					symbol: 'circle',
+					fillColor:'#ffffff',
+					lineColor:'#36aeea',
+					lineWidth: 2,
+					radius: 5,
+				}
+			}]
+		}); 
+	}
+	
+	/*
+	*切换折线图和图表
+	*/
+	$("#diagramHead span:first-child").click(function(){
+		$("#sheetContent").css("display","none");
+		$("#diagramHead span:first-child").css("border-bottom","1px solid #ffffff");
+		$("#chartContent").css("display","block");
+		$("#diagramHead span:last-child").css("border-bottom","1px solid #d5dee8");
+	});
+	$("#diagramHead span:last-child").click(function(){
+		$("#chartContent").css("display","none");
+		$("#diagramHead span:first-child").css("border-bottom","1px solid #d5dee8");
+		$("#sheetContent").css("display","block");
+		$("#diagramHead span:last-child").css("border-bottom","1px solid #ffffff");
+		var chooseDate = $('#date-range-picker').val().split(' to ',2);
+		var start = chooseDate[0];//转换为moment格式
+		var end = chooseDate[1];//转换为moment格式
+		var advertiserId = $('#selectedAdvertiserId3').val();
+		var param = {
+			'advertiserId':advertiserId,
+			'startDate':start,
+			'endDate':end,
+		};
+		var _url = '${ctx}/advertiser/main/dashboard/list';
+		console.log(param);
+		$.post(_url,param,function(data){
+			$('#sheetContent').html(data);
+		});
+	});
+		
+	/*
+	*根据广告主选择账户余额
+	*	选择一个广告主,发送ajax请求,获取数据
+	*/
+	$('#selectedAdvertiserId').change(function() {
+		var agentId = $("#agentId").val(); //获取代理商id
+		var advertiserId = $('#selectedAdvertiserId').val();
+		var param = {};
+		if(advertiserId == -1) {
+			param = {
+				'agentId':agentId
+			};
+		} else {
+			param = {
+				'advertiserId':advertiserId
+			};
+		}
+		//发送ajax请求
+		$.ajax({
+			type : 'post',	//请求方式，post
+			data : param,	//请求参数，param
+			url : '/ssp_web/advertiser/main/dashboard/findCompareAjax',	//请求url
+			async : false,	//是否设置为异步请求
+			cache : false,	//是否缓存
+			dataType : 'json',	//数据类型为json
+			success : function(data){ //请求成功回调函数处理，参数为返回回来的json数组
+				$('#accountBalance .data-down').text(data.balance);
+				$('#exposure .data-down').text(data.totalImpression);
+				$('#click .data-down').text(data.totalClick);
+			},
+			error : function (XMLHttpRequest, textStatus, errorThrown) { //url请求出错的回调函数
+				console.info('error');
+			}
+		});
+	});
+		
+	/*
+	*根据广告主id创建订单
+	*/
+	$('#content-right button').click(function(){
+		var advertiserId = null;
+		//判断是广告主还是代理商
+		if(role == "advertiser"){
+			advertiserId = $("#sessionadvertiserId").val();
+		} else {
+			advertiserId = $('#selectedAdvertiserId2').val();
+		}
+		//如果没有选择广告主,弹出提示
+		if((advertiserId == -1) || (advertiserId == null) || (advertiserId == "")){
+			bootbox.alert('请选择广告主');
+		} else {
+			var _href = $(this).attr('href') + '?advertiserId=' + advertiserId;
+			window.location.assign(_href);
+		}
+	});
+	
+	$("ul#advertiser_son_ul2 li").live("click",function(){
+	 	$(this).parents('li').find('span').html($(this).html());
+		$("#selectedAdvertiserId2").val($(this).attr("value"));
+		$("#selectedAdvertiserName2").val($(this).html());
+		$('#advertiser_son_ul2').hide(); //ul隐藏
+	});
+	
+	//获取广告主的值
+	if($("#role").val() == "agent"){
+		var _url = "${ctx}/widget/selector/provide/advertiser?parentId="+agentId; //请求地址
+		getSelectData("advertiserul_span","advertiser_son_ul","advertiserul_box","全部广告主",_url);
+		getSelectData("advertiserul_span2","advertiser_son_ul2","advertiserul_box2","请选择广告主",_url);
+		getSelectData("advertiserul_span3","advertiser_son_ul3","advertiserul_box3","请选择广告主",_url);
+	}else if($("#role").val() == "advertiser"){
+		$("#advertiserul_span").html($("#sessionadvertiserName").val());
+		$("#selectedAdvertiserId").val($("#sessionadvertiserId").val());
+		$("#selectedAdvertiserName").val($("#sessionadvertiserName").val());
+		$("#advertiserul_span2").html($("#sessionadvertiserName").val());
+		$("#selectedAdvertiserId2").val($("#sessionadvertiserId").val());
+		$("#selectedAdvertiserName2").val($("#sessionadvertiserName").val());
+		$("#advertiserul_span3").html($("#sessionadvertiserName").val());
+		$("#selectedAdvertiserId3").val($("#sessionadvertiserId").val());
+		$("#selectedAdvertiserName3").val($("#sessionadvertiserName").val());
+	}
+	
+	$("ul#advertiser_son_ul li").live("click",function(){
+	 	$(this).parents('li').find('span').html($(this).html());
+		$("#selectedAdvertiserId").val($(this).attr("value"));
+		$("#selectedAdvertiserName").val($(this).html());
+		$('#advertiser_son_ul').hide(); //ul隐藏
+		var agentId = $("#agentId").val(); //获取代理商id
+		var advertiserId = $('#selectedAdvertiserId').val();
+		var param = {};
+		if(advertiserId == -1) {
+			param = {
+				'agentId':agentId
+			};
+		} else {
+			param = {
+				'advertiserId':advertiserId
+			};
+		}
+		//发送ajax请求
+		$.ajax({
+			type : 'post',	//请求方式，post
+			data : param,	//请求参数，param
+			url : '${ctx}/advertiser/main/dashboard/findCompareAjax',	//请求url
+			async : false,	//是否设置为异步请求
+			cache : false,	//是否缓存
+			dataType : 'json',	//数据类型为json
+			success : function(data){ //请求成功回调函数处理，参数为返回回来的json数组
+				$('#accountBalance .data-down').text(data.balance);
+				$('#exposure .data-down').text(data.totalImpression);
+				$('#click .data-down').text(data.totalClick);
+			},
+			error : function (XMLHttpRequest, textStatus, errorThrown) { //url请求出错的回调函数
+				console.info('error');
+			}
+		});
+	});
+	
+	$("ul#advertiser_son_ul3 li").live("click",function(){
+	 	$(this).parents('li').find('span').html($(this).html());
+		$("#selectedAdvertiserId3").val($(this).attr("value"));
+		$("#selectedAdvertiserName3").val($(this).html());
+		$('#advertiser_son_ul3').hide(); //ul隐藏
+		$('#chartContent .chart-down .chart-down-left').html("趋势图："+$(this).html());
+		var chooseDate = $('#date-range-picker').val().split(' to ',2);
+		var start = moment(chooseDate[0]);//转换为moment格式
+		var end = moment(chooseDate[1]);//转换为moment格式
+		searchAndDraw(start, end);
+	});
+	
+	function getSelectData(target_spanId,target_sonulId,target_boxId,defaultName,url){
+		$("#"+target_spanId).hide();
+		$("#"+target_sonulId).append("<li value='-1' style='width:130px;'>"+defaultName+"</li>");
+		$.getJSON( url, function(data) {
+			var data_1 = data.advertiserList;
+			$.each( data_1, function( key, val ) {
+				$("#"+target_sonulId).append('<li class="selectop" value='+ val.value +'>' + val.label + '</li>');
+			});
+		});
+		$("#"+target_spanId).on("click",function(){
+	 		if($("#role").val() == "agent"){
+	 			if($('#'+target_sonulId).height()>210){
+	 				$('#'+target_sonulId).css({"height":"210px","overflow-y":"scroll","overflow-x":"hidden","z-index":"9999" });
+	 			};
+	 			$('#'+target_sonulId).show(); //ul显示
+	 		}
+	 	});
+		$("#"+target_boxId).mouseleave(function(){
+	 		$('#'+target_sonulId).hide(); //ul隐藏
+	 	});
+	}
+});
+</script>
 </@override>
 
 <@override name="body">
@@ -21,8 +498,14 @@
 		<div id="content-left">
 			<div class="up">
 				<span class="today"></span>
-				<select id="selectedAdvertiserId" name="selectedAdvertiserId" class="selectedAdvertiserId">
-				</select>
+				<ul id="main_advertiserul">
+					<li class="select_box" id="advertiserul_box">
+						<span id="advertiserul_span">${selectedadvertiserName!}</span>
+						<ul class="son_ul" id="advertiser_son_ul"></ul>
+					</li>
+				</ul>
+				<input type="hidden" name="selectedAdvertiserId" id="selectedAdvertiserId" value="${advertiserId!}">
+				<input type="hidden" name="selectedadvertiserName" id="selectedadvertiserName" value="${selectedadvertiserName!}">
 			</div>
 			<div class="down">
 				<div id="exposure">
@@ -60,8 +543,14 @@
 				<span>创建新的订单</span>
 			</div>
 			<div class="down">
-				<select id="selectedAdvertiserId2" name="selectedAdvertiserId2" class="selectedAdvertiserId">
-				</select>
+				<ul id="main_advertiserul2">
+					<li class="select_box" id="advertiserul_box2">
+						<span id="advertiserul_span2">${selectedadvertiserName2!}</span>
+						<ul class="son_ul" id="advertiser_son_ul2"></ul>
+					</li>
+				</ul>
+				<input type="hidden" name="selectedAdvertiserId2" id="selectedAdvertiserId2" value="${advertiserId2!}">
+				<input type="hidden" name="selectedadvertiserName2" id="advertiserName2" value="${selectedadvertiserName2!}">
 				<button href='${ctx}/advertiser/main/ad/order/create'>创建新的订单</button>
 			</div>
 		</div>
@@ -75,8 +564,14 @@
 			<div class="chart-up">
 				<div class="pull-down">
 					<span class="span">选择广告主</span>
-					<select id="selectedAdvertiserId3" name="selectedAdvertiserId3" class="selectedAdvertiserId">
-					</select>
+					<ul id="main_advertiserul3">
+						<li class="select_box" id="advertiserul_box3">
+							<span id="advertiserul_span3">${selectedadvertiserName3!}</span>
+							<ul class="son_ul" id="advertiser_son_ul3"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedAdvertiserId3" id="selectedAdvertiserId3" value="${advertiserId3!}">
+					<input type="hidden" name="selectedadvertiserName3" id="advertiserName3" value="${selectedadvertiserName3!}">
 				</div>
 				<div class="time-period">
 					<span class="span">时间周期选择</span>
@@ -111,455 +606,4 @@
 </div>
 
 </@override>
-<@extends name="/common/simple.ftl"/>
-
-<script type="text/javascript">
-	<!--修改个人信息js 控制上下切换-->
-	$(document).ready(function(){
-	  $("#divselect").click(function(){
-	  	$("#divselect ul").slideToggle("fast");
-	  });
-	});
-	
-	//显示今天时间
-	var date = new Date();	
-	$("#content-left .up .today").text(formatDate(date));
-	function  formatDate(now)   {   
-		var   year=now.getFullYear();   
-		var   month=now.getMonth()+1;   
-		var   date=now.getDate();   
-		var   hour=now.getHours();   
-		var   minute=now.getMinutes();   
-		var   second=now.getSeconds(); 
-		if(hour < 12)  
-			return  year+"年"+month+"月"+date+"日      上午"+hour+":"+minute+":"+second;
-		else 
-			return  year+"年"+month+"月"+date+"日      下午"+hour+":"+minute+":"+second;
-	} 
-</script>
-
-
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/moment.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.daterangepicker.js"></script>
-<!--图表生成 js-->
-<!--canvas dependence js library-->
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/highcharts.js"></script>
-<script type="text/javascript">
-	$(document).ready(function(){
-		
-		/*
-		*根据时间选择,类型选择,广告主id,查询得到图表
-		*	初始化一些数值
-		*	
-		*/
-		var role = '${role}';//获取角色
-		var advertiserId = '${userSession.advertiserId}';//广告主id
-		var flow=[];flow[0] = [];flow[1] = [];flow[2] = [];flow[3] = [];//图表的纵坐标数据
-		var labels = [];//图表的横坐标数据
-		var tipLabel=new Array("Consume","Impression","Click","Rate");//折线的名字
-		var consume=tipLabel[0];
-		for (var i = 0; i < 24; i++) {  //默认的X轴的标签labels显示的是昨天的24个小时
-			flow[0].push(0);//初始值设置为0;
-			flow[1].push(0);//初始值设置为0;
-			flow[2].push(0);//初始值设置为0;
-			flow[3].push(0);//初始值设置为0;
-			if(i<10){
-				labels.push("0" + i);
-			} else {
-				labels.push(i);
-			}
-		}
-	
-		/*
-		*更改日期的函数，所有更改日期的事件都是调用此函数
-		*/
-		function cb(start, end) { 
-			$('#date-range input').val(start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));//将日期显示在input标签里面
-			searchAndDraw(start, end);
-		}
-		/*
-		*查询数据和绘制折线图函数, 只要advertiserId和date改变,就调用此函数重新绘制图形
-		*	@param 开始日期,结束日期
-		*	操作:		更改日期,
-		*			调用searchData函数查询数据
-		*			调用drawDiagram函数绘制折线图
-		*/
-		function searchAndDraw(start, end){
-			if(role == 'agent'){
-				advertiserId = $('#selectedAdvertiserId3').val();
-			}
-			if(advertiserId != null){
-				searchData(advertiserId,start, end);//调用searchData函数查询数据
-			}
-			var data = flow[0];	
-			drawDiagram(labels,data,consume);//调用绘制图表函数，绘制图表
-		}
-		/*
-		*	默认显示昨天,moment.js是时间日期处理插件,基于jquery
-		*/
-		cb(moment().subtract(1, 'days'),moment().subtract(1, 'days'));
-		
-		/*
-		*	显示日历插件,jquery.dateRangePicker.js是双日期选择插件,基于jquery
-		*		仅仅设置语言为cn, 最大选择日期问今天
-		*		绑定一个确定按钮点击事件,回调函数,执行cb函数,更改日期,其实不用改,只不过是为了查询数据和绘制图表
-		*/
-		$('#date-range-picker').dateRangePicker({  
-			language:'cn',
-			endDate:new Date(),
-		}).bind('datepicker-apply', function(evt, obj) {
-			cb(moment(obj.date1), moment(obj.date2));
-		});
-	
-		/*
-		*下拉框广告主改变,调用searchAndDraw重新查询数据绘制图形
-		*/
-		$('#selectedAdvertiserId3').change(function() {
-			var opt = '#selectedAdvertiserId3 option[value=' + $(this).val() + ']';
-			var txt = '趋势图：' + $(opt).html();
-			console.log(txt);
-			$('#chartContent .chart-down .chart-down-left').html(txt);
-			var chooseDate = $('#date-range-picker').val().split(' to ',2);
-			var start = moment(chooseDate[0]);//转换为moment格式
-			var end = moment(chooseDate[1]);//转换为moment格式
-			searchAndDraw(start, end);
-		});
-				
-        /*
-        *发送ajax请求，查询数据
-        * @param 广告主id,开始日期,结束日期 格式为YYYY-MM-DD
-        * 将横坐标日期存储在labels数组中
-        * 将纵坐标数据存储在flow数组中
-        */
-		function searchData(advertiserId,start,end){    
-			//ajax请求的参数：param{advertiserId,startDate,endDate}
-			var param = {
-				"advertiserId" : advertiserId,
-				"startDate" : start.format('YYYY-MM-DD'),
-				"endDate" : end.format('YYYY-MM-DD'),
-			}
-			//发送ajax请求
-			$.ajax({
-				type : 'post',	//请求方式，post
-				data : param,	//请求参数，param
-				url : '${ctx}/advertiser/main/dashboard/chart',	//请求url
-				async : false,	//是否设置为异步请求
-				cache : false,	//是否缓存
-				dataType : 'json',	//数据类型为json
-				success : function(data){ //请求成功回调函数处理，参数为返回回来的json数组
-					//创建消费数，曝光数，点击数，点击率的数组，用于存储返回回来的数据，然后将这些数据存储在flow数组中，用于图表显示
-					var consume = [];
-					var impression = [];
-					var click = [];
-					var clickRate = [];
-					//判断是数据按小时还是天显示
-					if(start.format('YYYY-MM-DD') == end.format('YYYY-MM-DD')){
-						labels = [];//清空labels数组
-						console.log('按小时显示');
-						//如果不是今天
-						if(moment().format('YYYY-MM-DD') != start.format('YYYY-MM-DD')){
-							for(var i=0;i<24;i++){ //循环给消费数，曝光数，点击数，点击率赋值，循环24次
-								if(i<10){
-									labels.push("0" + i);
-								} else {
-									labels.push(i);
-								}
-								$.each(data,function(key,value){//循环遍历返回的数据data,如果data.hour和当前时间点相等，将相应的值付给数组
-									if(value.hour == i){
-										consume[i] = value.totalConsume;
-										impression[i] = value.totalImpression;
-										click[i] = value.totalClick;
-										clickRate[i] = value.clickRate;
-									}
-								});
-								//未赋值，将相应的数组值赋0.
-								if(consume[i] == null){ consume[i] = 0; }
-								if(impression[i] == null){ impression[i] = 0; }
-								if(click[i] == null){ click[i] = 0;	}
-								if(clickRate[i] == null){ clickRate[i] = 0;	}
-							}
-						} else { //如果是今天
-							var now_hour = new Date().getHours();
-							for(var i=0;i<now_hour;i++){ //循环给消费数，曝光数，点击数，点击率赋值，循环24次
-								if(i<10){
-									labels.push("0" + i);
-								} else {
-									labels.push(i);
-								}
-								$.each(data,function(key,value){//循环遍历返回的数据data,如果data.hour和当前时间点相等，将相应的值付给数组
-									if(value.hour == i){
-										consume[i] = value.totalConsume;
-										impression[i] = value.totalImpression;
-										click[i] = value.totalClick;
-										clickRate[i] = value.clickRate;
-									}
-								});
-								//未赋值，将相应的数组值赋0.
-								if(consume[i] == null){ consume[i] = 0; }
-								if(impression[i] == null){ impression[i] = 0; }
-								if(click[i] == null){ click[i] = 0;	}
-								if(clickRate[i] == null){ clickRate[i] = 0;	}
-							}
-						}
-						//如果是昨天或者今天,图表按小时显示数据，后端暂时没有写
-						
-					} else {
-						console.log('按日期显示');
-						labels = []; //清空labels数组
-						var days = moment.duration(end.diff(start,'days'), 'days').asDays(); //计算选择了几天,利用moment.js相关函数
-						for(var i=0;days>=0;i++,days--){ //循环给labels,消费数，曝光数，点击数，点击率赋值，循环days次
-							labels[i] = moment(end).subtract(days, 'days').format('MM-DD');//将选择的日期赋值给label，格式为MM-DD，例如选择过去三天：labels=[09-21,09-22,09-23]						
-							$.each(data,function(key,value){//循环遍历返回的数据data,如果data.reportDate和当前日期相等，将相应的值付给数组
-								if(value.reportDate == moment(end).subtract(days, 'days').format('YYYY-MM-DD')){
-									consume[i] = value.totalConsume;
-									impression[i] = value.totalImpression;
-									click[i] = value.totalClick;
-									clickRate[i] = value.clickRate;
-								}
-							});
-							//未赋值，将相应的数组值赋0.
-							if(consume[i] == null){ consume[i] = 0; }
-							if(impression[i] == null){ impression[i] = 0; }
-							if(click[i] == null){ click[i] = 0;	}
-							if(clickRate[i] == null){ clickRate[i] = 0;	}
-						}
-					}
-					//将消费数，曝光数，点击数，点击率的数组赋值给flow数组的元素
-					flow[0] = consume;
-					flow[1] = impression;
-					flow[2] = click;
-					flow[3] = clickRate;
-				},
-				error : function (XMLHttpRequest, textStatus, errorThrown) { //url请求出错的回调函数
-				    // 通常 textStatus 和 errorThrown 之中
-				    // 只有一个会包含信息
-					console.info('error');
-				    this; // 调用本次AJAX请求时传递的options参数
-				}
-			});
-		}
-		
-		/*
-		*快速设置为(今天 昨天 过去7天 过去30天)
-		*/
-		$('#chartContent  .chart-up .right span.time').click(function(e){ //今天 昨天 过去七天 过去三十天触发函数
-	        e.preventDefault;
-			$('#chartContent  .chart-up .right span').css('color','#344c67');
-			$(this).css('color','#36aeea');
-	        var ind = $(this).index();
-	        switch (ind){
-	            case 0:
-	                cb(moment(),moment());
-	                break;
-	            case 1:
-	                cb(moment().subtract(1, 'days'),moment().subtract(1, 'days'));
-	                break;
-	            case 2:
-	                cb(moment().subtract(7, 'days'),moment().subtract(1, 'days'));
-	                break;
-	            case 3:
-	                cb(moment().subtract(30, 'days'),moment().subtract(1, 'days'));
-	                break;
-	        }
-        });
-		
-		/*
-		*四条折线(消费,曝光数,点击数,点击率),点击切换
-		*/
-		$('#chartContent form input[type="radio"]').click(function(){
-			var n = $(this).val();
-			var data = flow[n];
-			consume = tipLabel[n];
-			var txt = '';
-			if(n == 0){	txt = '消费（元）';	 }	
-			if(n == 1){	txt = '曝光数（次）'; }
-			if(n == 2){	txt = '点击数（次）'; }
-			if(n == 3){	txt = '点击率（%）'; }
-			$('#chartContent .chart-down .chart-down-right').html(txt);
-			drawDiagram(labels,data,consume);
-		});
-		
-		/*
-		*绘制折线图函数
-		*	@param 横坐标数值，纵坐标数值，和折线的名字
-		*/
-		function drawDiagram(labels,data,consume){		
-			$('#chart').highcharts({ 
-				chart: { type: 'line' },
-				title: { text: '' }, //标题
-				//subtitle: { text: 'Source: WorldClimate.com' }, //副标题
-				xAxis: { categories: labels }, 
-				yAxis: { 
-					title: { text: '' }, 
-					plotLines: [{ value: 0, width: 1, color: '#808080' }]
-				}, 
-				tooltip: { crosshairs: true, shared: true }, 
-				legend: { 
-					enabled:false,
-				},
-				credits:{
-					enabled:false,
-				},
-			
-				series: [{ 
-					name: consume, 
-					data: data,
-					color:'#36aeea',
-					marker:{
-						symbol: 'circle',
-						fillColor:'#ffffff',
-						lineColor:'#36aeea',
-						lineWidth: 2,
-						radius: 5,
-					}
-				}]
-			}); 
-		}
-	});
-</script>
-
-<!--切换图表和列表以及下拉框js-->
-<!-- 弹出框插件,bootbox.min.js 依赖bootstrap.min.js -->
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.min.js"></script>
-<script type="text/javascript">
-	$(document).ready(function(){
-		/*以下是下拉框的实现
-		*从session获取角色的类型，判断是代理商还是广告主
-		*	if(role==代理商)
-		*		获取代理商id,调用loadDataForPullDownList函数,请求url,获取代理商下面的广告主名称
-		*	if(role==广告主)
-		*		直接获取广告主名称和id，追加在下拉框下面
-		*/
-		var role = '${role}';//获取角色
-		if(role == "agent"){
-			//这里设置获取该代理商下的广告主，请求的地址后面参数为：?parentId="+agentId;
-			 var agentId = '${userSession.agentId}'; //获取代理商id
-		     var _url = "${ctx}/widget/selector/provide/advertiser?parentId="+agentId; //请求地址
-		     //调用获取代理商下面广告主的方法
-		     loadDataForPullDownList($('#selectedAdvertiserId'), "advertiserList", _url, "全部广告主");
-		     loadDataForPullDownList($('#selectedAdvertiserId2'), "advertiserList", _url, "请选择广告主");
-		     loadDataForPullDownList($('#selectedAdvertiserId3'), "advertiserList", _url, "请选择广告主");
-		}else if(role == "advertiser"){
-			var advertiserName = '${advertiserName}';//广告主名称
-			var advertiserId = '${userSession.advertiserId}';//广告主id
-		    // 这里设置：下拉框的值为advertiserName
-			//清空下拉框列表
-			$('.selectedAdvertiserId').empty();
-			//增加一个列
-			$('.selectedAdvertiserId').append(
-					'<option value=' + advertiserId + '>' + advertiserName + '</option>'
-			);
-			$('#chartContent .chart-down .chart-down-left').html('趋势图：' + advertiserName);
-		}
-		function loadDataForPullDownList(controlView, parentId, url, defaultLabel) {
-			//清空下拉框列表
-			controlView.empty();
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			
-			//json请求,请求地址是url, 返回数据为data,回调函数去处理
-			$.getJSON(url, function(data) {
-				//打印控制台信息
-				//console.log(data);
-				//console.log(data[parentId]);
-				//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-				$.each(data[parentId], function(key, val) {
-					controlView.append(
-						'<option value=' + val.value + '>' + val.label + '</option>'
-					);
-				});
-			});
-			//设置默认显示的列是-1；
-			controlView.val("-1");
-		}
-		
-		/*
-		*切换折线图和图表
-		*/
-		$("#diagramHead span:first-child").click(function(){
-			$("#sheetContent").css("display","none");
-			$("#diagramHead span:first-child").css("border-bottom","1px solid #ffffff");
-			$("#chartContent").css("display","block");
-			$("#diagramHead span:last-child").css("border-bottom","1px solid #d5dee8");
-		});
-		$("#diagramHead span:last-child").click(function(){
-			$("#chartContent").css("display","none");
-			$("#diagramHead span:first-child").css("border-bottom","1px solid #d5dee8");
-			$("#sheetContent").css("display","block");
-			$("#diagramHead span:last-child").css("border-bottom","1px solid #ffffff");
-			var chooseDate = $('#date-range-picker').val().split(' to ',2);
-			var start = chooseDate[0];//转换为moment格式
-			var end = chooseDate[1];//转换为moment格式
-			var advertiserId = $('#selectedAdvertiserId3').val();
-			var param = {
-					'advertiserId':advertiserId,
-					'startDate':start,
-					'endDate':end,
-			};
-			var _url = '${ctx}/advertiser/main/dashboard/list';
-			console.log(param);
-			$.post(_url,param,function(data){
-				$('#sheetContent').html(data);
-			});
-		});
-		
-		/*
-		*根据广告主选择账户余额
-		*	选择一个广告主,发送ajax请求,获取数据
-		*/
-		$('#selectedAdvertiserId').change(function() {
-			 var agentId = '${userSession.agentId}'; //获取代理商id
-			 var advertiserId = $('#selectedAdvertiserId').val();
-			 var param = {};
-			 if(advertiserId == -1) {
-				 param = {
-					'agentId':agentId,
-				 };
-			 } else {
-				 param = {
-					'advertiserId':advertiserId,
-				 };
-			 }
-			//发送ajax请求
-			$.ajax({
-				type : 'post',	//请求方式，post
-				data : param,	//请求参数，param
-				url : '${ctx}/advertiser/main/dashboard/findCompareAjax',	//请求url
-				async : false,	//是否设置为异步请求
-				cache : false,	//是否缓存
-				dataType : 'json',	//数据类型为json
-				success : function(data){ //请求成功回调函数处理，参数为返回回来的json数组
-					$('#accountBalance .data-down').text(data.balance);
-					$('#exposure .data-down').text(data.totalImpression);
-					$('#click .data-down').text(data.totalClick);
-				},
-				error : function (XMLHttpRequest, textStatus, errorThrown) { //url请求出错的回调函数
-					console.info('error');
-				}
-			});
-		});
-		
-		/*
-		*根据广告主id创建订单
-		*/
-		$('#content-right button').click(function(){
-			var advertiserId = null;
-			//判断是广告主还是代理商
-			if(role == "advertiser"){
-				advertiserId = '${userSession.advertiserId}';
-			} else {
-				advertiserId = $('#selectedAdvertiserId2').val();
-			}
-			//如果没有选择广告主,弹出提示
-			if((advertiserId == -1) || (advertiserId == null)){
-				bootbox.alert('请选择广告主');
-			} else {
-				var _href = $(this).attr('href') + '?advertiserId=' + advertiserId;
-				window.location.assign(_href);
-			}
-		});
-	});
-</script>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/advertiser/main/finance/finance-data/allocation.ftl

@@ -1,16 +1,18 @@
 <@override name="head">
 	<title>财务管理</title>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/public-head.css"/>
-	<link href="${ctx}/assets/advertiser/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/authority.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/bootstrap.min.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/advertiser/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
+	<link href="${ctx}/assets/css/font-awesome.min.css" rel="stylesheet"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
+	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
+	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/finance.js"></script>
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
 	<style>
 		.spanVaildate{
 			margin:3px 0 0 30px;
@@ -38,7 +40,7 @@
 			});
 			
 			$("#allocate").blur(function(){
-				validateMoney();
+				validateMoney($("#allocate"),$("#agentBalance").val(),"分配金额","当前余额");
 			});
 			
 			$("#formPage").autovalidate();
@@ -48,7 +50,7 @@
 				if (!$("#formPage").validate()) {
 					return false;
 				}
-				var falg = validateMoney();
+				var falg = validateMoney($("#allocate"),$("#agentBalance").val(),"分配金额","当前余额");
 				if(falg == false){
 					return false;
 				}
@@ -68,28 +70,6 @@
 			});
 		});
 		
-		function validateMoney(){
-			var reg=/^\d{1,8}\.?\d{0,2}$/;
-			if($("#allocate").val().match(reg)!=null){
-				if(($("#allocate").val().indexOf('.') == -1 && $("#allocate").val().length > 8) || $("#allocate").val() <= 0){
-					$("#allocate").css("box-shadow","0 0 6px red").attr('title','分配金额必须大于0且整数位最多8位');
-					$("#allocate").parent("div").find("span.spanVaildate").html("分配金额必须大于0且整数位最多8位");
-					return false;
-				}else if($("#allocate").val()>parseInt($("#agentBalance").val())){
-					$("#allocate").css("box-shadow","0 0 6px red").attr('title','分配金额必须小于等于当前金额');
-					$("#allocate").parent("div").find("span.spanVaildate").html("分配金额必须小于等于当前金额");
-					return false;
-				}else{
-					$("#allocate").css("box-shadow","none").attr('title','');
-					$("#allocate").parent("div").find("span.spanVaildate").html("");
-				}
-			}else{
-				$("#allocate").css("box-shadow","0 0 6px red").attr('title','分配金额必须大于0整数位最多8位且最多有2位小数');
-				$("#allocate").parent("div").find("span.spanVaildate").html("分配金额必须大于0整数位最多8位且最多有2位小数");
-				return false;
-			}
-		}
-		
 	</script>
 	
 </@override>

src/main/webapp/WEB-INF/pages/advertiser/main/finance/finance-data/financelist.ftl

@@ -1,16 +1,16 @@
 <@override name="head">
 	<title>财务管理</title>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/public-head.css"/>
-	<link href="${ctx}/assets/advertiser/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/authority.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/bootstrap.min.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/advertiser/css/regionReport.css">
+	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
+	<link href="${ctx}/assets/css/font-awesome.min.css" rel="stylesheet"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/zbone.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/authority.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"/>
+	<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/regionReport.css">
 	
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/advertiser/js/report.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 	
 	<script type="text/javascript" >
 	

src/main/webapp/WEB-INF/pages/advertiser/main/public-head.ftl

@@ -1,8 +1,8 @@
 <div id="top">	
     <div id="logoa">
-	<img class="logo1" src="${ctx}/assets/advertiser/images/datacross.png">		
-	<img class="logo2" src="${ctx}/assets/advertiser/images/cut-off-rule.png">		
-	<img class="logo3" src="${ctx}/assets/advertiser/images/wificross.png">	
+	<img class="logo1" src="${ctx}/assets/images/datacross.png">		
+	<img class="logo2" src="${ctx}/assets/images/cut-off-rule.png">		
+	<img class="logo3" src="${ctx}/assets/images/wificross.png">	
 	</div>	
 	<ul class="nav">
 		<li><a href="${ctx}/advertiser/main/dashboard"><span>首页</span></a></li>
@@ -27,7 +27,12 @@
 			<li><a href="${ctx}/logout" selectid="2">退出登录</a></li>       
 		</ul>
 		</ul>
-		<input name="" type="hidden" value="" id="input-top"/>
+		<input type="hidden" value="${ctx!}" id="ctx"/>
+		<input type="hidden" id="role" value="${role!}"/>
+		<input type="hidden" id="agentId" value="${userSession.agentId!}"/>
+		<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId!}"/>
+		<input type="hidden" id="sessionadvertiserName" value="${advertiserName!}"/>
+		<input type="hidden" id="sessionoperatorId" value="${userSession.operatorId!}"/>
 	</div>    		
 </div>	
 <script type="text/javascript">

src/main/webapp/WEB-INF/pages/back/main/ad/message/list.ftl

@@ -6,9 +6,9 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report.ftl

@@ -1,887 +1,162 @@
 <@override name="head">
 <title>总体报表</title>
 <link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
-<link rel="stylesheet" href="${ctx}/assets/back/css/zone.css"/>
-<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
 <link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-
-<!-- 下拉框js -->
-
-<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	function loadDataForPullDownList2(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedZoneId}==val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedZoneId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	//调用loadDataForPullDownList，给广告位准备数据
-	function loadZone(operatorId) {
-		loadDataForPullDownList2($('#selectedZoneId'), "zoneList", "/ssp_web_back/widget/selector/provide/zone?parentId=" + operatorId, "全部广告位");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		p=${selectedOperatorId};
-		//alert(p);
-		loadZone(p);
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			clearPullDownList($('#selectedZoneId'), "全部广告位");
-			var id = $(this).val();
-			loadZone(id);
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			$(".adver-choose  input[name=zoneId]").val(null);
-			
-			transcalender();
-		});	
-		//广告位value change调用此函数， 清除活动列表和策略列表
-		$('#selectedZoneId').change(function() {
-			var id = $(this).val();
-			if(id == -1){
-				$(".adver-choose  input[name=selectedZoneId]").val(null);
-			} else {
-				$(".adver-choose  input[name=selectedZoneId]").val(id);
-			}
-			transcalender();
-		});	
-});	
-		
-</script>
-<script type="text/javascript">
-        	$(document).ready(function(){
-			$("#pv1").removeClass().addClass('ffenlchange');
-			$("#pvname1").removeClass().addClass("ffenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("ffenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	  		$("#pv1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#pv1").removeClass().addClass('ffenlchange');
-				$("#pvname1").removeClass().addClass("ffenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#uv1").removeClass().addClass('ffenlchange');
-				$("#uvname1").removeClass().addClass("ffenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#bgs1").removeClass().addClass('ffenlchange');
-				$("#bgsname1").removeClass().addClass("ffenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-	  			})	
-	  			
-	  		$("#djs1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#djs1").removeClass().addClass('ffenlchange');
-				$("#djsname1").removeClass().addClass("ffenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart5").hide(); 
-	  			})				
-	
-	  			$("#shr1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#shr1").removeClass().addClass('ffenlchange');
-				$("#shrname1").removeClass().addClass("ffenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart5").show(); 
-	  			})	
-	  				
-	  		});
-	  		
-			
-	  			
-</script>
-
-<script type="text/javascript">
-			 
-		 //将毫秒转化为日期
-			function getDate(tm){ 
-					var tt=new Date(parseInt(tm)).toLocaleDateString();
-				
-					return tt; 
-			} 
- 
-			function getele1(){
-					try{
-		  				var d=document.getElementsByName("hr");
-		  				var c=[];
-		  				var e=[];
-		  				for(i=0;i<=d.length;i++){
-		  					c[i]=d[i].childNodes[0].nodeValue;
-		  					e[i]=c[i];
-		  				}
-		  				
-		  			}
-					catch(e){}
-					return c;
-			}
-		
-$(function () {
-
-			u=${startDate};
-			v=${endDate}; 	
-			if(u==v){
-							var m=getele1();
-							n=24;
-							var color=[];
-							for(i=0;i<n;i++){
-								color[i]='red';
-							}
-							n1=n*6;
-							var xlabel=[];		
-							var j=0;
-								for(i=0;i<n1;i+=6){
-										xlabel[j]=m[i];
-										j++;
-								}
-							//	alert(xlabel);
-						   //取y轴
-							var uv=[];
-							var j=0;
-							for(i=2;i<n1;i+=6){
-									uv[j]=parseFloat(m[i]);
-								 j++;
-							}
-							var pv=[];
-							var j=0;
-							for(i=1;i<n1;i+=6){
-									pv[j]=parseFloat(m[i]);
-									 j++;
-							}							
-							var adbaoguang=[];
-							var j=0;
-							for(i=3;i<n1;i+=6){		
-									adbaoguang[j]=parseFloat(m[i]);
-									j++;
-							}
-							var adclick=[];
-							var j=0;
-							for(i=4;i<n1;i+=6){
-									adclick[j]=parseFloat(m[i]);
-									j++;
-							}
-							var shouru=[];
-							var j=0;
-							for(i=5;i<n1;i+=6){
-									shouru[j]=parseFloat(m[i]);
-								   j++;
-							}	
-							setinterval=1;			
-	}else{
-					var selectedOperatorId=$(".media-choose  input[name=selectedOperatorId]").val();
-				 	var selectedZoneId=$(".adver-choose  input[name=selectedZoneId]").val();
-				 	if(selectedZoneId==null){selectedZoneId=-1}
-					var dateRangePicker=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/listChartData?dateRangePicker="+dateRangePicker+"&selectedOperatorId="+selectedOperatorId+"&selectedZoneId="+selectedZoneId;
-					var pv = [];
-					var uv = [];
-					var adbaoguang = [];
-					var adclick = [];
-					var shouru = [];
-					var xlabel = []
-					var k = 0;
- 					$.ajaxSettings.async = false; //getJSON同步执行
-					$.getJSON(url, function(data) {
-						$.each(data, function(key, val) {
-	
-						   		xlabel[k] = val.reportDate;
-						   		xlabel[k] = getDate(xlabel[k]);
-								pv[k] = val.pv;
-								uv[k] = val.uv;
-								adbaoguang[k] = val.impression;
-								adclick[k] = val.click;
-								shouru[k] = val.income;
-								k++;
-							});	
-						});	
-					setinterval=parseInt(xlabel.length/10);										
-}			
-    $('#linechart1').highcharts({
-        title: {
-            text: 'PV',
-          
-        },
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-               color: '#36aeea'
-           }]
-        },
-        
-        legend: {
-           layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [{
-            name: 'PV',
-            data: pv,
-            color:'#36aeea'
-        }]
-    });
-    $('#linechart2').highcharts({
-        title: {
-            text: 'UV',
-        },
-        xAxis: {
-            categories:xlabel,
-             tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: 'UV',
-            data: uv,
-            color:'#36aeea'
-        }]
-    });
-     $('#linechart3').highcharts({
-        title: {
-            text: '广告曝光数',
-        },
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '广告曝光数',
-            data: adbaoguang,
-            color:'#36aeea'
-        }]
-    });
-     $('#linechart4').highcharts({
-        title: {
-            text: '广告点击数',
-        },
-        xAxis: {
-            categories: xlabel,
-             tickInterval: setinterval 
-        },
-        yAxis: {
-          
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '广告点击数',
-            data: adclick,
-            color:'#36aeea'
-        }]
-    });
-    
-     $('#linechart5').highcharts({
-        title: {
-            text: '收入',
-        },
-       
-        xAxis: {
-            categories: xlabel,
-             tickInterval: setinterval 
-        },
-        yAxis: {
-          
-            plotLines: [{
-                value: 0,
-                width: 1,
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '收入',
-            data: shouru,
-            color:'#36aeea'
-        }]
-    });
-});
-						   		
-</script>
-<script src="${ctx}/assets/back/js/highcharts.js"></script>
-<script src="${ctx}/assets/back/js/exporting.js"></script>
-<script type="text/javascript">
-function transcalender(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-					var page = $("#page").val();
-					a=$(".media-choose  input[name=selectedOperatorId]").val();
-				 	c=$(".adver-choose  input[name=selectedZoneId]").val();
-				 	if(c==null){c=-1}
-				 	//如果b为空，默认为昨天的
-				 	if($("#dateRangePicker").val()==""){
-				 	$(".yesterday").trigger("click");
-				 	}
-				 	b=$("#dateRangePicker").val();
-				 	//判断是否超过一年
-				 	var outyear=b.split("to",1);
-					outyear = outyear[0].replace(/-/g,"/");  
-				 	var yeartomi = (new Date(outyear)).getTime();
-				 	var todaydate1 = new Date();
-				 	todaydate = todaydate1.getTime();
-				 	if(todaydate-yeartomi<=31536000000){
-					 	url = "${ctx}/back/main/ad/operator/operator-report?dateRangePicker=" + b+"&selectedZoneId="+c+"&page="+page+"&selectedOperatorId="+a; 
-				 	
-				 	}else{
-				 		alert("您好，请选择一年之内的时间！");
-				 		$(".yesterday").trigger("click");
-				 		var date = $("#dateRangePicker").val();
-					 	url = "${ctx}/back/main/ad/operator/operator-report?dateRangePicker="+date+"&selectedZoneId="+c+"&page="+page+"&selectedOperatorId="+a; 	
-				 	}
-				 	console.log(url); 
-					location.href = url;
-}
-function transdaochu(){
-					var url = ""; 
-					a=$(".media-choose  input[name=selectedOperatorId]").val();
-				 	c=$(".adver-choose  input[name=selectedZoneId]").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/back/main/ad/operator/operator-report/exportDataReportExcel?dateRangePicker=" + b+"&selectedZoneId="+c+"&selectedOperatorId="+a;  
-				 	location.href = url;
-}
-
-</script>	
- <style type="text/css">
- 		 #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: none;
-            margin-top: 1px;
-            height: 17px;
-            padding: 0px;
-            font-size:14px;          
-        }
-        .icon-calendar{
-            margin-left:6px;
-           // border: 1px solid black;
-            margin-top: 6px;       
-        }
-       select {
-       		position:relative;
-       		left:-2px;
-       		top:-2px;
-       		font-size:12px;
-       		width:183px;
-       		line-height:14px;
-       		border:1px solid #dfdfdf;
-       	
-       		color:#4c637b;} 
-      .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-       	.adver-choose{
-       		float:left;
-       		}
-
-#pagecontent{
-	height:1000px;
-
-
-}
-select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }
-     #selectedZoneId{
-     	width:150px;
-     	border:none;
-     	border-radius:5px;
-     	height:30px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-
-
-
-   </style>
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
-
 <@override name="body">
-   <div id=content_bg>
-	<#include "/back/main/public-head.ftl">
-    <div id= "pagecontent">
-   		<div id="page-edit">
-		    <div id="second">
-					<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-					<div></div>
-				
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
 		    </div>
-		 
-</br>
-<br>
-<br> 
- 			 <div id="third">
-			         <ul>
-			         <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页&nbsp;&nbsp;</a>
-				     <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			         <li style="color: #4c637b;">&nbsp;&nbsp;数据报表</li>
-			         
-			         </ul>  
- 			 </div>  
-   
-</br>
-  <br>  
-    <div id="form">
-        <form id="myform" action="${ctx}/back/main/ad/operator/operator-report" method="post">	
-        <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-		 <div class="control-group control-group-lfet">	
-				<div class="controls-reset">
-							<div class="row-fluid input-append date row-fluid-revise">
-							    <div class="controls-reset">
-							    	<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-									</div>
-							    	<div class="adver-choose">
-											<select id="selectedZoneId" name="selectedZoneId" >
-											<option value="-1">全部广告位</option>
-											</select>
-											<input type="hidden" id="aa"  name="selectedZoneId" value="${selectedZoneId!}"/>
-									</div>
-									<div class="calder">
-										<div class="singlechoo">
-											<span class="help-inline">
-												<a class="today da">今天</a> |
-												<a class="yesterday da">昨天</a> |
-												<a class="lastSevenDays da">前七天</a> |
-												<a class="lastWeek da">上周</a> |
-												<a class="thisMonth da">本月</a> |
-												<a class="lastMonth da">上月</a> 
-									  		</span>
-								  		</div>
-										<div class="widthdate">
-										
-										<span id="tex"><i class="icon-calendar"></i>   
-											<input  type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-								        </span>
-			   							</div>	
-			   							<div class="widthcheck">
-			   								 <button onclick="transcalender()" style="float:right" class="check_cal" id="check_cal ">查询</button>
-										</div>	
-									</div>
-						    
-							</div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>数据报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
+					<ul id="main_zoneListUl">
+						<li class="select_box" id="zoneListUl_box">
+							<span id="zoneListUl_span">${selecteddimensionName!}</span>
+							<ul class="son_ul" id="son_zoneListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedZoneId" id="selectedZoneId" value="${selectedZoneId!}">
+					<input type="hidden" name="selectedZoneName" id="selectedZoneName" value="${selectedZoneName!}">
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
 				</div>
-		</div>
-
-			 		 <div class="ffenall">	
-					   		
-					   		<div  id="pv1" class="ffenl">
-					   			<div id="pvname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;PV</div>
-					   			<div id="pvdata1" class="ffenldata">${sumReport.pv}</div>
-					   		</div>
-					   		<div  id="uv1" class="ffenl">
-					   			<div id="uvname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;UV</div>
-					   			<div id="uvdata1" class="ffenldata">${sumReport.uv}</div>
-					   		</div>
-					   		<div id="bgs1" class="ffenl">
-					   			<div id="bgsname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;广告曝光数</div>
-					   			<div id="bgsdata1"  class="ffenldata">${sumReport.impression}</div>
-					   		</div>
-					   		
-					   		<div id="djs1" class="ffenl">
-					   			<div id="djsname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;广告点击数</div>
-					   			<div  id="djsdata1" class="ffenldata">${sumReport.click}</div>
-					   		</div>
-					   		
-					   		<div id="shr1" class="ffenl">
-					   			<div id="shrname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;收入</div>
-					   			<div id="shrdata1" class="ffenldata">${sumReport.income}</div>
-					   		</div>
-					   	</div>
-	   	
-			         <div class="chart_index"> 
-			         	 <div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					 </div>
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig1" id="tablefig">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-			                    <th class="td1"  style="text-align:center; width:10%">日期</th>
-			                    <th class="td1" style="text-align:center; width:10%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:10%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:10%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:10%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:10%" >收入</th>
-			                </tr> 
-			                </thead>
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-				                <tr id="tr22">
-				                    <td class="td2" id="tdriqi" style="text-align:center;">${report.reportDate?string('yyyy/MM/dd')}</td> 
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.pv!}</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		           	<div class="hourrpt">
-				 	   <#if rptZoneHourList ??>
-			                <#list rptZoneHourList as hourrpt>
-				                <div id="tr22">
-				                  	 <div name="hr" >${hourrpt.hour!}</div>
-				                    <div name="hr" >${hourrpt.pv!}</div>
-				                    <div name="hr" >${hourrpt.uv!}</div>
-				                    <div name="hr" >${hourrpt.impression!}</div>
-				                    <div name="hr" >${hourrpt.click!}</div>
-				                    <div name="hr" >${hourrpt.income!}</div>
-				                </div>
-				                </#list>  
-			            </#if>
-				 	</div>
-		            <div id="daochu" >
-							<!--<button class="btn2" >导出Excel</button>-->
-							<a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-					
+				<div id="content_dataFrame">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="dataFrame0" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">PV</div>
+					   	<div class="dataFrame_data">${sumReport.pv}</div>
 					</div>
-					<div id="pagemove">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
+					<div id="dataFrame1" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">UV</div>
+					   	<div class="dataFrame_data">${sumReport.uv}</div>
 					</div>
-				 
-	     
-         </form>
-	  </div>        
-	 </div>       
+					<div id="dataFrame2" class="dataFrame dataFrame_style">
+						<div class="dataFrame_name">广告曝光数</div>
+					   	<div class="dataFrame_data">${sumReport.impression}</div>
+					</div>
+					<div id="dataFrame3" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">广告点击数</div>
+					   	<div class="dataFrame_data">${sumReport.click}</div>
+					</div>
+					<div id="dataFrame4" class="dataFrame dataFrame_last_style">
+					   	<div class="dataFrame_name">收入</div>
+					   	<div class="dataFrame_data">${sumReport.income}</div>
+					</div>
+				</div>
+				<div id="chartDivs" value="total"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>	
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:15%">日期</th>
+			                <th class="theadTh" style="width:7%">PV</th>
+			                <th class="theadTh" style="width:6%">UV</th>
+			                <th class="theadTh" style="width:8%">广告曝光数</th>
+			                <th class="theadTh" style="width:8%">广告填充率</th>
+			                <th class="theadTh" style="width:8%">广告点击数</th>
+			                <th class="theadTh" style="width:8%">广告点击率</th>
+			                <th class="theadTh" style="width:7%">eCPM</th>
+			                <th class="theadTh" style="width:8%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd">${report.reportDate!?string('yyyy/MM/dd')}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		     	<div id="hourrpt">
+					<#if rptZoneHourList ??>
+			        <#list rptZoneHourList as hourrpt>
+				    <div id="tr22">
+				    	<div name="hr">${hourrpt.hour!}</div>
+				        <div name="hr">${hourrpt.pv!}</div>
+				        <div name="hr">${hourrpt.uv!}</div>
+				        <div name="hr">${hourrpt.impression!}</div>
+				        <div name="hr">${hourrpt.click!}</div>
+				        <div name="hr">${hourrpt.income!}</div>
+				    </div>
+				   	</#list>  
+			        </#if>
+				</div>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('total','${ctx}/back/main/ad/operator/operator-report/exportDataReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
     </div>
-  </div>
-  <script type="text/javascript" src="${ctx}/assets/back/js/bootstrap-datepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/bootstrap-timepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/bootstrap-datetimepicker.zh-CN.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/daterangepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/jquery.autosize-min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/jquery.maskedinput.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/jquery.dataTables.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/jquery.dataTables.bootstrap.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-   $('.controls-reset .help-inline a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    </script>   
-    
-<script type="text/javascript">
-//控制页码
-      $('#dateRangePicker').dateRangePicker();
-      $(function(){
-      	$('#pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			//$('#check_cal').click();//触发搜索
-			transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$(".singlechoo .help-inline a").click(function(){
-	  		$(".singlechoo .help-inline a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-</script>    
-		     
-
-<!-- basic scripts -->
-
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/apmac.ftl

@@ -1,40 +1,139 @@
-<html>
-<body>
-<table border="1" class="tablefig1" id="tablefig">
-				        	<thead>
-				            	<tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-				                	
-				                    <th class="td1"  style="text-align:center; width:5%">热点</th>
-				                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-				                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-				                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-				                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-				                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击数</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击率</th>
-				                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-				                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-				                </tr> 
-				           	</thead>
-							<tbody>
-				            <#if reportList ??>
-				            <#list reportList as report>
-				            	<tr id="tr22">
-					               
-					                <td class="td2" id="tdriqi" style="text-align:center;">${report.apmac!}</td> 
-					                <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-					                <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-					                <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-					                <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-					                <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-					                <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-					                <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					             </tr>
-					             </#list>  
-				                 </#if>
-				             </tbody>
-			           	</table>
-</body>
-</html>
+<@override name="head">
+<title>热点报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+</@override>
+<@override name="body">
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>热点报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/apmac" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
+					
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">热点</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.apmac!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('apmac','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
+</@override>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/areal.ftl

@@ -1,27 +1,20 @@
 <@override name="head">
-	<title>地域报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/regionReport.css">
-	<link href="${ctx}/assets/back/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
-	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
-	
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/zbcc.js"></script>
-<script src="${ctx}/assets/back/js/highcharts.js"></script>
-<script src="${ctx}/assets/back/js/exporting.js"></script>
-  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script> 
-<script type="text/javascript" src="${ctx}/assets/back/js/drilldown.js"></script> 
+<title>地域报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
 
-	<script type="text/javascript">
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+
+<script type="text/javascript">
 		$(function(){
 			
 			$("#img-city").live("click",function(){
@@ -30,14 +23,14 @@
 				if(img.attr("type") == "close"){
 					$.ajax({
 				    	type:"POST",
-				    	url:"${ctx}/back/main/ad/operator/operator-report/city",
-				    	data:{cn:cnName,page:$("#page").val(),dateRangePicker:$("#dateRangePicker").val(),selectedOperatorId:${selectedOperatorId}},
+				    	url:"${ctx}/back/main/ad/operator/operator-report/arealCtiy",
+				    	data:{cnName:cnName,page:$("#page").val(),dateRangePicker:$("#dateRangePicker").val()},
 				    	success:function(data){
 				    		var html = "";
 				    		if(data.length >0){
 				    			for(var i = 0;i<data.length;i++){
 				    				html += '<tr id='+cnName+' class="changeColor" style="background-color:#CCCCCC;">';
-				    				html += '<td class="td2" id="tdriqi" style="text-align:center;margin-left:20px;"><img src="${ctx}/assets/back/images/defaultLeaf.gif" style="position: relative;top:-2px;left:-5px;"/>'+data[i].cn_city+'</td>';
+				    				html += '<td class="td2" id="tdriqi" style="text-align:center;margin-left:20px;"><img src="${ctx}/assets/operator/images/defaultLeaf.gif" style="position: relative;top:-2px;left:-5px;"/>'+data[i].cn_city+'</td>';
 				    				html += '<td class="td2" id="tdriqi" style="text-align:center;">'+data[i].viewRate+'%</td>';
 				    				html += '<td class="td2" id="tdriqi" style="text-align:center;">'+data[i].pv+'</td>';
 				    				html += '<td class="td2" id="tdriqi" style="text-align:center;">'+data[i].uv+'</td>';
@@ -51,391 +44,125 @@
 				    			}
 				    		img.parents('tr').after(html);
 				    		}
-				    		img.attr("src","${ctx}/assets/back/images/folderOpen.gif");
+				    		img.attr("src","${ctx}/assets/images/folderOpen.gif");
 				    	}     
 					});	
 					img.attr("type","open");
 				}else if(img.attr("type") == "open"){
 				    $('tr').remove("#"+cnName);//删除id为cname的所有 tr
-				    img.attr("src","${ctx}/assets/back/images/folderClose.gif");
+				    img.attr("src","${ctx}/assets/images/folderClose.gif");
 				    img.attr("type","close");
 					//location.href = "${ctx}/back/main/ad/operator/operator-report/areal";
 				}
 			});
 			
-			// 分页中超链接跳转
-			$('#pagecontent .pagination ul li a[href]').live('click' ,function(){
-				var _page = $(this).attr('href').substr(1);
-				var _form = $('#formPage');
-				_form.find('input:hidden[name="page"]').val(_page);
-				_form.submit();
-				return false;
-			});
     	});
     	
     	//到处execl
-		function exportExcel(){
+		function exportExcel_areal(){
 			if($("#dateRangePicker").val()!=""){
-				$("#exportExcel").attr("href","${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?location=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedOperatorId="+$("#selectedOperatorId").val());
+				$("#exportExcel").attr("href","${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?location=1&dateRangePicker="+$("#dateRangePicker").val());
 			}else{
-				$("#exportExcel").attr("href","${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?location=1&selectedOperatorId="+$("#selectedOperatorId").val());
+				$("#exportExcel").attr("href","${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?location=1");
 			}
 		};
 	</script>
-    	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			$('#sign').click();
-		});	
-	
-});	
-		
-</script>
- <style type="text/css">
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: none;
-            margin-top: 8px;
-            height: 17px;
-            padding: 0px;
-            font-size:14px;
-            margin-left:23px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-       #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36AEEA none repeat scroll 0px 0px;
-            cursor: pointer;
-            margin-left: 5px;
-            margin-top: -4px;
-            height: 21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-  .media-choose{
-       		float:left;
-       		margin-left:-15px;
-       		}
-       #pagecontent{
-		height:1000px;
-	  }  
-	   select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }		
-    </style>
+
 </@override>
 <@override name="body">
 <div id=content_bg>
-	<#include "/back/main/public-head.ftl">
-    <div id= "pagecontent">
-   		<div id="page-edit">
-    		
-		    
-		     <div id="second">
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-					<div class="report6all  re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-					<div></div>
-				
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
 		    </div>
-			</br>
-			<br><br>  	    
-   			<div id="third">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic_areal" style="background-image:none;"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">地域报表</li>
-			    </ul>  
- 			</div> 
- 			
-			<form id="formPage" action="${ctx}/back/main/ad/operator/operator-report/areal" method="post">
-	    		<div id="date">
-	    			<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-					</div>
-					<span id="date-one">
-						<a class="today da">今天</a>|
-						<a class="yesterday da">昨天</a>|
-						<a class="lastSevenDays da">前七天</a>|
-						<a class="lastWeek da">上周</a>|
-						<a class="thisMonth da">本月</a>|
-						<a class="lastMonth da">上月</a> 
-					</span>
-					<span id="tex"><i class="icon-calendar" style="background-image:none;"></i>
-					<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
-			   		</span>
-			   		<input id="sign" type="submit" value="查询"/>
-			  </div>
-			 <input type="hidden" id="page" name="page" value="${pager.page}">
-		  	 <div id="fig_areal">
-				<table border="1" class="tablefig1" id="tablefig">
-					<thead>
-						<tr class="tr1"  id ='tr11' background:"#f2f6fa">
-							
-		                    <th class="td1" style="text-align:center; width:5%">地域</th>
-		                    <th class="td1" style="text-align:center; width:7%">浏览量占比</th>
-		                    <th class="td1" style="text-align:center; width:6%">PV</th>
-		                    <th class="td1" style="text-align:center; width:6%">UV</th>
-		                    <th class="td1" style="text-align:center; width:9%">广告曝光数</th>
-		                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-		                    <th class="td1" style="text-align:center; width:9%">广告点击数</th>
-		                    <th class="td1" style="text-align:center; width:9%">广告点击率</th>
-		                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-		                    <th class="td1" style="text-align:center; width:8%">收入</th>
-						</tr>
-					
-					</thead>
-					<tbody>
-					<#if reportList ??>
-		            <#list reportList as report>
-						<tr id="tr22">
-			       
-			                <td class="td2" id="tdriqi" style="text-align:center;"><img id="img-city" type="close" value="${report.cn!}" src='${ctx}/assets/back/images/folderClose.gif' style="position: relative;top:-2px;left:-5px;cursor:pointer;"/>${report.cn!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.viewRate!}%</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.pv!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.uv!}</td>  
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.impression!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.fillRate!}%</td> 
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.click!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.clickRate!}%</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.eCpm!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.income!}</td>
-			            </tr>
-					</#list>
-					</#if>
-					</tbody>
-				</table>
-	        </div>
-	       
-			<div id="daochu_areal" >
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
-			</div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>地域报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/areal" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+		 		<div id="content_choose">
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
 						
-			<div id="pagemove_areal">
-							<div id="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-			</div>
-        </form>
-        </div>
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">地域</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd"><img id="img-city" type="close" value="${report.cn!}" src='${ctx}/assets/images/folderClose.gif' style="position: relative;top:-2px;left:-5px;cursor:pointer;"/>${report.cn!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel_areal()">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
     </div>
 </div>
 </@override>
-<@extends name="/common/simple.ftl"/>
- 	     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    
-</script>
-
-<script type="text/javascript">
-  
-  //  var $tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body');
-    $('#dateRangePicker').dateRangePicker();
-    $(function(){
-      	$('#pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			//transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$("#date-one a").click(function(){
-	  		$("#date-one a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-    
-</script>
-		     
-		     
-
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/place.ftl

@@ -1,1268 +1,139 @@
 <@override name="head">
-	<title>场景报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
-	<link rel="stylesheet" href="/ssp_operator/assets/back/css/indexpage.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-	<link href="${ctx}/assets/back/css/font-awesome.min.css" rel="stylesheet"/ rel="stylesheet">
-	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.n2.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.validate.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script src="${ctx}/assets/back/js/highcharts.js"></script>
-	<script src="${ctx}/assets/back/js/exporting.js"></script>
- 	<script type="text/javascript" src="${ctx}/assets/back/js/data.js"></script> 
- 	<script type="text/javascript" src="${ctx}/assets/back/js/drilldown.js"></script> 
-
-<script type="text/javascript">
-
-        	$(document).ready(function(){
-			$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})		
-	  		});
- </script>
-<!--控制柱状图取值-->			
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-						}
-					catch(e){}
-					return c;
-	}
-
-$(function () {
-			b=$("#dateRangePicker").val();
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n2=10;
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				if(m[i]!=null){
-				xlabel[j]=m[i];
-				}
-				   j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-     $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-</script>
-    <style type="text/css">
-        #tex{
-            border: 1px solid #DFDFDF;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: medium none;
-            margin-top: 4px;
-            padding: 0px;
-            font-size: 14px;
-            height: 15px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #67BA2F none repeat scroll 0% 0%;
-            cursor: pointer;
-            margin-left: 3px;
-            height: 21px;
-            display: inline;
-            font-size: 14px;
-            margin-top: -6px;
-        }
-        .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-        #pagecontent{
-		height:1000px;
-	  } 
-	   select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }		
-    </style>
-    	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			transcalender();
-		});	
-	
-});	
-		
-</script>
-    <script type="text/javascript">
-function transdaochu(){
-					var url = ""; 
-					c=$("#selectedOperatorId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?place=1&dateRangePicker="+b+"&selectedOperatorId="+c;  
-				 	location.href = url;				 	
-}
-function transcalender(){
-					var url = ""; 
-					a=$("#selectedOperatorId").val();
-				 	b=$("#dateRangePicker").val();
-				 	var page = $('#myform').find('input:hidden[name="page"]').val();
-				 	url = "${ctx}/back/main/ad/operator/operator-report/place?dateRangePicker=" + b+"&page="+page+"&selectedOperatorId="+a; 
-				 	console.log(url); 
-				 	location.href = url;
-}
-</script>
+<title>场景报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
-	<#include "/back/main/public-head.ftl">
-    	<div id= "pagecontent">
-    		<div id="page-edit">
-		    <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-				<div></div>
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
 		    </div>
-			<br><br><br>	   
-
-			<div id="third">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">场景报表</li>
-			    </ul>  
- 			</div>  
-			<br></br>			 
-
-    		<div id="form">
-	    		<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/place" method="post">
-	    		<input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">
-					<div id="date">
-						<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-									</div>
-				    	<span id="date-one">&nbsp;
-							<a class="today da">今天</a> |
-							<a class="yesterday da">昨天</a> |
-							<a class="lastSevenDays da">前七天</a> |
-							<a class="lastWeek da">上周</a> |
-							<a class="thisMonth da">本月</a> |
-							<a class="lastMonth da">上月</a>
-						</span>
-						<span id="tex"><i class="icon-calendar"></i>
-						<input class="inputrili" type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-				        </span>
-				         <button onclick="transcalender()" style="float:right" class="check_cal_place" id="check_cal_place">查询</button>
-						
-		      		</div>
-				 	
-				   <div class="chart"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>场景报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/place" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
 					
-					 <div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>	
-					<div class="fig">
-				    	<table border="1" class="tablefig1" id="tablefig">
-				        	<thead>
-				            	<tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-				                	
-				                    <th class="td1"  style="text-align:left; width:10%">&nbsp;&nbsp;&nbsp;&nbsp;场景</th>
-				                    <th class="td1" style="text-align:center; width:10%" >浏览量占比</th>
-				                    <th class="td1" style="text-align:center; width:10%" >PV</th>
-				                    <th class="td1" style="text-align:center; width:10%" >UV</th>
-				                    <th class="td1" style="text-align:center;  width:10%" >广告曝光数</th>
-				                    <th class="td1" style="text-align:center; width:10%">广告填充率</th>
-				                    <th class="td1" style="text-align:center; width:10%">广告点击数</th>
-				                    <th class="td1" style="text-align:center; width:10%">广告点击率</th>
-				                    <th class="td1" style="text-align:center; width:10%">eCPM</th>
-				                    <th class="td1" style="text-align:center; width:10%" >收入</th>
-				                </tr> 
-				           	</thead>
-							<tbody>
-				            <#if reportList ??>
-				            <#list reportList as report>
-				            	<tr id="tr22">
-					               
-					                <td class="td2" id="tdriqi" style="text-align:left;">&nbsp;&nbsp;&nbsp;&nbsp;${report.place!}</td> 
-					                <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-					                <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-					                <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-					                <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-					                <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-					                <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-					                <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					             </tr>
-					             </#list>  
-				                 </#if>
-				             </tbody>
-			           	</table>
-			       	</div>
-			        <div id="daochu">
-						<!--<button class="btn2" >导出Excel</button>-->
-						<a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-					</div>
-						
-					<div id="pagemove_place">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-					</div>
-	        	</form>
-	 		</div>
-	 		</div>       
-    	</div>
-	</div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-     $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-    });
-    </script>   
-    
-<script type="text/javascript">
-	$('#dateRangePicker').dateRangePicker();
-	$(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			//$('#check_cal').click();//触发搜索
-			transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$("#date-one a").click(function(){
-	  		$("#date-one a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-</script>    
-
-<!-- basic scripts -->
-
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">场景</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.place!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('place','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/position.ftl

@@ -1,1259 +1,139 @@
 <@override name="head">
-	<title>位置报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/zbone.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/daterangepicker.css">
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-<script src="${ctx}/assets/back/js/highcharts.js"></script>
-<script src="${ctx}/assets/back/js/exporting.js"></script>
-  	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>  
-  	
-  	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			$('#sign').click();
-		});	
-	
-});	
-function transdaochu(){
-					var url = ""; 
-					c=$("#selectedOperatorId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?position=1&dateRangePicker="+b+"&selectedOperatorId="+c;  
-				 	location.href = url;				 	
-}		
-</script>	
-  <style>
-  	 #pagecontent{
-		height:1000px;
-	  } 
-     #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: none;
-            margin-top: 3px;
-            height: 16px;
-            padding: 0px;
-            font-size:14px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36AEEA none repeat scroll 0px 0px;
-            cursor: pointer;
-            margin-left: 5px;
-            margin-top: -5px;
-            height: 21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-        .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-       	 select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }
-  </style>
+<title>位置报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
- <div id=content_bg>
-     <#include "/back/main/public-head.ftl">
-   		<div id="pagecontent">
-   			<div id="page-edit"> 
-		   		<div id="second">
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-						<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-						<div></div>
-			 </div>
-	    </br></br></br>
-   		 	<div id="third">
-				<ul>
-			    	<li class="size1">&nbsp;<i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">&nbsp;首页&nbsp;</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">&nbsp;&nbsp;数据报表&nbsp;&nbsp;</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">&nbsp;&nbsp;位置报表&nbsp;</li>
-			    </ul>  
- 			</div>  
- 			</br></br>  
-    		<form id="searchform" action="${ctx}/back/main/ad/operator/operator-report/position" method="post">		
-					<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-					</div>
-					<span id="date-one" style="margin-left:9px;">
-									<a class="today da">今天</a> |
-									<a class="yesterday da">昨天</a> |
-									<a class="lastSevenDays da">前七天</a> |
-									<a class="lastWeek da">上周</a> |
-									<a class="thisMonth da">本月</a> |
-									<a class="lastMonth da">上月</a> 
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>位置报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/position" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
+					
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
 					</span>
-					<span id="tex"><i class="icon-calendar"></i>
-					<input type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>		
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
 					</span>
-					<input type="submit" name="submit" id="sign" value="查询">
-					<div class="chart"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-						
-					<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-				   </div>		
-								
-			
-	  			 <div class="fig">
-					<table border="1" class="tablefig1" id="tablefig">					        
-						 <thead>
-					      	 <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">		                    
-			                    <th class="td1" style="text-align:center;width:10%;">位置</th>                
-			                    <th class="td1" style="text-align:center;width:10%;">浏览量占比(%)</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-impression">PV</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-impression">UV</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-impression">广告曝光数</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-impression">广告填充率(%)</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-click">广告点击数</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-visit">广告点击率(%)</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-conversion">eCPM</th>
-			                    <th class="td1" style="text-align:center;width:10%;" class="hidden-income">收入</th>                  
-                			</tr>
-                		</thead>
-                	<tbody>
-                    <#if reportList ??>
-                	<#list reportList as report>
-	                	<tr>		                    
-		                    <td  class="td2" style="text-align:center;"><#if report.position==1>认证<#elseif report.position==2>跳转<#elseif report.position==3>上网过程</#if></td>
-		                    <td  class="td2" style="text-align:center;">${report.viewRate!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.pv!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.uv!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-		                    <td  class="td2" style="text-align:center;">${report.click!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.clickRate!}%</td>  
-		                    <td  class="td2" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-income">${report.income!}</td>
-	                	</tr>
-	                </#list>  
-                    </#if>
-               	 	</tbody>
-            	</table>
-        	</div>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">位置</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><#if report.position==1>认证<#elseif report.position==2>跳转<#elseif report.position==3>上网过程</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('position','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
 			</form>
-			<div id="daochu_size">
-			  <!--<button class="export">导出EXCEL</button>-->
-			  <a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-			</div> 
-			
-	</div>	
+	  	</div>        
+    </div>
 </div>
-</div>     		
-
-<style type="text/css">
-.calendar{
-float:right;
-margin:5px 10px;
-}
-.controls-reset{
-margin-left:25px;
-margin-top:20px;
-}
-
-</style>
-<script type="text/javascript">
-   Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    }
-    $('#date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0:
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1:
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3:
-                var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4:
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5:
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-    });
-</script>
-<script type="text/javascript">
-  $('#dateRangePicker').dateRangePicker({});
-  
-    var tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body'); 
-$(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			//transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$("#date-one a").click(function(){
-	  		$("#date-one a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-
-</script>
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  		$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  		$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  		$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
- 
- <!--控制柱状图取值-->			
-<script type="text/javascript">
-
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");	  				
-		  				var c=[];	  			
-			  			for(i=0;i<b.length;i++){ 
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}	
-					}
-					catch(e){}
-					return c;
-	}
-$(function () {
-			u=${startDate};
-			v=${endDate}; 				
-			m=getele();
-			n=${listSize};			
-			<!--给柱子加颜色-->
-			var color=[];
-			for(i=0;i<n;i++){
-					color[i]='#36aeea';
-			}		
-			n2=10;
-			n1=n*n2;
-			<!--取x轴-->
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-			<!--取y轴-->
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-</script>
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/size.ftl

@@ -1,1277 +1,139 @@
 <@override name="head">
-	<title>尺寸报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/report_size.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/zbone.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-	<link href="${ctx}/assets/back/css/font-awesome.min.css"  rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
-
-    <script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/report_size_bar.js"></script>
-	<script src="${ctx}/assets/back/js/highcharts.js"></script>
-	<script src="${ctx}/assets/back/js/exporting.js"></script>
-	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
-	
-	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			$('#sign').click();
-		});	
-	
-});	
-		
-</script>
-	 <style type="text/css">
-        .tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-          	border: none;
-            margin-top: 4px;
-            height: 17px;
-            padding: 0px;
-            font-size:14px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36AEEA none repeat scroll 0px 0px;
-            cursor: pointer;
-            margin-left: 5px;
-            margin-top: -5px;
-            height: 21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-        
-      
-  .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-      #pagecontent{
-		height:1000px;
-	  }  
-	  select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }
-   
-	   		
-    </style>
+<title>尺寸报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
-
- <@override name="body">
- <div id=content_bg>
-	 <#include "/back/main/public-head.ftl">
-   <div id= "pagecontent"> 
-	    
-	   <div id="page-edit"> 
-	     <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-				<div></div>
+<@override name="body">
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
 		    </div>
-	    </br></br></br>
-   		 	<div id="third">
-				<ul>
-			    	<li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">尺寸报表</li>
-			    </ul>  
- 			</div>  
- 			 </br></br>
-    
-	    <form id="myform" action="${ctx}/back/main/ad/operator/operator-report/size" method="post">
-	   
-	    	 <input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-	    	 					<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-									</div>
-								<span id="date-one" style="margin-left:9px;">
-									<a class="today da">今天</a> |
-									<a class="yesterday da">昨天</a> |
-									<a class="lastSevenDays da">前七天</a> |
-									<a class="lastWeek da">上周</a> |
-									<a class="thisMonth da">本月</a> |
-									<a class="lastMonth da">上月</a> 
-								</span>
-								<span class="tex"><i class="icon-calendar"></i>
-								<input  type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
-								</span>
-								<input id="sign" type="submit" value="查询"/>
-					 <div class="chart"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-						
-					<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>		
-						
-						
-						 <div class="fig">
-						 		<table border="1" class="tablefig1" id="tablefig">
-					            
-					                <thead>
-					                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-					                    
-					                    <th class="td1" style="width:10%;">尺寸</th>
-					                    <th class="td1" style="width:10%;">浏览量占比(%)</th>
-					                    <th class="td1" style="width:10%;" class="hidden-impression">PV</th>
-					                    <th class="td1" style="width:10%;" class="hidden-impression">UV</th>
-					                    <th class="td1" style="width:10%;" class="hidden-impression">广告曝光数</th>
-					                    <th class="td1" style="width:10%;" class="hidden-impression">广告填充率</th>
-					                    <th class="td1" style="width:10%;" class="hidden-click">广告点击数</th>
-					                    <th class="td1" style="width:10%;" class="hidden-visit">广告点击率</th>
-					                    <th class="td1" style="width:10%;" class="hidden-conversion">eCPM</th>
-					                    <th class="td1" style="width:10%;" class="hidden-income">收入</th>
-					                  
-					                </tr>
-					                
-					                </thead>
-					
-					                <tbody>
-					                   <#if reportList ??>
-					                     <#list reportList as report>
-					             
-						                 <tr id="tr22">
-						                  
-						                    <td class="td2" style="text-align:center;">${report.width!}×${report.height!}</td> 
-						                    <td class="td2" style="text-align:center;">${report.viewRate!}</td>
-						                    <td class="td2" style="text-align:center;">${report.pv!}</td>
-						                    <td class="td2" style="text-align:center;">${report.uv!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-						                    <td class="td2" style="text-align:center;">${report.click!}</td>
-						                    <td class="td2" style="text-align:center;">${report.clickRate!}%</td>  
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.income!}</td>
-						                 </tr>
-					                   </#list>  
-				                      </#if>
-					                </tbody>
-					            </table>
-                          </div>
-						
-			
-	    </form>	
-					
-
-    
-    		<div id="daochu_size">
-				<!--<button class="btn2" >导出Excel</button>-->
-				<a class="ljbtn2" onclick="transdaochu()">导出Excel</a>	
-			</div>
-			<div id="pagemove_size">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-			</div>
-        
-  </div>   
- </div>  
- 
-  </div>    
-
-	
-
-			     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date-one  a').click(function(e){
-       	e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-               	var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-    });
-    </script>   
-    
-    
-    
-    
-    
-<script type="text/javascript">
-function transdaochu(){
-					var url = ""; 
-					c=$("#selectedOperatorId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?size=1&dateRangePicker="+b+"&selectedOperatorId="+c;  
-				 	location.href = url;				 	
-}
-		$('#dateRangePicker').dateRangePicker();
-		  $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			//transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  	
-	  	$("#date-one a").click(function(){
-	  		$("#date-one a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-</script>
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			//alert("pvdata");
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-			
-     
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
- 
- <!--控制柱状图取值-->			
-<script type="text/javascript">
-
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");	  				
-		  				var c=[];	  			
-			  			for(i=0;i<b.length;i++){  
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}	
-					}
-					catch(e){}
-					return c;
-	}
-
-$(function () {
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			<!--给柱子加颜色-->
-			var color=[];
-			for(i=0;i<n;i++){
-					color[i]='#36aeea';
-			}
-			n2=10;
-			n1=n*n2;
-			<!--取x轴-->
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				   j++;
-			}
-			<!--取y轴-->
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>尺寸报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/size" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
 					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);			
-			
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]       
-    });   
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true     
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]       
-    });    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv          
-        }]        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang         
-        }]       
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchongxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]       
-    });    
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]      
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });
-    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                  
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]        
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouruxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru
-     }]       
-    });
-});
-</script>
- 
- 
- 
-<!-- basic scripts -->
-
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">尺寸</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.width!}×${report.height!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('size','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/system.ftl

@@ -1,1454 +1,139 @@
 <@override name="head">
 <title>系统报表</title>
 <link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/back/css/xitong.css"/>
-<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
-<link rel="stylesheet" href="/ssp_operator/assets/back/css/indexpage.css"/>
-<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-<link href="${ctx}/assets/back/css/font-awesome.min.css" rel="stylesheet"/ rel="stylesheet">
 <link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/jquery.validate.min.js"></script>
-<script src="${ctx}/assets/back/js/highcharts.js"></script>
-<script src="${ctx}/assets/back/js/exporting.js"></script>
- <script type="text/javascript" src="${ctx}/assets/back/js/data.js"></script> 
- <script type="text/javascript" src="${ctx}/assets/back/js/drilldown.js"></script> 
-	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			$('#sign').click();
-		});	
-	
-});	
-function transdaochu(){
-					var url = ""; 
-					c=$("#selectedOperatorId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?system=1&dateRangePicker="+b+"&selectedOperatorId="+c;  
-				 	location.href = url;				 	
-}			
-</script>
-<script type="text/javascript">
-
-	var datefalg = true;
-    $('#f1').validate({
-        errorElement: 'span',
-        errorClass: 'help-inline',
-        focusInvalid: false,
-        onfocusout: function(element) {
-                $(element).valid();
-            },
-        rules: {
-             campaignName: {
-                required: true,
-                maxlength:50
-            },
-            totalBudget:{
-                number:true,
-                required:true
-            },
-           dailyBudget:{
-                number:true,
-                
-            },
-           maxImpression:{
-                 number:true,
-            },
-           maxClick: {
-                number:true,
-            },
-            maxConversion: {
-                 number:true,
-              
-            },
-           
-            dailyMaxImpression:{
-                digits:true,
-            },
-            dailyMaxclick:{
-                digits:true,
-            },
-            dailyMaxConversion:{
-                digits:true,
-            }
-           },
-        messages: {
-            campaignName:{
-                required:"请输入内容！",
-                maxlength:"输入的长度大于50超出范围！"
-            },
-            totalBudget:{
-                required:"请输入内容！",
-                number:"请输入数字！"
-            },
-            dailyBudget:{
-                number:"请输入数字！"
-            },
-            maxImpression:{
-                number:"请输入数字！"
-            },
-           maxClick:{
-                
-                number:"请输入数字！"
-            },
-            
-            maxConversion:{
-               
-                number:"请输入数字！"
-            },
-           
-            dailyMaxImpression:{
-                digits:"请输入整数！"
-            },
-            dailyMaxclick:{
-                digits:"请输入整数！"
-            },
-            dailyMaxConversion:{
-                digits:"请输入整数！"
-            }
-           
-        },
-      invalidHandler: function (event, validator) { //display error alert on form submit
-            $('.alert-error', $('.login-form')).show();
-        },
-        highlight: function (e) {
-            $(e).closest('.p1').removeClass('info').addClass('error');
-            $(e).closest('.p1').find("span.c1").addClass('hidden');
-        },
-        success: function (e) {
-            $(e).closest('.p1').removeClass('error').addClass('info');
-            $(e).closest('.p1').find("span.c1").removeClass('hid');
-            $(e).remove();
-        },
-        errorPlacement: function (error, element) {
-        	element.next($("span .c1")).addClass('hid')
-            error.insertAfter(element.after());
-        },
-        
-    });
-
-$('input[name=startDate]').change(function(){
-        var startDate = $('input[name=startDate]').val();
-        var endDate = $('input[name=endDate]').val();
-        if(startDate!==null||startDate!==""){
-            $(this).nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-            if(startDate>endDate){
-                $('input[name=endDate]').nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-                datefalg = false;
-            }else{
-                $('input[name=endDate]').nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-                datefalg = true;
-            }
-        }
-    });
-    $('input[name=endDate]').change(function(){
-        var startDate = $('input[name=startDate]').val();
-        var endDate = $('input[name=endDate]').val();
-        if(startDate==null||startDate==""){
-            $('input[name=startDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-        }else{
-            if(startDate>endDate){
-                $(this).nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-                datefalg = false;
-            }else{
-                $(this).nextAll(".date-inline").text("选择结束投放日期").removeClass("loginerror");
-                datefalg = true;
-            }
-        }
-    });
-</script>
-
-
-<script type="text/javascript">
-
-        	$(document).ready(function(){
-        	
-	        
-	        	 
-			$("#pv1").removeClass().addClass('fenlchange');
-			// alert("pv");
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			 //alert("pvname");
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			//alert("pvdata");
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-			
-     
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				 //alert("pv");
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				// alert("pvname");
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				 //alert("pv");
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				// alert("pvname");
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})		
-	  			
-	  		//alert("hahaha");	
-	  			
-	  		});
-        </script>
-		
-<!--控制柱状图取值-->		
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-					}
-					catch(e){}
-					return c;
-	}
-$(function () {
-			b=$(".span11").val();
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			n2=10;
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-</script>
-
- <style type="text/css">
-        #banner{
-            margin-left:10px;
-            
-            
-        }
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: none;
-            margin-top: 1px;
-            height: 17px;
-            padding: 0px;
-            font-size:14px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-         #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36AEEA none repeat scroll 0px 0px;
-            cursor: pointer;
-            margin-left: 5px;
-            margin-top: 0px;
-            height: 21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-		.date a{
-			color:#36aeea;
-		}
-		#third{
-			margin-top:5px;
-			margin-bottom:5px;
-			margin-left:2px;
-		}
-		 .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-      #pagecontent{
-		height:1000px;
-	  } 
-	   select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }		
-    </style>
-
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
-	<#include "/back/main/public-head.ftl">
-    <div id= "pagecontent">
-    <div id="page-edit">
-		    	 <div id="second">
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-							<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-							<div></div>
-						
-				 </div>
-			</br>	<br>	<br>
-		   	
-
-			<div id="third">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">系统报表</li>
-			    </ul>  
- 			</div>  
-
-
-				<div id="form1">
-		    		<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/system" method="post">
-				    <input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">  
-				   		
-				        		<div class="control-group control-group-lfet">
-									<div class="controls-reset">
-										<div class="row-fluid input-append date " >
-										 <div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-										</div>  
-										<span id="banner">
-											<a >今天</a> |
-											<a class="yesterday">昨天</a> |
-											<a>前七天</a> |
-											<a>上周</a> |
-											<a>本月</a> |
-											<a>上月</a>
-										</span >			
-										<span id="tex" ><i class="icon-calendar"></i>
-										<input type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}" />
-										</span>
-										<input id="sign" type="submit" value="查询"/>
-									</div>
-									
-								</div>
-							</div>
-					
-							<div class="chart"> 
-								<div  id="linechart1" style="min-width: 94%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							</div>
-					
-							<div class="fenall">	
-								<div  id="pv1" class="fenl">
-									<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-								</div>
-								<div  id="PV2" class="fenl">
-									<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-								</div>
-								<div  id="uv1" class="fenl">
-									<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-								</div>
-								<div id="bgs1" class="fenl">
-									<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-								</div>
-								<div  id="tan1" class="fenl">
-									<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-								</div>
-								<div id="djs1" class="fenl">
-									<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-								</div>
-								<div  id="dian1" class="fenl">
-									<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-								</div>
-								<div id="E1" class="fenl">
-									<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-								</div>
-								<div id="shr1" class="fenl">
-									<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-								</div>
-							</div>	
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>系统报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/system" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
 					
-				       		<div class="fig">
-							    <table border="1" class="tablefig1" id="tablefig">
-							    	<thead>
-					                	<tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-						                   
-						                    <th  class="td1" style="width:10%;text-align:center;">系统</th>
-						                    <th class="td1" style="width:10%;text-align:center;">浏览量占比</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-impression">PV</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-impression">UV</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-impression">广告曝光数</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-impression">广告填充率</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-click">广告点击数</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-visit">广告点击率</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-conversion">eCPM</th>
-						                    <th class="td1" style="width:10%;text-align:center;" class="hidden-income">收入</th>
-					                	</tr>
-				                	</thead>
-				                	<tbody>
-				                    <#if reportList ??>
-				                	<#list reportList as report>
-					                	 <tr id="tr22">
-						                 
-						                    <td class="td2" style="text-align:center;"><#if report.system==1>windows<#elseif report.system==2>ios<#elseif report.system==3>android<#elseif report.system==4>mac<#elseif report.system==5>wp<#elseif report.system==6>other</#if></td> 
-						                    <td class="td2" style="text-align:center;">${report.viewRate!}%</td>
-						                    <td class="td2" style="text-align:center;">${report.pv!}</td>
-						                    <td class="td2" style="text-align:center;">${report.uv!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-						                    <td class="td2" style="text-align:center;">${report.click!}</td>
-						                    <td class="td2" style="text-align:center;">${report.clickRate!}%</td>  
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					                	</tr>
-					                </#list>  
-				                    </#if>
-				                	</tbody>
-				            	</table>
-				        	</div>
-		       				 <div id="daochu_system">
-								<a  class="ljbtn2" onclick="transdaochu()" id="exportExcel">导出Excel</a>
-							</div>
-		       		
-				       		<div id="pagemove_system">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-							</div>
-		        </form>
-		     </div>
-   </div>
-  </div>
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">系统</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><#if report.system==1>windows<#elseif report.system==2>ios<#elseif report.system==3>android<#elseif report.system==4>mac<#elseif report.system==5>wp<#elseif report.system==6>other</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('system','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
 </div>
-    <!-- basic scripts -->
 </@override>
-<@extends name="/common/simple.ftl"/>
-	     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    
-    }
-
-    $('.controls-reset a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-    });
-</script>
-
-<script type="text/javascript">
-  
-    var $tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body');
-    $('#dateRangePicker').dateRangePicker();
-    
-     $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			//transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$("#banner a").click(function(){
-	  		$("#banner a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-</script>
-		     
-		     
-
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/operator/operator-report/type.ftl

@@ -1,1258 +1,135 @@
 <@override name="head">
-	<title>类型报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
-	<link rel="stylesheet" href="/ssp_operator/assets/back/css/indexpage.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/back/css/ad-report.css">
-	<link href="${ctx}/assets/back/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script src="${ctx}/assets/back/js/highcharts.js"></script>
-	<script src="${ctx}/assets/back/js/exporting.js"></script>
- 	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
- 	<script type="text/javascript" >
-		//给下拉列表框准备数据
-function loadDataForPullDownList1(controlView, parentId, url, defaultLabel) {
-		//清空下拉框列表
-		controlView.empty();
-		//json请求,请求地址是url, 返回数据为data,回调函数去处理
-		$.getJSON(url, function(data) {
-			//打印控制台信息
-			
-			//console.log(data);
-			//console.log(data[parentId]);
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}==val.value){
-				controlView.append(
-					'<option selected="selected" value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-			//增加一个默认的列
-			controlView.append(
-				'<option value="-1">' + defaultLabel + '</option>'
-			);
-			//遍历后端传回来的json数据，追加在select后面，value是id，label是值
-			$.each(data[parentId], function(key, val) {
-				if(${selectedOperatorId}!=val.value){
-				controlView.append(
-					'<option value=' + val.value + '>' + val.label + '</option>'
-				);
-				}
-			});
-		});
-		//设置默认显示的列是-1；
-		controlView.val("-1");
-	}
-	
-	
-	//清除下拉框数据
-	function clearPullDownList(controlView, defaultLabel) {
-		controlView.empty();
-		controlView.append(
-			'<option value="-1">' + defaultLabel + '</option>'
-		);
-	}
-	
-	//调用loadDataForPullDownList，给媒体准备数据
-	function loadOperator() {
-		loadDataForPullDownList1($('#selectedOperatorId'), "operatorList", "/ssp_web_back/widget/selector/provide/operator?parentId=1", "全部媒体");
-	}
-	
-$(document).ready(function(){
-		loadOperator();
-		
-		//媒体value change调用此函数， 清除活动列表和策略列表
-		$('#selectedOperatorId').change(function() {
-			
-			var id = $(this).val();
-			
-			if(id == -1){
-				$(".media-choose  input[name=selectedOperatorId]").val(null);
-			} else {
-				$(".media-choose  input[name=selectedOperatorId]").val(id);
-			}
-			transcalender();
-		});	
-	
-});	
-function transdaochu(){
-					var url = ""; 
-					c=$("#selectedOperatorId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-					url = "${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel?device=1&dateRangePicker="+b+"&selectedOperatorId="+c;  
-				 	location.href = url;				 	
-}			
-</script>
-
- <style type="text/css">
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            width: 180px;
-            border: none;
-            margin-top: 4px;
-            height: 17px;
-            padding: 0px;
-            font-size:14px;
-        }
-        .icon-calendar{
-            margin-left:6px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #67BA2F none repeat scroll 0% 0%;
-            cursor: pointer;
-            margin-left: 3px;
-            height: 21px;
-            display: inline;
-            font-size: 14px;
-        }
-        .media-choose{
-       		float:left;
-       		margin-left:5px;
-       		}
-       	#pagecontent{
-			height:1000px;
-		}
-		 select::-ms-expand { display: none; }	
-     #selectedOperatorId{
-     	width:150px;
-     	border: none;
-     	
-     	border-radius:5px;
-        appearance:none;
-	    -moz-appearance:none; /* Firefox */
-	    -webkit-appearance:none; /* Safari 和 Chrome */
-	    background:url(${ctx}/assets/back/images/triangle1.png) no-repeat scroll 95% 50%;
-	    background-color:#f2f6fa;
-     }
-      #selectedOperatorId option{
-      border:none;
-      }
-    </style>
-
+<title>类型报表</title>
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
-	<#include "/back/main/public-head.ftl">
-    	<div id= "pagecontent">
-    	  <div id="page-edit">
-		    <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report" >总体报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/size" >尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/position" >位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/system" >系统报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/type" >类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/areal" >地域报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/back/main/ad/operator/operator-report/place"  >场景报表</a></li>
-				<div></div>
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/back/main/ad/operator/operator-report">总体报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/size">尺寸报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/position">位置报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/system">系统报表</a>
+				<a class="selectBar_change" href="${ctx}/back/main/ad/operator/operator-report/type">类型报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/areal">地域报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/place">场景报表</a>
+				<a href="${ctx}/back/main/ad/operator/operator-report/apmac">热点报表</a>
 		    </div>
-			</br></br></br>
-   		 	<div id="third">
-				<ul>
-			    	<li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/back/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/back/main/ad/operator/operator-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">类型报表</li>
-			    </ul>  
- 			</div>  
-	 		<br></br>	
-	 		<form action="${ctx}/back/main/ad/operator/operator-report/type" method="post">	
-	 				<div class="media-choose">
-											<select id="selectedOperatorId" name="selectedOperatorId" >
-											 <option value="-1">全部媒体</option>
-											</select>
-											<input type="hidden" id="aa" name="selectedOperatorId" value="${selectedOperatorId!}"/>
-					</div>	 
-			    		<span id="date-one">&nbsp;
-							<a class="today da">今天</a> |
-							<a class="yesterday da">昨天</a> |
-							<a class="lastSevenDays da">前七天</a> |
-							<a class="lastWeek da">上周</a> |
-							<a class="thisMonth da">本月</a> |
-							<a class="lastMonth da">上月</a>
-						</span >
-						<span id="tex"><i class="icon-calendar"></i>   
-						<input class="inputrili" type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-			            </span>
-			             <button onclick="transcalender()" style="float:right" class="check_cal_type" id="check_cal">查询</button>
-					 <div class="chart"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-				 
-				 	<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>	
-				 
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig1" id="tablefig">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-			                
-			                    <th class="td1"  style="text-align:center; width:10%">类型</th>
-			                    <th class="td1" style="text-align:center; width:10%" >浏览量占比</th>
-			                    <th class="td1" style="text-align:center; width:10%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:10%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:10%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:10%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:10%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:10%" >收入</th>
-			                </tr> 
-			                </thead>
-			
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-			             
-				                <tr id="tr22">
-				                	
-				                    <td class="td2" id="tdriqi" style="text-align:center;"><#if report.device==1>网页<#else>app</#if></td> 
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-				                     <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                	
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		           			
-        </form>
-		           <div id="daochu_type">
-							
-							<a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-				
-					</div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/back/main/ad/operator/operator-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>类型报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/back/main/ad/operator/operator-report/type" method="post">		
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+		 			<ul id="main_operatorListUl">
+						<li class="select_box" id="operatorListUl_box">
+							<span id="operatorListUl_span">${selectedOperatorName!}</span>
+							<ul class="son_ul" id="son_operatorListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedOperatorId" id="selectedOperatorId" value="${selectedOperatorId!}">
+					<input type="hidden" name="selectedOperatorName" id="selectedOperatorName" value="${selectedOperatorName!}">
 					
-				
-		
-  		</div>    
-	 </div>       
- 
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">类型</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><#if report.device==1>网页<#else>app</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('type','${ctx}/back/main/ad/operator/operator-report/exportOtherReportExcel','back')">导出Excel</a>
+				</div>
+			</form>
+	  	</div>        
+    </div>
 </div>
- 			     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-     $('#date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-    });
-    </script>   
-    
-<script type="text/javascript">
-         $('#dateRangePicker').dateRangePicker();
-          $(function(){
-      	$('#pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			//$('#check_cal').click();//触发搜索
-			transcalender();
-			return false;
-		});
-		//控制昨天今天上周颜色
-	  
-	  	$("#date-one a").click(function(){
-	  		$("#date-one a").css("color","#36aeea");
-	  		$(this).css("color","#4c637b")
-	  	
-	  	})	 	
-      });
-</script>    
-
-<script type="text/javascript">
-		function transcalender(){
-					var url = ""; 
-					a=$("#selectedOperatorId").val();
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/back/main/ad/operator/operator-report/type?dateRangePicker=" + b+"&selectedOperatorId="+a;  
-				 	location.href = url;
-		}
-</script>
-		     
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
-<!--控制柱状图取值-->		
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-					}
-					catch(e){}
-					return c;
-	}
-$(function () {
-			b=$(".span11").val();
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			n2=10;
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-     $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-</script>
-<!-- basic scripts -->
-
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report.ftl

@@ -8,17 +8,21 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/zbcc.js"></script>
-	
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
+	<style>
+	#date-radio input {	
+		opacity: 1 !important;
+		position: relative !important;
+	}
+	</style>
 </@override>
 
 <@override name="body">
@@ -26,13 +30,12 @@
 	<#include "/back/main/public-head.ftl">
     <div id="pagecontent" style="height:800px;">
 		<div id="content">
-			
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -44,6 +47,7 @@
 	 		</div>
 	 		<form id="formPage" action="${ctx}/back/main/ad/report/advertiser-report" method="post">
 	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="date">
 				<ul id="main_dimensionul" style="float:left; margin-right:10px;">
 					<li class="select_box" id="dimensionul_box">
@@ -56,12 +60,12 @@
 				
 		        <a id="a-dimension" href="${ctx}/back/main/ad/report/advertiser-report/dimension">维度管理</a>
 				<span id="date-one">
-					<a class="today da">今天</a>|
-					<a class="yesterday da">昨天</a>|
-					<a class="lastSevenDays da">前七天</a>|
-					<a class="lastWeek da">上周</a>|
-					<a class="thisMonth da">本月</a>|
-					<a class="lastMonth da">上月</a> 
+					<a class="today da" value="today">今天</a> |
+					<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
+					<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
+					<a class="lastWeek da" value="lastWeek">上周</a> |
+					<a class="thisMonth da" value="thisMonth">本月</a> |
+					<a class="lastMonth da" value="lastMonth">上月</a> 
 				</span>
 				<span id="tex"><i class="icon-calendar" style="background-image:none;"></i>
 				<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
@@ -85,22 +89,22 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		
 		   		<div id="date-radio" style="float:right;margin-right:20px;">
 		   			<span>显示列（此项可多选）</span>
@@ -109,7 +113,6 @@
 					<input type="checkbox" name="item" value="visit" checked onclick="hideVisit()"/><span>到达</span>
 					<input type="checkbox" name="item" value="conversion" checked onclick="hideConversion()"/><span>转化</span>
 					<input type="checkbox" name="item" value="consume" checked onclick="hideConsume()"/><span>花费</span>
-					
 				</div>
 		  	</div>
 		   		
@@ -134,7 +137,7 @@
 								<td style="text-align:center; width:5%">${dimension.dimension}</td>
 							</#list>
 		            		<#else>
-		            			<td style="text-align:center; width:5%">广告主</td>
+		            			<td style="text-align:center; width:5%">日期</td>
 		            		</#if>
 			                <td style="text-align:center; width:5%" class="hidden-impression">曝光数</td>
 			                <td style="text-align:center; width:5%" class="hidden-click">点击数</td>
@@ -179,7 +182,8 @@
 								</#if>
 							</#list>
 		            		<#else>
-		            			<td style="text-align:center;">${report.advertiserName!}</td> 
+		            			<#setting datetime_format="yyyy-MM-dd"/> 
+		            			<td style="text-align:center;">${report.reportDate!?datetime}</td>
 		            		</#if>
 			                <td id="tdriqi" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
 			                <td id="tdriqi" style="text-align:center;" class="hidden-click">${report.click!}</td>
@@ -198,7 +202,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('total','${ctx}/back/main/ad/report/advertiser-report/exportDataReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv" style="margin: 12px 10px 0 0;">
@@ -209,145 +213,7 @@
 		</div>
 		
     </div>
-</div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?total=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&selecteddimensionId="+$("#dimensionId").val()+"&checkItems="+checkboxStr; 
-		params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/back/main/ad/report/advertiser-report/exportDataReportExcel"+params);
-	};
-	
-	
-</script>    
-<style>
-	#date-radio input {	
-		opacity: 1 !important;
-		position: relative !important;
-	}
-	</style>		     
-
-<!-- basic scripts -->
-
+</div>		     
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/create.ftl

@@ -5,15 +5,17 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/yf.yang.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dimension.js"></script>
 	
 	<style>
 		.spanVaildate{
-			margin-left:20px;
+			margin:10px 0 0 20px;
 			color:red;
 			position: absolute;
 		}
@@ -31,6 +33,10 @@
 				if (!$("#validation-form").validate()) {
 					return false;
 				}
+				if($("#selected_ops").val() == ""){
+					bootbox.alert("请选择维度方案！");
+					return false;
+				}
 				$.ajax({
 			    	type: "POST",
 			        url: "${ctx}/back/main/ad/report/advertiser-report/save",

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/dimension.ftl

@@ -6,10 +6,11 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 	
@@ -46,13 +47,17 @@
 			$("#all-btn-delete").click(function(){
 				var checkboxs = $("#tablefig tbody input[type='checkbox']:checked");
 				var _param = checkboxs.serialize();
-				if(checkboxs.length==0){
-					alert("请选择需要删除的维度！");
-					return false;
+				if(checkboxs.length > 0){
+					bootbox.confirm("确定" +$(this).text() + "吗?", function(ensure) {					
+						if (ensure) {	
+							$.post("${ctx}/back/main/ad/report/advertiser-report/delete", _param, function(data) {
+								$('#formPage').submit();
+							});
+						}
+					});
+				}else{
+					bootbox.alert("请选择需要删除的维度！");
 				}
-				$.post("${ctx}/back/main/ad/report/advertiser-report/delete", _param, function(data) {
-					$('#formPage').submit();
-				});
 			});
 			
 			//删除

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/edit.ftl

@@ -5,15 +5,17 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/yf.yang.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dimension.js"></script>
 	
 	<style>
 		.spanVaildate{
-			margin-left:20px;
+			margin:10px 0 0 20px;
 			color:red;
 			position: absolute;
 		}
@@ -39,6 +41,10 @@
 				if (!$("#validation-form").validate()) {
 					return false;
 				}
+				if($("#selected_ops").val() == ""){
+					bootbox.alert("请选择维度方案！");
+					return false;
+				}
 				$.ajax({
 			    	type: "POST",
 			        url: "${ctx}/back/main/ad/report/advertiser-report/save",

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/osReport.ftl

@@ -8,16 +8,15 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/zbcc.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
 	<style>
 	#date-radio input {	
 		opacity: 1 !important;
@@ -32,13 +31,12 @@
 	<#include "/back/main/public-head.ftl">
     <div id="pagecontent" style="height:800px;">
 		<div id="content">
-			
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -51,7 +49,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/back/main/ad/report/advertiser-report/osReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -69,32 +68,32 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
 				<span id="date-one">
-					<a class="today da">今天</a>|
-					<a class="yesterday da">昨天</a>|
-					<a class="lastSevenDays da">前七天</a>|
-					<a class="lastWeek da">上周</a>|
-					<a class="thisMonth da">本月</a>|
-					<a class="lastMonth da">上月</a> 
+					<a class="today da" value="today">今天</a> |
+					<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
+					<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
+					<a class="lastWeek da" value="lastWeek">上周</a> |
+					<a class="thisMonth da" value="thisMonth">本月</a> |
+					<a class="lastMonth da" value="lastMonth">上月</a>
 				</span>
 				<span id="tex"><i class="icon-calendar" style="background-image:none;"></i>
 				<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
@@ -158,7 +157,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('system','${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv" style="margin: 12px 10px 0 0;">
@@ -168,137 +167,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?system=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr;
-	    params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/regionReport.ftl

@@ -8,16 +8,15 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/zbcc.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
 	<style>
 	#date-radio input {	
 		opacity: 1 !important;
@@ -32,13 +31,12 @@
 	<#include "/back/main/public-head.ftl">
     <div id="pagecontent" style="height:800px;">
 		<div id="content">
-			
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -51,7 +49,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/back/main/ad/report/advertiser-report/regionReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -69,32 +68,32 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
 				<span id="date-one">
-					<a class="today da">今天</a>|
-					<a class="yesterday da">昨天</a>|
-					<a class="lastSevenDays da">前七天</a>|
-					<a class="lastWeek da">上周</a>|
-					<a class="thisMonth da">本月</a>|
-					<a class="lastMonth da">上月</a> 
+					<a class="today da" value="today">今天</a> |
+					<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
+					<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
+					<a class="lastWeek da" value="lastWeek">上周</a> |
+					<a class="thisMonth da" value="thisMonth">本月</a> |
+					<a class="lastMonth da" value="lastMonth">上月</a> 
 				</span>
 				<span id="tex"><i class="icon-calendar" style="background-image:none;"></i>
 				<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
@@ -158,7 +157,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('location','${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv" style="margin: 12px 10px 0 0;">
@@ -168,137 +167,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?location=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr; 
-		params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/back/main/ad/report/advertiser-report/sceneReport.ftl

@@ -8,16 +8,15 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/daterangepicker.css" />
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/date.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/report.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/zbcc.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/report_advertiser.js"></script>
 	<style>
 	#date-radio input {	
 		opacity: 1 !important;
@@ -34,10 +33,10 @@
 			
 			<div id="second">
 				<ul style="margin:0px;">
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab" onMouseOver="yanse()" onmouseout="yanse1()">总体报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj" onmouseover="yanse()" onmouseout="yanse1()">地域报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">系统报表</span></a></li>
-					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab" onmouseover="yanse()" onmouseout="yanse1()">场景报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report"><span class="baobiao11xt ab">总体报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/regionReport"><span class="baobiao11cj ab" id="baobiao11cj">地域报表</span></a></li>
+					<li class="report6 re"><a href="${ctx}/back/main/ad/report/advertiser-report/osReport"><span class="baobiao11 ab">系统报表</span></a></li>
+					<li class="report6all re"><a href="${ctx}/back/main/ad/report/advertiser-report/sceneReport"><span class="baobiao11 ab">场景报表</span></a></li>
 				</ul>
 			</div>
 	   		<div id="third">
@@ -50,7 +49,8 @@
 				 </ul>  
 	 		</div>
 	 		<form id="formPage" action="${ctx}/back/main/ad/report/advertiser-report/sceneReport" method="post">
-	 		 <input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="page" name="page" value="${pager.page}">
+	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
 	 		<div id="selectuls">
 				<ul id="main_advertiserul">
 					<li class="select_box" id="advertiserul_box">
@@ -68,32 +68,32 @@
 				</ul>
 				<input type="hidden" name="selectedorderId" id="orderId" value="${orderId!}">
 				<input type="hidden" name="selectedorderName" id="orderName" value="${selectedorderName!}">
-				<ul id="main_activeul">
-					<li class="select_box" id="activeul_box">
-						<span id="activeul_span">${selectedcampaignName!}</span>
-						<ul class="son_ul" id="activeul_son_ul"></ul>
+				<ul id="main_campaignul">
+					<li class="select_box" id="campaignul_box">
+						<span id="campaignul_span">${selectedcampaignName!}</span>
+						<ul class="son_ul" id="campaignul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedcampaignId" id="activeId" value="${campaignId!}">
-				<input type="hidden" name="selectedcampaignName" id="activeName" value="${selectedcampaignName!}">
-				<ul id="main_putul">
-					<li class="select_box" id="putul_box">
-						<span id="putul_span">${selectedadGroupName!}</span>
-						<ul class="son_ul" id="putul_son_ul"></ul>
+				<input type="hidden" name="selectedcampaignId" id="campaignId" value="${campaignId!}">
+				<input type="hidden" name="selectedcampaignName" id="campaignName" value="${selectedcampaignName!}">
+				<ul id="main_adGroupul">
+					<li class="select_box" id="adGroupul_box">
+						<span id="adGroupul_span">${selectedadGroupName!}</span>
+						<ul class="son_ul" id="adGroupul_son_ul"></ul>
 					</li>
 				</ul>
-				<input type="hidden" name="selectedadGroupId" id="putId" value="${adGroupId!}">
-				<input type="hidden" name="selectedadGroupName" id="putName" value="${selectedadGroupName!}">
+				<input type="hidden" name="selectedadGroupId" id="adGroupId" value="${adGroupId!}">
+				<input type="hidden" name="selectedadGroupName" id="adGroupName" value="${selectedadGroupName!}">
 	 		</div>
 	
 			<div id="date">
 				<span id="date-one">
-					<a class="today da">今天</a>|
-					<a class="yesterday da">昨天</a>|
-					<a class="lastSevenDays da">前七天</a>|
-					<a class="lastWeek da">上周</a>|
-					<a class="thisMonth da">本月</a>|
-					<a class="lastMonth da">上月</a> 
+					<a class="today da" value="today">今天</a> |
+					<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
+					<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
+					<a class="lastWeek da" value="lastWeek">上周</a> |
+					<a class="thisMonth da" value="thisMonth">本月</a> |
+					<a class="lastMonth da" value="lastMonth">上月</a>
 				</span>
 				<span id="tex"><i class="icon-calendar" style="background-image:none;"></i>
 				<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
@@ -157,7 +157,7 @@
 	        </div>
 	        
 			<div id="daochu" style="margin-left:20px;">
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
+				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel('place','${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel')">导出Excel</a>
 			</div>
 						
 			<div id="pageDiv" style="margin: 12px 10px 0 0;">
@@ -167,137 +167,6 @@
 		</form>
     </div>
 </div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        
-    });
-    </script>   
-<script type="text/javascript">
-   
-	$('#dateRangePicker').dateRangePicker();
-	
-	//曝光
-	function hideImpression(){
-		$(".hidden-impression").toggle();
-	}
-	//点击
-	function hideClick(){	
-		$(".hidden-click").toggle();
-	}
-	//到达
-	function hideVisit(){
-		$(".hidden-visit").toggle();
-	}
-	//转化
-	function hideConversion(){
-		$(".hidden-conversion").toggle();
-	}
-	//花费
-	function hideConsume(){	
-		$(".hidden-consume").toggle();
-	}
-	
-	//导出execl
-	function exportExcel(){
-		var checkboxs = $("#date-radio input[name='item']:checked");
-		var checkboxStr = "";
-		checkboxs.each(function(i){
-			checkboxStr += $(this).val()+",";
-		});
-		if(checkboxStr!=""){
-			checkboxStr = checkboxStr.substring(0,checkboxStr.length-1);
-		}
-	    var params = "?place=1&dateRangePicker="+$("#dateRangePicker").val()+"&selectedadvertiserId="+$("#advertiserId").val()+"&selectedorderId="+$("#orderId").val()+"&selectedcampaignId="+$("#activeId").val()+"&selectedadGroupId="+$("#putId").val()+"&checkItems="+checkboxStr;
-	    params += "&selectedadvertiserName="+$("#advertiserName").val()+"&selectedorderName="+$("#orderName").val()+"&selectedcampaignName="+$("#activeName").val()+"&selectedadGroupName="+$("#putName").val();
-		$("#exportExcel").attr("href","${ctx}/back/main/ad/report/advertiser-report/exportOtherReportExcel"+params);
-	};
-</script>    
-		     
-
-<!-- basic scripts -->
-
 </@override>
 <@extends name="/common/simple.ftl"/>
 

src/main/webapp/WEB-INF/pages/back/main/ad/report/system-report/system.ftl

@@ -1,110 +0,0 @@
-<@override name="breadcrumb">
-    <li><i class="icon-home"></i> <a href="${ctx}/back/main/dashboard">首页</a><span class="divider"><i
-            class="icon-angle-right"></i></span></li>
-    <@sec.authorize access="hasAnyRole('ROLE_ADMIN,ROLE_MANAGER')">
-    <li><a href="${ctx}/back/main/ad/report/media-report/system">系统报表</a><span class="divider"><i class="icon-angle-right"></i></span></li>
-    </@sec.authorize>
-   <li class="active">系统报表报表</li>
-   
-</@override>
-
-<@override name="body">
-   <div id=content_bg>
-    <div id= "pagecontent">
-   
-		    <div id="second">
-			    <ul>
-					
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/media-report/system"><span>系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/media-report/type"><span>类型报表</span></a></li>
-					
-					<li></li>
-				</ul>
-		    </div>
-
-
-    
-    <div id="form">
-    	<form action="${ctx}/back/main/ad/report/media-report/system" method="post">
-        
-		      
-		         <div class="control-group control-group-lfet">
-						<div class="controls-reset">
-							<select id="" name="">
-								<option value="-1">全部媒体</option>
-								
-							</select>
-						</div>
-				</div>
-			
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig" id="tablefig">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' background:"#f2f6fa">
-			                	<th class="td1"  style="text-align:center; width:4%"></th>
-			                    <th class="td1"  style="text-align:center; width:5%">类型</th>
-			                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-			                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-			                </tr> 
-			                </thead>
-			
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-			             
-				                <tr id="tr22">
-				                	 <td class="td2" id="tdriqi" style="text-align:center;">${report.id!}</td> 
-<td style="text-align:center;"><#if report.os==1>windows<#elseif report.os==2>ios<#elseif report.os==3>android<#elseif report.os==4>mac<#elseif report.os==5>wp</#if></td>  
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.pageviewsPercent!}%</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-				                     <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.ecpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                	
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		            <div id="daochu">
-							<button class="btn2" >导出Excel</button>
-				
-					</div>
-					
-				<div class="yema"> 
-								<a class="qianmian"><div class="page2">&lt;&lt;</div></a>
-								<a href="?page=1" class="page1" style="color:white;"><div class="page2">1</div></a>
-								<a href="?page=2"><div class="page2">2</div></a>
-								<a href="?page=3"><div class="page2">3</div></a>
-								<div class="page23">...</div>
-								<a href="#?page=19"><div class="page2">19</div></a>
-								<a href="?page=20"><div class="page2">20</div></a>
-								<a href="?page=2"> <div class="page2">&gt;&gt; </div></a>
-								<div class="allpage">共269条 </div>
-				</div> 
-	     
-        
-        </form>
-  
-	         
-	 </div>       
-    </div>
-</div>
-     
-
-</@override>
-<@extends name="/common/simple.ftl"/>
-

src/main/webapp/WEB-INF/pages/back/main/ad/report/type-report/type.ftl

@@ -1,110 +0,0 @@
-<@override name="breadcrumb">
-    <li><i class="icon-home"></i> <a href="${ctx}/back/main/dashboard">首页</a><span class="divider"><i
-            class="icon-angle-right"></i></span></li>
-    <@sec.authorize access="hasAnyRole('ROLE_ADMIN,ROLE_MANAGER')">
-    <li><a href="${ctx}/back/main/ad/report/media-report/type">类型报表</a><span class="divider"><i class="icon-angle-right"></i></span></li>
-    </@sec.authorize>
-   <li class="active">类型报表报表</li>
-   
-</@override>
-
-<@override name="body">
-   <div id=content_bg>
-    <div id= "pagecontent">
-   
-		    <div id="second">
-			    <ul>
-					
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/media-report/system"><span>系统报表</span></a></li>
-					<li class="report6 re"><a href="${ctx}/back/main/ad/report/media-report/type"><span>类型报表</span></a></li>
-					
-					<li></li>
-				</ul>
-		    </div>
-
-
-    
-    <div id="form">
-    	<form action="${ctx}/back/main/ad/report/media-report/type" method="post">
-        
-		      
-		         <div class="control-group control-group-lfet">
-						<div class="controls-reset">
-							<select id="" name="">
-								<option value="-1">全部媒体</option>
-								
-							</select>
-						</div>
-				</div>
-			
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig" id="tablefig">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' background:"#f2f6fa">
-			                	<th class="td1"  style="text-align:center; width:4%"></th>
-			                    <th class="td1"  style="text-align:center; width:5%">类型</th>
-			                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-			                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-			                </tr> 
-			                </thead>
-			
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-			             
-				                <tr id="tr22">
-				                	 <td class="td2" id="tdriqi" style="text-align:center;">${report.id!}</td> 
-				                    <td class="td2" id="tdriqi" style="text-align:center;"><#if report.device==1>网页<#else>app</#if></td> 
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.pageviewsPercent!}%</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-				                     <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.ecpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                	
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		            <div id="daochu">
-							<button class="btn2" >导出Excel</button>
-				
-					</div>
-					
-				<div class="yema"> 
-								<a class="qianmian"><div class="page2">&lt;&lt;</div></a>
-								<a href="?page=1" class="page1" style="color:white;"><div class="page2">1</div></a>
-								<a href="?page=2"><div class="page2">2</div></a>
-								<a href="?page=3"><div class="page2">3</div></a>
-								<div class="page23">...</div>
-								<a href="#?page=19"><div class="page2">19</div></a>
-								<a href="?page=20"><div class="page2">20</div></a>
-								<a href="?page=2"> <div class="page2">&gt;&gt; </div></a>
-								<div class="allpage">共269条 </div>
-				</div> 
-	     
-        
-        </form>
-  
-	         
-	 </div>       
-    </div>
-</div>
-     
-
-</@override>
-<@extends name="/common/simple.ftl"/>
-

src/main/webapp/WEB-INF/pages/back/main/audit/audit-banner/index.ftl

@@ -4,7 +4,11 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/audit.css"/>
 	<!--js dependence-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/audit.js"></script>
+
 </@override>
 <@override name="body">
 	<#include "/back/main/public-head.ftl">
@@ -43,9 +47,3 @@
 	</div>
 </@override>
 <@extends name="/common/simple.ftl"/>
-
-<!-- 弹出框插件 -->
-<script type="text/javascript" src="${ctx}/assets/back/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/bootbox.min.js"></script>
-<!--linked js-->
-<script type="text/javascript" src="${ctx}/assets/back/js/audit.js"></script>

src/main/webapp/WEB-INF/pages/back/main/audit/audit/details.ftl

@@ -4,7 +4,68 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/audit.css"/>
 	<!--js dependence-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	
+<script type="text/javascript">
+	$(function(){
+		$("#subNav span").click(function(){
+			var _href = $(this).attr('href');
+			window.location.assign(_href);
+		});
+		
+		//搜索输入框的样式改变
+		$("#searchBar input[name='searchValue']").focus(function(){
+			$(this).val("");
+		});
+		$("#searchBar input[name='searchValue']").blur(function(){
+			if($(this).val()== ""){
+				$(this).val("请输入需要搜索的内容");
+			}
+		});
+		$('#searchBar button').click(function(){
+			var _href = $(this).attr('href');
+			var _value = $(this).attr('value');
+			var _text = $(this).text();
+			if(_text == '审核通过'){
+				var _param = {
+            			'auditId':_value,
+            			'checkStatus':1,
+            	};
+				$.post(_href,_param,function(data){
+					if(data == "ok"){
+						window.location = document.referrer;
+					} else {
+						bootbox.alert("审核失败!");
+					}
+				})
+			} else{
+				 bootbox.prompt("请输入审核不通过的理由", function(result) {
+		            if(result === null){
+		            	
+		            } else if (result == '') {
+		            	bootbox.alert("请输入审核不通过的理由");
+		            } else {
+		            	var _param = {
+		            			'auditId':_value,
+		            			'checkMemo':result,
+		            			'checkStatus':-1,
+		            	};
+		            	$.post(_href,_param,function(data){
+		            		if(data == "ok"){
+		            			window.location = document.referrer; 
+							} else {
+								bootbox.alert("审核失败!");
+							}
+						})
+		            }
+		        });
+			}
+		});
+	});
+</script>
 </@override>
 <@override name="body">
 	<#include "/back/main/public-head.ftl">
@@ -69,70 +130,4 @@
 		</div>
 	</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
-<!-- 弹出框插件 -->
-<script type="text/javascript" src="${ctx}/assets/back/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/bootbox.min.js"></script>
-<script type="text/javascript">
-	$(function(){
-		$("#subNav span").click(function(){
-			var _href = $(this).attr('href');
-			window.location.assign(_href);
-		});
-		
-		//个人信息栏的js控制
-		$("#divselect").click(function(){
-			$("#divselect ul").slideToggle("fast");
-		});
-		
-		//搜索输入框的样式改变
-		$("#searchBar input[name='searchValue']").focus(function(){
-			$(this).val("");
-		});
-		$("#searchBar input[name='searchValue']").blur(function(){
-			if($(this).val()== ""){
-				$(this).val("请输入需要搜索的内容");
-			}
-		});
-		$('#searchBar button').click(function(){
-			var _href = $(this).attr('href');
-			var _value = $(this).attr('value');
-			var _text = $(this).text();
-			if(_text == '审核通过'){
-				var _param = {
-            			'auditId':_value,
-            			'checkStatus':1,
-            	};
-				$.post(_href,_param,function(data){
-					if(data == "ok"){
-						window.location = document.referrer;
-					} else {
-						bootbox.alert("审核失败!");
-					}
-				})
-			} else{
-				 bootbox.prompt("请输入审核不通过的理由", function(result) {
-		            if(result === null){
-		            	
-		            } else if (result == '') {
-		            	bootbox.alert("请输入审核不通过的理由");
-		            } else {
-		            	var _param = {
-		            			'auditId':_value,
-		            			'checkMemo':result,
-		            			'checkStatus':-1,
-		            	};
-		            	$.post(_href,_param,function(data){
-		            		if(data == "ok"){
-		            			window.location = document.referrer; 
-							} else {
-								bootbox.alert("审核失败!");
-							}
-						})
-		            }
-		        });
-			}
-		});
-	});
-</script>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/audit/audit/index.ftl

@@ -4,7 +4,8 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/audit.css"/>
 	<!--js dependence-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/audit.js"></script>
 </@override>
 <@override name="body">
 	<#include "/back/main/public-head.ftl">
@@ -43,5 +44,4 @@
 		</div>
 	</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-<script type="text/javascript" src="${ctx}/assets/back/js/audit.js"></script>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/authority/create.ftl

@@ -4,10 +4,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/back/main/authority/edit.ftl

@@ -4,10 +4,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/back/main/authority/list.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/back/main/authority/loginperson.ftl

@@ -4,10 +4,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/back/main/client-account/create.ftl

@@ -4,10 +4,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/back/main/client-account/edit.ftl

@@ -4,10 +4,10 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/zbone.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/validate.js"></script>
 	
 	<style>
 		.spanVaildate{

src/main/webapp/WEB-INF/pages/back/main/client-account/list.ftl

@@ -6,10 +6,9 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/authority.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/bootstrap.min.css"/>
 	
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/validate.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/back/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

src/main/webapp/WEB-INF/pages/back/main/dashboard.ftl

@@ -1,16 +1,114 @@
 <@override name="head">
 <title>广告投放系统</title>
-	<!--linked css-->
-	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/back/css/dashboard.css"/>
-	<!--js dependence-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
+<!--linked css-->
+<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/back/css/dashboard.css"/>
+<!--js dependence-->
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+
+<script type="text/javascript">
+$(function () {
+	var flow=[];
+	var tipLabel=new Array("PV","UV","Impression","Click","Income");
+	var pv=tipLabel[0];
+	$.ajax({
+		type : 'post',
+		url : '/ssp_web/back/main/dashboard/list',
+		async : false,
+		cache : false,
+		dataType : 'json',
+		success : function(data){
+			var pvArray = [];
+			var uvArray = [];
+			var impressionArray = [];
+			var clickArray = [];
+			var incomeArray = [];
+			$.each(data,function(n,value) {
+				pvArray[n] = value.pv;
+				uvArray[n] = value.uv;
+				impressionArray[n] = value.impression;
+				clickArray[n] = value.click;
+				incomeArray[n] = value.income;
+			});
+			flow[0] = pvArray;
+			flow[1] = uvArray;
+			flow[2] = impressionArray;
+			flow[3] = clickArray;
+			flow[4] = incomeArray;	 
+		},
+		error : function (XMLHttpRequest, textStatus, errorThrown) {
+			// 通常 textStatus 和 errorThrown 之中
+			// 只有一个会包含信息
+			//alert('error');
+			this; // 调用本次AJAX请求时传递的options参数
+		}
+	});
+		
+	//设置日期，当前日期的前七天
+	var myDate = new Date(); //获取今天日期
+	var myYear = myDate.getFullYear();//获取年份
+	myDate.setDate(myDate.getDate() - 7);
+	var labels = [];
+	var dateTemp;
+	var flag = 1;
+	for (var i = 0; i < 7; i++) {
+		dateTemp = myDate.getFullYear() + "/" + (myDate.getMonth() + 1) + "/" + myDate.getDate();
+		labels.push(dateTemp);
+		myDate.setDate(myDate.getDate() + flag);
+	}		
+	drawDiagram(myDate,flow[0],pv);
+		
+	$('#data_number td').click(function(){
+		$('#data_number td').css({"background-color":"#ffffff","color":"black"});
+		$(this).css({"background-color":"#36aeea","color":"#ffffff"});
+		var n = $(this).index();
+		pv=tipLabel[n];
+		var data = flow[n];
+		$('#baseTitle').text('近7天全部广告位' + pv);
+		drawDiagram(myDate,data,pv);
+	});
+		
+	function drawDiagram(myDate,data,pv){		
+		$('#diagram').highcharts({ 
+			chart: { type: 'line' },
+			title: { text: '' }, //标题
+			//subtitle: { text: 'Source: WorldClimate.com' }, //副标题
+			xAxis: { categories: labels }, 
+			yAxis: { 
+				title: { text: '' }, 
+				plotLines: [{ value: 0, width: 1, color: '#808080' }]
+			}, 
+			tooltip: { crosshairs: true, shared: true }, 
+			legend: { 
+				enabled:false,
+			},
+			credits:{
+				enabled:false,
+			},
+			
+			series: [{ 
+				name: pv, 
+				data: data,
+				color:'#36aeea',
+				marker:{
+					symbol: 'circle',
+					fillColor:'#ffffff',
+					lineColor:'#87b9f6',
+					lineWidth: 2,
+					radius: 5,
+				}
+			}]
+		}); 
+	}
+});
+</script>
 </@override>
 
 <@override name="body">
-	<!-- PAGE CONTENT BEGINS HERE -->
-	<#include "public-head.ftl">
-		
+<!-- PAGE CONTENT BEGINS HERE -->
+<#include "public-head.ftl">
 	<div id="pagecontent">
 		<div id="quickJump">
 			<span><i class="icon-home">&nbsp;</i><a src="${ctx}/back/main/dashboard">首页</a></span>
@@ -49,111 +147,4 @@
 	</div>
 
 </@override>
-<@extends name="/common/simple.ftl"/>
-<script src="http://cdn.hcharts.cn/highcharts/highcharts.js" type="text/javascript"></script> 
-<!--修改个人信息js 控制上下切换-->
-<script type="text/javascript">
-	$(document).ready(function(){
-		  $("#divselect").click(function(){
-		  	$("#divselect ul").slideToggle("fast");
-		  });
-	});
-	
-	$(function () {
-		var flow=[];
-		var tipLabel=new Array("PV","UV","Impression","Click","Income");
-		var pv=tipLabel[0];
-		$.ajax({
-			type : 'post',
-			url : '/ssp_web/back/main/dashboard/list',
-			async : false,
-			cache : false,
-			dataType : 'json',
-			success : function(data){
-				var pvArray = [];
-				var uvArray = [];
-				var impressionArray = [];
-				var clickArray = [];
-				var incomeArray = [];
-				 $.each(data,function(n,value) {
-					 pvArray[n] = value.pv;
-					 uvArray[n] = value.uv;
-					 impressionArray[n] = value.impression;
-					 clickArray[n] = value.click;
-					 incomeArray[n] = value.income;
-			      });
-				 flow[0] = pvArray;
-				 flow[1] = uvArray;
-				 flow[2] = impressionArray;
-				 flow[3] = clickArray;
-				 flow[4] = incomeArray;
-				 
-			},
-			error : function (XMLHttpRequest, textStatus, errorThrown) {
-			    // 通常 textStatus 和 errorThrown 之中
-			    // 只有一个会包含信息
-				//alert('error');
-			    this; // 调用本次AJAX请求时传递的options参数
-			}
-		});
-		
-		//设置日期，当前日期的前七天
-		var myDate = new Date(); //获取今天日期
-		var myYear = myDate.getFullYear();//获取年份
-		myDate.setDate(myDate.getDate() - 7);
-		var labels = [];
-		var dateTemp;
-		var flag = 1;
-		for (var i = 0; i < 7; i++) {
-			dateTemp = myDate.getFullYear() + "/" + (myDate.getMonth() + 1) + "/" + myDate.getDate();
-			labels.push(dateTemp);
-			myDate.setDate(myDate.getDate() + flag);
-		}		
-		drawDiagram(myDate,flow[0],pv);
-		
-		$('#data_number td').click(function(){
-			$('#data_number td').css({"background-color":"#ffffff","color":"black"});
-			$(this).css({"background-color":"#36aeea","color":"#ffffff"});
-			var n = $(this).index();
-			pv=tipLabel[n];
-			var data = flow[n];
-			$('#baseTitle').text('近7天全部广告位' + pv);
-			drawDiagram(myDate,data,pv);
-		});
-		
-		function drawDiagram(myDate,data,pv){		
-			$('#diagram').highcharts({ 
-				chart: { type: 'line' },
-				title: { text: '' }, //标题
-				//subtitle: { text: 'Source: WorldClimate.com' }, //副标题
-				xAxis: { categories: labels }, 
-				yAxis: { 
-					title: { text: '' }, 
-					plotLines: [{ value: 0, width: 1, color: '#808080' }]
-				}, 
-				tooltip: { crosshairs: true, shared: true }, 
-				legend: { 
-					enabled:false,
-				},
-				credits:{
-					enabled:false,
-				},
-			
-				series: [{ 
-					name: pv, 
-					data: data,
-					color:'#36aeea',
-					marker:{
-						symbol: 'circle',
-						fillColor:'#ffffff',
-						lineColor:'#87b9f6',
-						lineWidth: 2,
-						radius: 5,
-					}
-				}]
-			}); 
-		}
-	});
-</script>
-
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/finance/finance-management/deposit.ftl

@@ -4,101 +4,12 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/finance.css"/>
 	<!--Include Required Prerequisites js-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-
-</@override>
-<@override name="body">
-	<#include "/back/main/public-head.ftl">
-	<div id= "pagecontent">
-		<div id="shortcutBar">
-			<ul>
-				<li >
-					<i class="icon-home"></i>
-					<a class="homepage" href="${ctx}/back/main/dashboard">首页</a>
-					<span class="divider1"><i class="icon-angle-right"></i></span>
-				</li>
-				<li ><a class="homepage1" href="${ctx}/back/main/finance/finance-management">财务管理</a></li>
-				<li >
-					<span class="divider1"><i class="icon-angle-right"></i></span>
-					<a class="homepage2" href="">需求方充值</a>
-				</li>				         
-			</ul>
-		</div>
-		<div id="recharge">
-			<form id="form1" action="${ctx}/back/main/finance/finance-management/recharge" method="post">
-				<div>
-					<span>选择需求方：</span>
-					<select id="agentId" name="agentId" class="agentId">
-						<option value="-1">请选择代理商</option>
-					</select>
-				</div>
-				<div>
-					<span>充值：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-					<input type="text" name="money" value="100">
-					<span>元</span>
-					<span class='remind'></span>
-				</div>
-				<div>
-				<button type="submit" name="submit" value="submit">提交</button>
-				<button type='button' href='${ctx}/back/main/finance/finance-management'>取消</button>
-				</div>
-			</form>
-		</div>
-		<div id="searchBar">
-			<span>充值记录&nbsp;:</span>
-			<form action="${ctx}/back/main/finance/finance-management/deposit" method="post" class="search-form" >
-				<input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">
-		   		<input  autocomplete="off"  type="hidden" name="searchKey" value="name">
-		   		<input  autocomplete="off"  class="search_btn" type="text" name="searchValue" value="请输入日期进行搜索" onkeydown="if(event.keyCode==13){return false;}">
-		   		<img id="serachData_img" src="${ctx}/assets/back/images/fangdajing1.png"/>
-			</form>
-		</div>
-		
-		<div id="tableList">
-			<table class="table">
-				<thead>
-					<tr>
-						<th>日期</th>
-						<th>广告主/代理商</th>
-						<th>充值金额</th>
-						<th>余额</th>
-						<th>操作</th>
-					</tr>
-				</thead>
-				<tbody>
-					<#if advBalanceList ??>
-					<#list advBalanceList as advBalance>
-					<tr>
-						<td>${advBalance.actTime?date}</td>
-						<td>${advBalance.agentName!}</td>
-						<td>${advBalance.charge!}</td>
-						<td>${advBalance.balance!}</td>
-						<td><a href='${ctx}/back/main/finance/finance-management/backOut?advBalanceId=${advBalance.id}'>撤销</a></td>
-					</tr>
-				 	</#list>
-		            </#if>
-				</tbody>
-			</table>
-		</div>
-		<div id="footBar">
-			<button id="exportExcel" href="${ctx}/back/main/finance/finance-management/exportExcel">导出Excel</button>
-			<div id="paged">
-		       <#include "/common/pagination/simple.ftl"/>
-		    </div>
-		</div>
-	</div>
-</@override>
-<@extends name="/common/simple.ftl"/>
-<!-- 弹出框插件 -->
-<script type="text/javascript" src="${ctx}/assets/back/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/bootbox.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 <script type="text/javascript">
 	$(function(){
-		//个人信息栏的js控制
-		$("#divselect").click(function(){
-			$("#divselect ul").slideToggle("fast");
-		});
-		
 		//搜索输入框的样式改变
 		$(document).on('focus',"#searchBar input[name='searchValue']",function(){
 			$(this).val("");
@@ -226,4 +137,87 @@
 			});
 		})
 	});
-</script>
+</script>
+</@override>
+<@override name="body">
+	<#include "/back/main/public-head.ftl">
+	<div id= "pagecontent">
+		<div id="shortcutBar">
+			<ul>
+				<li >
+					<i class="icon-home"></i>
+					<a class="homepage" href="${ctx}/back/main/dashboard">首页</a>
+					<span class="divider1"><i class="icon-angle-right"></i></span>
+				</li>
+				<li ><a class="homepage1" href="${ctx}/back/main/finance/finance-management">财务管理</a></li>
+				<li >
+					<span class="divider1"><i class="icon-angle-right"></i></span>
+					<a class="homepage2" href="">需求方充值</a>
+				</li>				         
+			</ul>
+		</div>
+		<div id="recharge">
+			<form id="form1" action="${ctx}/back/main/finance/finance-management/recharge" method="post">
+				<div>
+					<span>选择需求方：</span>
+					<select id="agentId" name="agentId" class="agentId">
+						<option value="-1">请选择代理商</option>
+					</select>
+				</div>
+				<div>
+					<span>充值：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
+					<input type="text" name="money" value="100">
+					<span>元</span>
+					<span class='remind'></span>
+				</div>
+				<div>
+				<button type="submit" name="submit" value="submit">提交</button>
+				<button type='button' href='${ctx}/back/main/finance/finance-management'>取消</button>
+				</div>
+			</form>
+		</div>
+		<div id="searchBar">
+			<span>充值记录&nbsp;:</span>
+			<form action="${ctx}/back/main/finance/finance-management/deposit" method="post" class="search-form" >
+				<input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">
+		   		<input  autocomplete="off"  type="hidden" name="searchKey" value="name">
+		   		<input  autocomplete="off"  class="search_btn" type="text" name="searchValue" value="请输入日期进行搜索" onkeydown="if(event.keyCode==13){return false;}">
+		   		<img id="serachData_img" src="${ctx}/assets/back/images/fangdajing1.png"/>
+			</form>
+		</div>
+		
+		<div id="tableList">
+			<table class="table">
+				<thead>
+					<tr>
+						<th>日期</th>
+						<th>广告主/代理商</th>
+						<th>充值金额</th>
+						<th>余额</th>
+						<th>操作</th>
+					</tr>
+				</thead>
+				<tbody>
+					<#if advBalanceList ??>
+					<#list advBalanceList as advBalance>
+					<tr>
+						<td>${advBalance.actTime?date}</td>
+						<td>${advBalance.agentName!}</td>
+						<td>${advBalance.charge!}</td>
+						<td>${advBalance.balance!}</td>
+						<td><a href='${ctx}/back/main/finance/finance-management/backOut?advBalanceId=${advBalance.id}'>撤销</a></td>
+					</tr>
+				 	</#list>
+		            </#if>
+				</tbody>
+			</table>
+		</div>
+		<div id="footBar">
+			<button id="exportExcel" href="${ctx}/back/main/finance/finance-management/exportExcel">导出Excel</button>
+			<div id="paged">
+		       <#include "/common/pagination/simple.ftl"/>
+		    </div>
+		</div>
+	</div>
+</@override>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/finance/finance-management/index.ftl

@@ -4,55 +4,12 @@
 	<link rel="stylesheet" href="${ctx}/assets/back/css/public-head.css"/>
 	<link rel="stylesheet" href="${ctx}/assets/back/css/finance.css"/>
 	<!--Include Required Prerequisites js-->
-	<script type="text/javascript" src="${ctx}/assets/back/js/jquery-1.9.1.min.js"></script>
-
-</@override>
-<@override name="body">
-	<#include "/back/main/public-head.ftl">
-	<div id= "pagecontent">
-		<div id="shortcutBar">
-			<ul>
-				<li >
-					<i class="icon-home"></i>
-					<a class="homepage" href="${ctx}/back/main/dashboard">首页</a>
-					<span class="divider1"><i class="icon-angle-right"></i></span>
-				</li>
-				<li ><a class="homepage1" href="${ctx}/back/main/finance/finance-management">财务管理</a></li>
-				<li >
-					<span class="divider1"><i class="icon-angle-right"></i></span>
-					<a class="homepage2" href="">提现管理</a>
-				</li>				         
-			</ul>  
-		</div>
-		<div id="searchBar">
-			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management">媒体体现申请</button>
-			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/deposit">需求方充值</button>
-			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/enable">批量通过</button>
-			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/disable">批量不通过</button>
-			<form action="${ctx}/back/main/finance/finance-management/list" method="post" class="search-form" >
-				<input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">
-          		<input  autocomplete="off"  type="hidden" name="searchKey" value="name">
-          		<input  autocomplete="off"  class="search_btn" type="text" name="searchValue" value="请输入交易号进行搜索" onkeydown="if(event.keyCode==13){return false;}">
-          		<img id="serachData_img" src="${ctx}/assets/back/images/fangdajing1.png"/>
-			</form>
-		</div>
-		<div id="tableList">
-			<#include "list.ftl">
-		</div>
-		
-	</div>
-</@override>
-<@extends name="/common/simple.ftl"/>
-<!-- 弹出框插件 -->
-<script type="text/javascript" src="${ctx}/assets/back/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/back/js/bootbox.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootstrap.min.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/lib/bootbox.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
 <script type="text/javascript" charset="utf-8">
 	$(function(){
-		//个人信息栏的js控制
-		$("#divselect").click(function(){
-			$("#divselect ul").slideToggle("fast");
-		});
-		
 		//搜索输入框的样式改变
 		$("#searchBar input[name='searchValue']").focus(function(){
 			$(this).val("");
@@ -185,4 +142,41 @@
 				}
 		});
 	});
-</script>
+</script>
+</@override>
+<@override name="body">
+	<#include "/back/main/public-head.ftl">
+	<div id= "pagecontent">
+		<div id="shortcutBar">
+			<ul>
+				<li >
+					<i class="icon-home"></i>
+					<a class="homepage" href="${ctx}/back/main/dashboard">首页</a>
+					<span class="divider1"><i class="icon-angle-right"></i></span>
+				</li>
+				<li ><a class="homepage1" href="${ctx}/back/main/finance/finance-management">财务管理</a></li>
+				<li >
+					<span class="divider1"><i class="icon-angle-right"></i></span>
+					<a class="homepage2" href="">提现管理</a>
+				</li>				         
+			</ul>  
+		</div>
+		<div id="searchBar">
+			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management">媒体体现申请</button>
+			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/deposit">需求方充值</button>
+			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/enable">批量通过</button>
+			<button class="batch_btn" href="${ctx}/back/main/finance/finance-management/disable">批量不通过</button>
+			<form action="${ctx}/back/main/finance/finance-management/list" method="post" class="search-form" >
+				<input  autocomplete="off"  type="hidden" name="page" value="${pager.page!}">
+          		<input  autocomplete="off"  type="hidden" name="searchKey" value="name">
+          		<input  autocomplete="off"  class="search_btn" type="text" name="searchValue" value="请输入交易号进行搜索" onkeydown="if(event.keyCode==13){return false;}">
+          		<img id="serachData_img" src="${ctx}/assets/back/images/fangdajing1.png"/>
+			</form>
+		</div>
+		<div id="tableList">
+			<#include "list.ftl">
+		</div>
+		
+	</div>
+</@override>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/back/main/public-head.ftl

@@ -21,7 +21,12 @@
 			<li><a href="${ctx}/back/main/authority/loginperson" selectid="1">修改个人信息</a></li>
 			<li><a href="${ctx}/login" selectid="2">退出登录</a></li>       
 		</ul>
-		<input name="" type="hidden" value="" id="input-top"/>
+		<input type="hidden" value="${ctx!}" id="ctx"/>
+		<input type="hidden" id="role" value="${role!}"/>
+		<input type="hidden" id="agentId" value="${userSession.agentId!}"/>
+		<input type="hidden" id="sessionadvertiserId" value="${userSession.advertiserId!}"/>
+		<input type="hidden" id="sessionadvertiserName" value="${advertiserName!}"/>
+		<input type="hidden" id="sessionoperatorId" value="${userSession.operatorId!}"/>
 	</div>    		
 </div>	   	
 <script type="text/javascript">

src/main/webapp/WEB-INF/pages/operator/main/ad/advertiser/create.ftl

@@ -1,156 +0,0 @@
-<@override name="breadcrumb">	
-	<title>广告投放系统</title>
-	
-	  <script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-	 <script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/form_validateH.js"></script>
-	 
-	   <link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-
-		<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/Ncontent.css"/>
-		<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/NAdform.css"/>
-		
-		
-      
-     			<!--以下从数据库中获得下拉列表需要显示的数据-->
- <script type="text/javascript">
-       var  excelParam ;
-		function loadDataForPullDownList2(controlView, parentId, url, defaultLabel) {
-		//alert("进入PullDownList2了··············");
-		controlView.empty();
-		controlView.append(  
-            '<li class="selectedli" value="-1"  >' + defaultLabel + '</li>'  
-        );  
-           
-		$.getJSON( url, function(data) {
-			console.log(data.allIndustry);
-			 var data_1 = data.allIndustry;
-			
-			$.each( data_1, function( key, val ) {
-			
-				// alert("id= "+val.value+",name= " +val.label);
-				controlView.append(  
-		         '<li class="selectedli" value=' + val.value +'>' + val.label + '</li>'  
-		          
-		       );
-			});
-		});
-		
-	//	controlView.val("-1");
-	}
-
-	function loadIndustry() {
-	 	// alert("要开始调用咯~············");
-		loadDataForPullDownList2($('#selectedIndustryId'), "ADVERTISER", "${ctx}/widget/selector/provide/industry?parentId=ADVERTISER", "请选择所属行业");
-	}
-	</script>
-	
-	 <script type="text/javascript">
-	 		$(document).ready(function(){
-	 		
-	 		
-	 		
-			$(".select_box input").click(function(){
-				alert($(".selectedli").length);
-			
-				var thisinput=$(this);
-			//	var thisul=$(this).parent().find("ul");
-				var thisul=$("#selectedIndustryId");
-				if(thisul.css("display")=="none"){
-					if(thisul.height()>200){thisul.css({height:"200"+"px","overflow-y":"scroll" })};
-					thisul.fadeIn("100");
-					
-					thisul.hover(function(){},function(){thisul.fadeOut("100");})
-					$(".selectedli").bind("click",function(){
-			
-							thisinput.val($(this).text());
-							$("#myselect2").val($(this).attr("value"));	//隐藏的<input>的 value获得了当前li的id
-						//	alert("当前li的id是 ： "+$(this).attr("value"));
-							thisul.fadeOut("100");
-									}).hover(function(){									
-									$(this).addClass("hover");},function(){$(this).removeClass("hover");}
-									);
-					}
-				else{
-					thisul.fadeOut("fast");
-					}
-				})
-			});
- 		</script>
- 
-</@override>	
-	
-<@override name="page">
-	
-	<!--/page-header-->
- 		<#include "/operator/main/public-head.ftl">
-		
-		<div id= "pagecontent">
-			
-				<div id="content">
-				 <form id="form_validate" action="${ctx}/operator/main/ad/advertiser/save" method="post">
-					<div id="f_div">
-						<span class="c_span"><sup class="star">*</sup>广告主名称</span>   
-							<input class="c_input" id="form-field-1" type="text" name="name" >
-							<label class="help_inline" for="form-field-1">请输入2~32个字符</label>
-							<br />
-						<span class="c_span" ><sup class="star">*</sup>广告主行业</span>
-																			
-						<div class="select_box">
-						  <input id="myselect" class="c_input"   type="text"  name="industry" value="请选择所属行业" onclick="loadIndustry()" readonly="readonly">
-						 <input id="myselect2" class="c_input"  type="hidden" name="industryId" value="请选择所属行业"       				 readonly="readonly">
-					    	<ul id="selectedIndustryId" name="selectedIndustryId" class="select_ul"  >
-								<li value="-1">请选择所属行业</li>
-								
-							</ul>
-						</div>
-						<label  id="select_label" for="myselect" class="help_inline"></label>	
-						<br />
-						
-						<span class="c_span"><sup class="star">*</sup>公司注册名</span>  
-							<input class="c_input" id="form-field-3" type="text" name="regName" >
-							<label class="help_inline" for="form-field-3">请输入2~32个字符</label>
-							<br />
-						<span class="c_span">&nbsp;&nbsp;网址</span>             
-							<input class="c_input" id="form-field-4" type="text" name="homePage" >
-							<label class="help_inline" for="form-field-4"></label>
-							<br />
-						<span class="c_span"><sup class="star">*</sup>联系人</span>        
-							<input class="c_input" id="form-field-5" type="text" name="contacts" >
-							<label class="help_inline" for="form-field-5">请输入2~32个字符</label>
-							<br />
-						<span class="c_span">&nbsp;&nbsp;电话 </span>            
-							<input class="c_input" id="form-field-6" type="text" name="tel" >
-							<label class="help_inline" for="form-field-6">请输入11位有效手机号码</label>
-							<br />
-						<span class="c_span">&nbsp;&nbsp;E-mail</span>    
-							<input class="c_input" id="form-field-7" type="text" name="email" >
-							<label class="help_inline" for="form-field-7">请输入有效的email地址</label>
-							<br />
-						<span class="c_span">&nbsp;&nbsp;备注 </span>           
-							<input class="c_input" id="form-field-8" type="text" name="memo" >
-							<label class="help_inline" for="form-field-8"></label>
-							<br />
-							
-						<button id="c_save" type="submit" >保存</button>
-						<button id="c_cancle" href="${ctx}/operator/main/ad/advertiser/list" type="reset" >取消</button>
-						
-					</div>
-				 </form>
-			   </div>			
-		</div>
-    </div>
-    
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-	
-	
-</@override>
-<@extends name="/common/page.ftl"/>		
-		
-
-
-

src/main/webapp/WEB-INF/pages/operator/main/ad/advertiser/edit.ftl

@@ -1,147 +0,0 @@
-<@override name="breadcrumb">	
-	<title>广告投放系统</title>
-	
-	  <script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-	 <script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/form_validateH.js"></script>
-	 
-	   <link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
-
-		<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/Ncontent.css"/>
-		<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/NAdform.css"/>
-    
-         			<!--以下从数据库中获得下拉列表需要显示的数据-->
- <script type="text/javascript">
-       var  excelParam ;
-		function loadDataForPullDownList2(controlView, parentId, url, defaultLabel) {
-		//alert("进入PullDownList2了··············");
-		controlView.empty();
-		controlView.append(  
-            '<li class="selectedli" value="-1"  >' + defaultLabel + '</li>'  
-        );  
-           
-		$.getJSON( url, function(data) {
-			console.log(data.allIndustry);
-			 var data_1 = data.allIndustry;
-			
-			$.each( data_1, function( key, val ) {
-			
-				// alert("id= "+val.value+",name= " +val.label);
-				controlView.append(  
-		         '<li class="selectedli" value=' + val.value +'>' + val.label + '</li>'  
-		          
-		       );
-			});
-		});
-		
-	//	controlView.val("-1");
-	}
-
-	function loadIndustry() {
-	 	// alert("要开始调用咯~············");
-		loadDataForPullDownList2($('#selectedIndustryId'), "ADVERTISER", "${ctx}/widget/selector/provide/industry?parentId=ADVERTISER", "请选择所属行业");
-	}
-	</script>
-        
-        <!--遍历完数据库之后进行操作，添加hover，click等-->
-      <script type="text/javascript">
-	 		$(document).ready(function(){
-	 
-			$(".select_box input").click(function(){
-				alert($(".selectedli").length);
-				var thisinput=$(this);
-			//	var thisul=$(this).parent().find("ul");
-				var thisul=$("#selectedIndustryId");
-				if(thisul.css("display")=="none"){
-					if(thisul.height()>200){thisul.css({height:"200"+"px","overflow-y":"scroll" })};
-					thisul.fadeIn("100");
-					
-					thisul.hover(function(){},function(){thisul.fadeOut("100");})
-					$(".selectedli").bind("click",function(){
-			
-							thisinput.val($(this).text());
-							$("#myselect2").val($(this).attr("value"));	//隐藏的<input>的 value获得了当前li的id
-							thisul.fadeOut("100");
-									}).hover(function(){									
-									$(this).addClass("hover");},function(){$(this).removeClass("hover");}
-									);
-					}
-				else{
-					thisul.fadeOut("fast");
-					}
-				})
-			});
- 		</script>
-</@override>	
-	
-<@override name="page">
-	
-	<!--/page-header-->
-	<#include "/operator/main/public-head.ftl">
-		
-		<div id= "pagecontent">
-			
-				<div id="content">
-				 <form id="form_validate" action="${ctx}/operator/main/ad/advertiser/save" method="post">
-				 <input  autocomplete="off"  type="hidden" name="id" value="${advertiser.id}" >
-					<div id="f_div">
-						<span class="c_span"><sup class="star">*</sup>广告主名称</span>   
-						<input class="c_input" id="form-field-1" type="text" name="name" value=${advertiser.name} >
-						<label class="help_inline" for="form-field-1">请输入2~32个字符</label>
-						<br/>
-						<span class="c_span" ><sup class="star">*</sup>广告主行业</span>
-						
-													
-						<div class="select_box">
-						 <input id="myselect" class="c_input"  type="text"                   value=${industryName}  onclick="loadIndustry()" readonly="readonly">
-						 <input id="myselect2" class="c_input"  type="hidden" name="industryId" value=${advertiser.industryId}       				 readonly="readonly">
-					    	<ul id="selectedIndustryId" name="selectedIndustryId" class="select_ul">
-								<li class="selectedli" value="-1">请选择所属行业</li>
-							</ul>
-						</div>
-						<label  id="select_label" for="myselect" class="help_inline">请选择行业</label>	
-						<br/>
-						
-						<span class="c_span"><sup class="star">*</sup>公司注册名</span>  
-						<input class="c_input" id="form-field-3" type="text" name="regName" value=${advertiser.regName} >
-						<label class="help_inline" for="form-field-3">请输入2~32个字符</label>
-						<br/>
-						<span class="c_span">&nbsp;&nbsp;网址</span>             
-						<input class="c_input" id="form-field-4" type="text" name="homePage" value=${advertiser.homePage} >
-						<label class="help_inline" for="form-field-4"></label>
-						<br/>
-						<span class="c_span"><sup class="star">*</sup>联系人</span>        
-						<input class="c_input" id="form-field-5" type="text" name="contacts" value=${advertiser.contacts}>
-						<label class="help_inline" for="form-field-5">请输入2~32个字符</label>
-						<br/>
-						<span class="c_span">&nbsp;&nbsp;电话 </span>            
-						<input class="c_input" id="form-field-6" type="text" name="tel" value=${advertiser.tel} >
-						<label class="help_inline" for="form-field-6">请输入11位有效手机号码</label>
-						<br/>
-						<span class="c_span">&nbsp;&nbsp;E-mail</span>    
-						<input class="c_input" id="form-field-7" type="text" name="email" value=${advertiser.email} >
-						<label class="help_inline" for="form-field-7">请输入有效的email地址</label>
-						<br/>
-						<span class="c_span">&nbsp;&nbsp;备注 </span>           
-						<input class="c_input" type="text" name="memo" value=${advertiser.memo} >
-						<br/>
-						
-						<button id="c_save" type="submit" >保存</button>
-						<button id="c_cancle" href="${ctx}/operator/main/ad/advertiser/list" type="reset" >取消</button>
-					</div>
-				</form>
-	   		</div>			
-		</div>
-    </div>
-    
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>		
-		
-
-
-

src/main/webapp/WEB-INF/pages/operator/main/ad/advertiser/list.ftl

@@ -1,157 +0,0 @@
-<@override name="breadcrumb">
-<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/showBo.css" />
-<script type="text/javascript" src="${ctx}/operator/assets/js/showBo.js"></script>
-<script type="text/javascript" src="${ctx}/operator/assets/js/jquery.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/zbcc.js"></script>
-
-	
-
-</@override> 
-<@override name="page">
-<div id=content_bg>
-	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-			<div id="class23">	   
-			    <div id="class2">
-							<ul id="hangye">
-								<li class="hangye2 ">行业：</li>
-								<li class="hangyeall hy">全部</li>
-								<li class="hangye1 hy">电商</li>
-								<li class="hangye11 hy hyc">鞋服包饰</li>
-								<li class="hangye11 hy hyc">美容护肤</li>
-								<li class="hangye1 hy">视频</li>
-								<li class="hangye1 hy">母婴</li>
-								<li class="hangye1 hy">3c</li>
-								<li class="hangye1 hy">家电</li>
-								<li class="hangye1 hy">办公</li>
-							</ul>	
-				</div>  
-			      
-			      
-			     
-			   	<div id="class3">
-							<ul id="zhuangtai">
-								<li class="zhuangtai2">状态：</li>
-								<a href="${ctx}/operator/main/ad/advertiser/list?status=2" ><li class="zhuangtaiall zht zhtqb">全部</li></a>
-						 		<a href="${ctx}/operator/main/ad/advertiser/list?status=0" ><li class="zhuangtai1 zht">正常</li></a>
-						 		<a href="${ctx}/operator/main/ad/advertiser/list?status=1" ><li class="zhuangtai1 zht">停用</li></a>
-							</ul>
-			    </div> 
-			 </div>       
-      
-
-		    <div id="class4">
-			    <div id="button">					
-									<a class="abtn" href="${ctx}/operator/main/ad/advertiser/create"><button  class="btn1" >创建广告主
-									</button></a>
-									<a class="abtn" href="#"><button class="btn1"  onclick="Showbo.Msg.confirm('是否确认批量开启？')" onclick="checkgou('en')" >批量开启
-									</button></a>
-									<a class="abtn" href="#" ><button class="btn1" onclick="Showbo.Msg.confirm('是否确认批量停用？')" onclick="checkgou('en')" >批量停用</button></a>
-									<a class="abtn" href="#" ><button class="btn1" onclick="Showbo.Msg.confirm('是否确认批量删除？')" onclick="checkgou('en')">批量删除</button></a>
-		</div>
-				
-				 <form action="${ctx}/operator/main/ad/advertiser/list" method="post" class="search-form">
-				  
-				     <div  id="search">
-				         <input  id="search1" autocomplete="off"   type="hidden" name="page" value="${pager.page}"> 
-				          <input id="search1"  autocomplete="off"   type="hidden" name="searchKey" value="name">
-				          <input id="search1" autocomplete="off"   type="text" name="searchValue" id="gap-correction" style="color:#444444"; value="&nbsp;&nbsp;请输入关键字" value="${searchValue!}" aria-controls="table_report">
-				         <!-- <button class="btn btn-mini search-btn">搜索</button>  -->
-				      </div>
-				 
-		        </form>
-			</div>
-    
-
-		  <div id="class5">
-		
-			
-				 <table  border="1" class="table1">
-			
-			
-					<thead>
-					
-						<tr class="tr1"  id ='tr11' background:"#f2f6fa" >
-								<th class="th11"  > 
-									<div class="fxk" }"></div>
-									
-						        </th>
-						        <th class="td1" style="width:7%;">ID</th>
-								<th class="td1" style="width:9%;">广告主名称</th>
-								<th class="td1" style="width:10%;">行业</th>
-								<th class="td1" style="width:9%;">类型</th>
-								<th class="td1" style="width:18%;">最后更新日期</th>
-								<th class="td1" style="width:13%;">启用状态</th>
-								
-								<th class="td1" style="width:36%;" >操作</th>
-						        
-						        
-						  
-						</tr>
-					</thead>
-											
-					<tbody id="tbody1">
-						<#if advertiserList ??>
-						<#list advertiserList as advertiser>
-						
-						
-						<tr id="nuh" class="">
-								<td class="td22" >
-								<div class="fxk1" id="#{advertiser.id}"></div>
-								
-								<!--	<label><input  autocomplete="off"   type="checkbox" name="id" value="#{advertiser.id}"><span class="lbl"></span></label>-->
-								</td>
-								<td class="td2" ">${advertiser.id!}</td>
-								<td class="td2">${advertiser.name!}</td>
-								<td class="td2">${advertiser.industryName!}</td>
-								<td class="td2"><a href="${ctx}/operator/main/ad/order?advertiserId=${advertiser.id}" style="color:#36aeea; text-decoration: underline;">${advertiser.orderNum!}个订单</a></td>
-								<td class="td2"><a href="${ctx}/operator/main/ad/advertiser/update?advertiserId=${advertiser.id}" style="color:#36aeea; text-decoration: underline;">${advertiser.updated?datetime}</a></td>
-								<td class="td2"><#if advertiser.status==0>正常<#else>停用</#if></td>
-								
-								<td class="td3">
-									<div class="zabtn">
-									<a data-toggle="dropdown" href="${ctx}/operator/main/ad/advertiser/edit/${advertiser.id}"><button class="btn122">编辑</button></a>
-									<a  data-toggle="dropdown" href=""><button class="btn122">查看报表</button></a>
-									<#if advertiser.status==0>
-									<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/advertiser/disable?id=${advertiser.id}"><button class="btn122">停用</button></a>
-									<#elseif advertiser.status=1>
-									<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/advertiser/enable?id=${advertiser.id}"><button class="btn122">开启</button></a>
-									</#if>
-									<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/advertiser/delete?id=${advertiser.id}"><button class="btn122">删除</button></a>
-								    <div>
-								</td>
-							</tr>
-						</#list>
-						</#if>
-					</tbody>
-				</table>
-				
-				
-				
-				<div id="daochu">
-					<button class="btn2" >导出Excel</button>
-		
-				</div>
-				
-				<div class="yema"> 
-						<a class="qianmian"><div class="page2">&lt;&lt;</div></a>
-						<a href="?page=1" class="page1" style="color:white;"><div class="page2">1</div></a>
-						<a href="?page=2"><div class="page2">2</div></a>
-						<a href="?page=3"><div class="page2">3</div></a>
-						<div class="page23">...</div>
-						<a href="#?page=19"><div class="page2">19</div></a>
-						<a href="?page=20"><div class="page2">20</div></a>
-						<a href="?page=2"> <div class="page2">&gt;&gt; </div></a>
-						<div class="allpage">共${pager.totalRow!}条,${pager.totalPage!}页 </div>
-				</div> 
-				
-		</div>
-</div>
-
-
-<!-- PAGE CONTENT ENDS HERE --/>
-</div><!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/advertiser/update.ftl

@@ -1,90 +0,0 @@
-
-<@override name="page">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/index.css"/>
-   <link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-   <link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-   <script type="text/javascript" src="${ctx}/assets/operator/js/zbcc.js"></script>
-<div id=content_bg>
-	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-		
-		   <div id="data_show">
-		   
-		   	   <table cellspacing="0" cellpadding="0">
-		   	   <thead>
-		  	     <tr class="add">
-		   	   	 	<th class="th1">变更时间</th>
-		   	   	 	<th class="th2">操作人</th>
-		   	   	 	<th class="th3">登录IP</th>
-		   	   	 	<th class="th4">操作类型</th>
-		   	   	 	<th>变更详情</th>
-		   	   	 </tr>	
-		   	   	   	</thead> 
-		   	   	  
-		   	   	  <tbody>
-		   	   	<#if logList ??>
-				<#list logList as log>
-		   	        <tr class="odd">
-					<td >${log.operTime?datetime!}</td>
-		   	   	 	<td >${log.userRealName!}</td>
-		   	   	 	<td >${log.userIp!}</td>
-		   	   	 	<td >${log.actionType!}</td>
-		   	   	 	<td >${log.action!}</td>
-		   	   	 	</tr>
-				</#list>
-				</#if>
-			</tbody>
-			 	 	
-		   	 
-		   	
-		   	   </table>	
-		   	
-		
-	   </div>
-  
-			<div id=button0>			
-			
-		
-	       
-	         <div id="daochu">
-					<button class="btn2" >导出Excel</button>
-	            	<button class="btn1" type="button" >返回</button>
-				</div>
-   
-</div>
-
-
-<div class="yema"> 
-						<a class="qianmian"><div class="page2">&lt;&lt;</div></a>
-						<a href="?page=1" class="page1" style="color:white;"><div class="page2">1</div></a>
-						<a href="?page=2"><div class="page2">2</div></a>
-						<a href="?page=3"><div class="page2">3</div></a>
-						<div class="page23">...</div>
-						<a href="#?page=19"><div class="page2">19</div></a>
-						<a href="?page=20"><div class="page2">20</div></a>
-						<a href="?page=2"> <div class="page2">&gt;&gt; </div></a>
-						<div class="allpage">共${pager.totalRow!}条,${pager.totalPage!}页  </div>
-				</div> 
-
-
-	  </div>	
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>
-        <script type="text/javascript" src="${ctx}/assets/js/jquery.js"></script>
-        <script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
-
-        <script type="text/javascript">
-           $(function(){
-	         $.divselect("#divselect","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_left","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_right","#inputselect");
-           });
-        </script>

src/main/webapp/WEB-INF/pages/operator/main/ad/order/create.ftl

@@ -1,212 +0,0 @@
-<@override name="breadcrumb">
-<link rel="stylesheet" href="${ctx}/assets/operator/css/public.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbchj.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/zbcc.js"></script>
-
-		<div id=content_bg>
-			<div id="top">
-				<input class="logo" type="image" src="${ctx}/assets/operator/images/logo12.png" alt="submit"/></li>		
-			        <ul class="nav">
-			 		 <!--   <li><a href="${ctx}/operator/main/dashboard">首页</a></i></span></li>-->
-			 		    
-			 		    <li><a href="#index"><span>首页</span></a></li>
-			 		    
-			 		    
-			  			<li><a href="#adspace"><span>广告位管理</span></a></li>
-						<li><a href="${ctx}/operator/main/ad/advertiser/list"><span>投放管理</span></a></li>
-						<li><a href="#creative"><span>创意中心</span></a></li>
-						<li><a href="#code"><span>代码中心</span></a></li>
-						<li><a href="#culculation"><span>统计报表</span></a></li>
-						<li><a href="#controlation"><span>权限管理</span></a></li>
-			       </ul>	
-					 <div id="divselect" )>
-		               <cite>vip@demo</cite>
-		               <ul>
-		                   <li><a href="javascript:;" selectid="1">修改个人信息</a></li>
-		                   <li class="last"><a href="javascript:;" selectid="2">退出登录</a></li>       
-		               </ul>
-		               <input name="" type="hidden" value="" id="input-top"/>
-		            </div>
-		   </div>
-	
-</@override>
-<@override name="page">
-	<div id= "pagecontent">
-			
-			<form id="validation-form" class="form-horizontal" action="${ctx}/operator/main/ad/order/save" method="post">
-			<div class="all">
-				<div class="line1" >
-					<label class="label1" ><span>*</span>订单名称：</label>
-					<div class="xianzhi" >
-						<input class="shuru1"  autocomplete="off" id="shuru1" onkeyup="changdu()" name="name" type="text" placeholder="">
-						<div><input id="mc" class="mingcheng" value="请输入2~64个字符"></div>
-					</div>
-				</div>
-				
-				<div class="line2">
-					<label class="label2"><span>*</span>总预算：</label>
-					<div class="xianzhi" >
-						<input class="shuru2" autocomplete="off" id="yusuan" onkeyup="buweifu()" name="budget" type="text" placeholder="">
-						<div><input id="ys" class="yusuanyu" value="元"></div>
-					</div>
-				</div>
-				
-				<div class="line3">
-	                    <label class="label3">&nbsp;&nbsp;备注：</label>
-	                    <div >
-	                        <input class="shuru3" autocomplete="off"   type="text" name = "comment" placeholder="">
-	                    </div>
-	           </div>
-			 	
-			</div>	
-				<div class="btnall">
-					<button  class="btn3" onmousedown="buweikong()" type="submit">
-						 保存
-					</button>
-					&nbsp; &nbsp; &nbsp;
-					
-					<button  class="btn4" type="reset" href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}">
-						 取消
-					</button>
-				</div>
-				
-				<input  autocomplete="off"   type="hidden" name="advertiserId" value="${advertiserId}">
-		</form>
-			
-	</div>			
-	<div class="row-fluid">
-		<!-- PAGE CONTENT BEGINS HERE -->
-
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>
-<script type="text/javascript" src="${ctx}/assets/js/jquery.validate.min.js"></script>
-<script type="text/javascript">
-$(".pswToggle input[type=checkbox]").on('click',function(){
-    var inp = $(this).parents('form').find("input[name=password],input[name=ensurePassword]")
-    if(inp.attr("type")=='password'){
-        inp.attr('type','text');
-    }else{
-        inp.attr('type','password');
-    };
-});
-
-jQuery.validator.addMethod("phone", function (value, element) {
-            return this.optional(element) || /0\d{2}-\d{8}|0\d{2}-\d{7}|0\d{3}-\d{7}|0\d{3}-\d{8}|(1[3-8]{1}[0-9]{9})/.test(value);
-        }, "请输入正确的电话号码！");
-
-jQuery.validator.addMethod("pswcheck", function (value, element) {
-               return this.optional(element) || /^(?![0-9]+$)(?![a-zA-Z]+$)[A-Za-z0-9]+$/.test(value);
-        }, "请输入字母和数字组合！");
-
-        
-$('#validation-form').validate({
-    errorElement: 'span',
-    errorClass: 'help-inline',
-    focusInvalid: false,
-    ignore:".ignore",
-    onfocusout: function(element) {
-                    $(element).valid();
-                },
-    rules: {
-        username: {
-            required:true,
-            email:true
-        },
-        password: {
-            required:true,
-            minlength: 6,
-            maxlength:16,
-            pswcheck:'required'
-        },
-        ensurePassword: {
-            required:true,
-            minlength: 6,
-            maxlength:16,
-            equalTo: "input[name=password]",
-            pswcheck:'required'
-        },
-        contactName: {
-            required: true,
-            minlength:2
-        },
-        phone: {
-            required: true,
-            phone: 'required'
-        },
-        userGroupType:{
-            required:true
-        },
-        status:{
-            required:true
-        }
-    },
-    messages: {
-        username: {
-            required:"请输入邮箱",
-            email: "请输入正确的邮箱格式."
-        },
-        password: {
-            required:"请输入密码",
-            minlength: "输入正确的密码长度.",
-            maxlength:"密码长度过长"
-        },
-        ensurePassword: {
-            required: "请输入密码",
-            minlength: "输入正确的密码长度.",
-            maxlength:"密码长度过长",
-            equalTo:"请输入相同的密码"
-        },
-        contactName:{
-            required:"请输入姓名",
-            minlength:"请输入正确的姓名长度"
-        },
-        phone:{
-            required:"请输入电话号码"
-        },
-        userGroupType:{
-            required:"请选择"
-        },
-        status:{
-            required:"请选择"
-        }
-    },
-    invalidHandler: function (event, validator) { //display error alert on form submit
-        $('.alert-error', $('.login-form')).show();
-    },
-    highlight: function (e) {
-        $(e).closest('.control-group').removeClass('info').addClass('error');
-    },
-    success: function (e) {
-        $(e).closest('.control-group').removeClass('error').addClass('info');
-        $(e).remove();
-    },
-    errorPlacement: function (error, element) {
-        if(element.is(':checkbox') || element.is(':radio')) {
-            var controls = element.closest('.controls');
-            if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
-            else error.insertAfter(element.nextAll('.lbl').eq(0));
-        }
-        else if(element.is('.chzn-select')) {
-            error.insertAfter(element.nextAll('[class*="chzn-container"]').eq(0));
-        }
-        else error.insertAfter(element);
-    },
-    submitHandler: function (form) {
-    	// 防止表单二次提交
-		$(this).attr('disabled', 'disabled');
-		var _url = $('form').attr('action');
-		var _param = $('form').serialize();
-		$.post(_url,_param,function(data) {
-			$('#main-content').html(data);
-		});
-    },
-    invalidHandler: function (form) {
-    }
-});
-</script>

src/main/webapp/WEB-INF/pages/operator/main/ad/order/edit.ftl

@@ -1,210 +0,0 @@
-<@override name="breadcrumb">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbchj.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	<script type="text/javascript" src="${ctx}/operator/assets/js/jquery.js"></script>
-	<script type="text/javascript" src="${ctx}/operator/assets/js/zbcc.js"></script>
-	<div id=content_bg>
-			<div id="top">
-				<input class="logo" type="image" src="${ctx}/assets/operator/images/logo12.png" alt="submit"/></li>		
-			        <ul class="nav">
-			 		 <!--   <li><a href="${ctx}/operator/main/dashboard">首页</a></i></span></li>-->
-			 		    
-			 		    <li><a href="#index"><span>首页</span></a></li>
-			 		    
-			 		    
-			  			<li><a href="#adspace"><span>广告位管理</span></a></li>
-						<li><a href="${ctx}/operator/main/ad/advertiser/list"><span>投放管理</span></a></li>
-						<li><a href="#creative"><span>创意中心</span></a></li>
-						<li><a href="#code"><span>代码中心</span></a></li>
-						<li><a href="#culculation"><span>统计报表</span></a></li>
-						<li><a href="#controlation"><span>权限管理</span></a></li>
-			     
-		   </div>
-</@override>
-
-<@override name="page">
-	<div id= "pagecontent">
-	<!--/page-header-->
-	<div class="row-fluid">
-		<!-- PAGE CONTENT BEGINS HERE -->
-		<form id="validation-form" class="form-horizontal" action="${ctx}/operator/main/ad/order/save" method="post">
-			
-			<div class="all">
-					<div class="line1" >
-							<label class="label1" ><span>*</span>订单名称：</label>
-							<div class="xianzhi" >
-								<input class="shuru1"  autocomplete="off" value=${order.name} id="shuru1" onkeyup="changdu()" name="name" type="text" placeholder="">
-								<div><input id="mc" class="mingcheng" value="请输入2~64个字符"></div>
-							</div>
-						</div>
-					
-				
-					
-					
-					<div class="line2">
-							<label class="label2"><span>*</span>总预算：</label>
-							<div class="xianzhi" >
-								<input class="shuru2" autocomplete="off"  value=${order.budget}  id="yusuan" onkeyup="buweifu()" name="budget" type="text" placeholder="">
-								<div><input id="ys" class="yusuanyu" value="元"></div>
-							</div>
-						</div>
-					
-					
-					
-						<div class="line3">
-			                    <label class="label3">&nbsp;&nbsp;备注：</label>
-			                    <div >
-			                        <input class="shuru3" autocomplete="off"  value="${order.comment!}"  type="text" name = "comment" placeholder="">
-			                    </div>
-			           </div>
-			 </div>
-			
-			
-            
-            <div class="btnall">
-            		<button  class="btn3" onmousedown="buweikong()" type="submit">
-						 保存
-					</button>
-                  <!-- <button class="btn btn-info" type="submit"><i class="icon-ok"></i> 确定</button>--> 
-                    &nbsp; &nbsp; &nbsp;
-                    
-                    <button class="btn4"  href="${ctx}/main/md/media?audienceId=${order.advertiserId}" type="reset">
-                    <i class="icon-undo"></i> 取消</button>
-            </div>
-            
-            <!--在点击确定时自动向controller传对应的id-->
-            <input  autocomplete="off"   type="hidden" name="id" value="${order.id}">
-	        <input  autocomplete="off"   type="hidden" name="advertiserId" value="${order.advertiserId}">
-		</form>
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>
-<script type="text/javascript" src="${ctx}/assets/js/jquery.validate.min.js"></script>
-<script type="text/javascript">
-$(".pswToggle input[type=checkbox]").on('click',function(){
-    var inp = $(this).parents('form').find("input[name=password],input[name=ensurePassword]")
-    if(inp.attr("type")=='password'){
-        inp.attr('type','text');
-    }else{
-        inp.attr('type','password');
-    };
-});
-
-jQuery.validator.addMethod("phone", function (value, element) {
-            return this.optional(element) || /0\d{2}-\d{8}|0\d{2}-\d{7}|0\d{3}-\d{7}|0\d{3}-\d{8}|(1[3-8]{1}[0-9]{9})/.test(value);
-        }, "请输入正确的电话号码！");
-
-jQuery.validator.addMethod("pswcheck", function (value, element) {
-               return this.optional(element) || /^(?![0-9]+$)(?![a-zA-Z]+$)[A-Za-z0-9]+$/.test(value);
-        }, "请输入字母和数字组合！");
-
-        
-$('#validation-form').validate({
-    errorElement: 'span',
-    errorClass: 'help-inline',
-    focusInvalid: false,
-    ignore:".ignore",
-    onfocusout: function(element) {
-                    $(element).valid();
-                },
-    rules: {
-        username: {
-            required:true,
-            email:true
-        },
-        password: {
-            required:true,
-            minlength: 6,
-            maxlength:16,
-            pswcheck:'required'
-        },
-        ensurePassword: {
-            required:true,
-            minlength: 6,
-            maxlength:16,
-            equalTo: "input[name=password]",
-            pswcheck:'required'
-        },
-        contactName: {
-            required: true,
-            minlength:2
-        },
-        phone: {
-            required: true,
-            phone: 'required'
-        },
-        userGroupType:{
-            required:true
-        },
-        status:{
-            required:true
-        }
-    },
-    messages: {
-        username: {
-            required:"请输入邮箱",
-            email: "请输入正确的邮箱格式."
-        },
-        password: {
-            required:"请输入密码",
-            minlength: "输入正确的密码长度.",
-            maxlength:"密码长度过长"
-        },
-        ensurePassword: {
-            required: "请输入密码",
-            minlength: "输入正确的密码长度.",
-            maxlength:"密码长度过长",
-            equalTo:"请输入相同的密码"
-        },
-        contactName:{
-            required:"请输入姓名",
-            minlength:"请输入正确的姓名长度"
-        },
-        phone:{
-            required:"请输入电话号码"
-        },
-        userGroupType:{
-            required:"请选择"
-        },
-        status:{
-            required:"请选择"
-        }
-    },
-    invalidHandler: function (event, validator) { //display error alert on form submit
-        $('.alert-error', $('.login-form')).show();
-    },
-    highlight: function (e) {
-        $(e).closest('.control-group').removeClass('info').addClass('error');
-    },
-    success: function (e) {
-        $(e).closest('.control-group').removeClass('error').addClass('info');
-        $(e).remove();
-    },
-    errorPlacement: function (error, element) {
-        if(element.is(':checkbox') || element.is(':radio')) {
-            var controls = element.closest('.controls');
-            if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
-            else error.insertAfter(element.nextAll('.lbl').eq(0));
-        }
-        else if(element.is('.chzn-select')) {
-            error.insertAfter(element.nextAll('[class*="chzn-container"]').eq(0));
-        }
-        else error.insertAfter(element);
-    },
-    submitHandler: function (form) {
-    	// 防止表单二次提交
-		$(this).attr('disabled', 'disabled');
-		var _url = $('form').attr('action');
-		var _param = $('form').serialize();
-		$.post(_url,_param,function(data) {
-			$('#main-content').html(data);
-		});
-    },
-    invalidHandler: function (form) {
-    }
-});
-</script>

src/main/webapp/WEB-INF/pages/operator/main/ad/order/list.ftl

@@ -1,243 +0,0 @@
-<@override name="breadcrumb">
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/zbcc.js"></script>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/showBo.css" />
-<script type="text/javascript" src="${ctx}/assets/operator/js/showBo.js"></script>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbchj.css"/>
-
-<script type="text/javascript" >
-
-		function loadDataForPullDownList2(controlView, parentId, url, defaultLabel) {
-		//	alert("little girl");
-		//	alert(controlView.length);
-			controlView.empty();
-		//	alert("eat apple");
-		//	alert(controlView.length);
-			controlView.append(  
-		       '<li class="selectop" value="-1">' + defaultLabel + '</li>'  
-		   );
-			//alert("china");
-			
-			$.getJSON( url, function(data) {
-			//	alert("advertiserList");
-			console.log(data.advertiserList);
-			 var data_1 = data.advertiserList;
-			
-			$.each( data_1, function( key, val ) {
-			 //alert("each");
-				// alert("id= "+val.value+",name= " +val.label);
-				controlView.append(  
-		         '<li class="selectop" value=' + val.value +'>' + val.label + '</li>'  
-		          
-		       );
-			});
-		});
-			
-			
-		//	alert(" apple is sweet");
-		//	alert(controlView.length);
-			controlView.val("-1");
-		}
-		
-		
-		
-		function loadAdvertiser() {
-		//alert("看一下啊");
-		//alert($('#selectedAdvertiserId').length);
-		loadDataForPullDownList2($("#selectedAdvertiserId"), "0", "${ctx}/widget/selector/provide/advertiser?parentId=0" , "请选择广告主");
-		
-		
-		}
-
-
-
-</script>
-<script type="text/javascript" >
-		
-		$(document).ready(function(){
-			$.divselect("#divselect","#inputselect");
-		
-		
-				$(".ad input").click(function(){
-				//alert("星期三");
-				var thisinput=$(this);
-				//var thisul=$(this).parent().find("ul");
-				//alert("1");
-				var thisul=$("#selectedAdvertiserId");
-				//alert("2");
-				if(thisul.css("display")=="none"){
-					alert("3");
-					if(thisul.height()>200){thisul.css({height:"200"+"px","overflow-y":"scroll" })};
-					thisul.fadeIn("100");
-					//alert("4");
-					thisul.hover(function(){},function(){thisul.fadeOut("100");})
-					$(".selectop").bind("click",function(){
-						//alert("5");
-							thisinput.val($(this).text());
-							$("#myad2").val($(this).attr("value"));	//隐藏的<input>的 value获得了当前li的id
-						//	alert("当前li的id是 ： "+$(this).attr("value"));
-							thisul.fadeOut("100");
-									}).hover(function(){									
-									$(this).addClass("hover");},function(){$(this).removeClass("hover");}
-									);
-					}
-				else{
-					thisul.fadeOut("fast");
-					alert("6");
-					}
-				})
-		})
-		
-
-
-</script>
-
-
-
-
-</@override> <@override name="page">
-<div id=content_bg>
-	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-	   
-    
-      
-     
-   	<div id="class3">
-				<ul id="zhuangtai">
-					<li class="zhuangtai2">状态：</li>
-					<a href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}&status=2" ><li class="zhuangtaiall">全部</li></a>
-			 		<a href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}&status=0" ><li class="zhuangtai1">正常</li></a>
-			 		<a href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}&status=1"><li class="zhuangtai1">停用</li></a>
-				</ul>
-    </div> 
-      
-      
-
-    <div id="class4">
-	    <div id="button">					
-							<a href="${ctx}/operator/main/ad/order/create?advertiserId=${advertiserId}"><button  class="btn1" >创建订单
-							</button></a>
-							<a href="#"><button class="btn1" onclick="Showbo.Msg.confirm('是否确认批量开启？')"  onclick="checkgou('en')" >批量开启</button></a>
-							<a href="#" ><button class="btn1" onclick="Showbo.Msg.confirm('是否确认批量停用？')" onclick="checkgou('en')" >批量停用</button></a>
-							<a href="#" ><button class="btn1" onclick="Showbo.Msg.confirm('是否确认批量删除？')" onclick="checkgou('en')">批量删除</button></a>
-		</div>
-		
-		 <div class="class41"> 
-		 					 <div class="ad">
-					                            
-					                            <input id="myad"  type="text" class="b_input" value="请选择广告主" onclick="loadAdvertiser()" readonly="readonly"> 
-											    <input id="myad2"   type="hidden" class="b_input" name="orderId" value="请选择广告主"       				 readonly="readonly">
-										    	<ul id="selectedAdvertiserId" name="selectedAdvertiserId" class="select_ul" value="shenme" >
-												
-													
-												</ul>
-				                        
-				                            </div>  
-		
-		</div>  
-		
-		
-		
-		
-		 <form action="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}" method="post" class="search-form">
-		  
-		     <div  id="search">
-		         <input  id="search1" autocomplete="off"   type="hidden" name="page" value="${pager.page}"> 
-		          <input id="search1"  autocomplete="off"   type="hidden" name="searchKey" value="name">
-		          <input id="search1" autocomplete="off"   type="text" name="searchValue" id="gap-correction" value="${searchValue!}" aria-controls="table_report">
-		         <!-- <button class="btn btn-mini search-btn">搜索</button>  -->
-		      </div>
-		 
-        </form>
-	</div>
-    
-
-  <div id="class5">
-
-	
-		 <table  width="100%" border="1" class="table1">
-	
-	
-			<thead>
-			
-				<tr class="tr1"  id ='tr11' background:"#f2f6fa" >
-						<th class="th11"  > 
-							<div class="fxk" }"></div>
-							
-				        </th>
-				         <th class="td1" style="width:7%;">ID</th>
-								<th class="td1" style="width:11%;">订单名称</th>
-								<th class="td1" style="width:9%;">总预算</th>
-								<th class="td1" style="width:11%;">活动</th>
-								<th class="td1" style="width:17%;">最后更新日期</th>
-								<th class="td1" style="width:9%;">状态</th>
-								<th class="td1" style="width:36%;" >操作</th>
-				        
-		
-				</tr>
-			</thead>
-			
-				<tbody id="tbody1">
-				<#if orderList ??>
-				<#list orderList as order>
-					<tr id="nuh" class="">
-						<td class="td2">
-						<div class="fxk1" id="#{order.id}"></div>
-						</td>
-						<td class="td2">${order.id!}</td>
-						<td class="td2">${order.name!}</td>
-						<td class="td2">${order.budget!}</td>
-						<td class="td2"><a href="${ctx}/main/ad/target/campaign?orderId=${order.id}" style="color:#36aeea; text-decoration: underline;">${order.campaignNumber!}个活动</a></td>
-						<td class="td2"><a href="${ctx}/operator/main/ad/order/update?orderId=${order.id}" style="color:#36aeea; text-decoration: underline;">${order.updated?datetime}</a></td>
-						<td class="td2"><#if order.status==0>正常<#else>停用</#if></td>
-						<td class="td2">
-						
-							
-							<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/order/edit/${order.id}"><button class="btn122">编辑</button></a>
-							<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/order/edit/${order.id}"><button class="btn122">查看报表</button></a>
-							<#if order.status==0>
-							<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/order/disable?id=${order.id}"><button class="btn122">停用</button></a>
-							<#elseif order.status=1>
-							<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/order/enable?id=${order.id}"><button class="btn122">开启</button></a>
-							</#if>
-							<a  data-toggle="dropdown" href="${ctx}/operator/main/ad/order/delete?id=${order.id}"><button class="btn122">删除</button></a>
-							
-						</td>
-					</tr>
-				</#list>
-				</#if>
-			</tbody> 
-			
-			
-
-		</table>
-		
-		
-		
-		<div id="daochu">
-			<button class="btn2" >导出Excel</button>
-
-		</div>
-		<div class="yema"> 
-						<a class="qianmian"><div class="page2">&lt;&lt;</div></a>
-						<a href="?page=1" class="page1" style="color:white;"><div class="page2">1</div></a>
-						<a href="?page=2"><div class="page2">2</div></a>
-						<a href="?page=3"><div class="page2">3</div></a>
-						<div class="page23">...</div>
-						<a href="#?page=19"><div class="page2">19</div></a>
-						<a href="?page=20"><div class="page2">20</div></a>
-						<a href="?page=2"> <div class="page2">&gt;&gt; </div></a>
-						<div class="allpage">共269条 </div>
-		</div> 
-</div>
-
-
-<!-- PAGE CONTENT ENDS HERE --/>
-</div><!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/order/update.ftl

@@ -1,106 +0,0 @@
-
-<@override name="page">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/index.css"/>
-
-		<div id=content_bg>
-		  <div id="top">	
-			<input class="logo" type="image" src="${ctx}/assets/operator/images/logo12.png" alt="submit"/></li>		
-			<ul class="nav">
-				
-				<li><a href="#index"><span>首页</span></a></li>
-				<li><a href="#adspace"><span>广告位管理</span></a></li>
-				<li><a href="#advertiser"><span>投放管理</span></a></li>
-				<li><a href="#creative"><span>创意中心</span></a></li>
-				<li><a href="#code"><span>代码中心</span></a></li>
-				<li><a href="#culculation"><span>统计报表</span></a></li>
-				<li><a href="#controlation"><span>权限管理</span></a></li>
-					  			
-			</ul>	
-		     <div id="divselect">
-               <cite>j@cloudcross.com</cite>
-               <ul>
-                   <li><a href="javascript:;" selectid="1">修改个人信息</a></li>
-                   <li class="last"><a href="javascript:;" selectid="2">退出登录</a></li>       
-               </ul>
-               <input name="" type="hidden" value="" id="inputselect"/>
-            </div>
-			    		
-		</div>
-		
-		<div id= "pagecontent">
-		
-		   <div id="data_show">
-		   
-		   	   <table cellspacing="0" cellpadding="0">
-		   	   <thead>
-		  	     <tr class="add" onMouseOver="moveon()" onMouseOut="moveout()">
-		   	   	 	<th class="th1">变更时间</th>
-		   	   	 	<th class="th2">操作人</th>
-		   	   	 	<th class="th3">登录IP</th>
-		   	   	 	<th class="th4">操作类型</th>
-		   	   	 	<th>变更详情</th>
-		   	   	 </tr>	
-		   	   	   	</thead> 
-		   	   	  
-		   	   	  <tbody>
-		   	   	<#if logList ??>
-				<#list logList as log>
-		   	        <tr class="odd">
-					<td >${log.operTime?datetime!}</td>
-		   	   	 	<td >${log.userRealName!}</td>
-		   	   	 	<td >${log.userIp!}</td>
-		   	   	 	<td >${log.actionType!}</td>
-		   	   	 	<td >${log.action!}</td>
-		   	   	 	</tr>
-				</#list>
-				</#if>
-			</tbody>
-			 	 	
-		   	 
-		   	
-		   	   </table>	
-		   	
-		
-	   </div>
-  
-			<div id=button0>			
-			
-		    <input id="button" type="button" value="导出Excel"/>
-	         <input id="button1" type="button" value="返回"/>
-   
-</div>
-<div id="page0">
-	<ul class=word>			
-				<li class="li1"><a href=""><<</a></li>
-				<li class="li0"><a href="?page=1">1</a></li>
-				<li class="li0"><a href="?page=2">2</a></li>
-				<li class="li0"><a href="?page=3">3</a></li>
-				<li class="li1"><a href="#">...</a></li>
-				<li class="li0"><a href="?page=29">29</a></li>
-				<li class="li1"><a href="?page=2">&gt;&gt;</a></li>
-				<li class="li1">共${pager.totalRow!}条,${pager.totalPage!}页</a></li>
-					  			
-					  			
-			</ul>	
-</div>
-	  </div>	
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>
-        <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.js"></script>
-        <script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-
-        <script type="text/javascript">
-           $(function(){
-	         $.divselect("#divselect","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_left","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_right","#inputselect");
-           });
-        </script>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report.ftl

@@ -1,776 +1,154 @@
 <@override name="head">
 <title>总体报表</title>
 <link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zone.css"/>
-<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
 <link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
 
-<!-- 下拉框js -->
-
-<script type="text/javascript" >
-			
-			//广告位
-			
-			$(document).ready(function loadZone() {
-				  
-				  
-				loadDataForPullDownList($("#selectedZoneId"), "1", "/ssp_operator/widget/selector/provide/zone?parentId=1" , $("#aa").val());
-				
-				function loadDataForPullDownList(controlView, parentId, url, defaultLabel) {
-					
-				//controlView.empty();
-				if(defaultLabel==-1){controlView.append('<option class="selectop1" value="-1" selected>选择全部</option>');}
-				else{controlView.append('<option class="selectop1" value="-1">选择全部</option>');}
-				
-				$.getJSON(url, function(data) {
-					//alert("aaa");
-					var data_1 = data.zoneList;
-					
-					$.each(data_1, function(key, val ) {
-					//去掉数字+ val.value +'|''|'+ val.label +
-			
-						if( val.value  == defaultLabel){controlView.append('<option class="selectop2" value=' + val.value + ' selected>' + val.label + '</option>');}   
-				        else{controlView.append('<option class="selectop2" value=' + val.value +' >' + val.label +'</option>');}  
-				       
-					});
-				});
-				};
-			//下拉框传值	
-			
-			$(".btncx").click(function(){
-				  
-		    	  $("#aa").val($("#selectedZoneId").val().split("|")[1]);
-		    	  if($("#selectedZoneId").val().split("|")[0]!=-1){
-		    	  var zoneId = $("#selectedZoneId").val().split("|")[0];
-	    	      var f = $("#myform").attr("action")+"?zoneId="+zoneId;
-	    	      //alert(f);
-	    	      $("#myform").attr("action",f);
-		    	  }
-		    	  
-		    	  else {
-		    		  var f = $("#myform").attr("action");
-		    		  //alert(f);
-		    		  $("#myform").attr("action",f);
-		    	  } 		    	   
-		      });		
-		});
-</script>
-<script type="text/javascript">
-        	$(document).ready(function(){
-			$("#pv1").removeClass().addClass('ffenlchange');
-			$("#pvname1").removeClass().addClass("ffenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("ffenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	  		$("#pv1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#pv1").removeClass().addClass('ffenlchange');
-				$("#pvname1").removeClass().addClass("ffenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#uv1").removeClass().addClass('ffenlchange');
-				$("#uvname1").removeClass().addClass("ffenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#bgs1").removeClass().addClass('ffenlchange');
-				$("#bgsname1").removeClass().addClass("ffenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-	  			})	
-	  			
-	  		$("#djs1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#djs1").removeClass().addClass('ffenlchange');
-				$("#djsname1").removeClass().addClass("ffenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart5").hide(); 
-	  			})				
-	
-	  			$("#shr1").click(function(){
-	  			$(".ffenlchange").removeClass().addClass('ffenl');
-	  			$(".ffenlnamechange").removeClass().addClass('ffenlname');
-	  			$(".ffenldatachange").removeClass().addClass('ffenldata');
-	  			$("#shr1").removeClass().addClass('ffenlchange');
-				$("#shrname1").removeClass().addClass("ffenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("ffenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart5").show(); 
-	  			})			
-	  		});
-</script>
-<script type="text/javascript">
- 			//将毫秒转化为日期
-			function getDate(tm){ 
-					var tt=new Date(parseInt(tm)).toLocaleDateString();
-				
-					return tt; 
-			} 
-			
-			function getele1(){
-					try{
-		  				var d=document.getElementsByName("hr");
-		  				var c=[];
-		  				for(i=0;i<=d.length;i++){
-		  					c[i]=d[i].childNodes[0].nodeValue;
-		  				}
-		  			}
-					catch(e){}
-					return c;
-			}
-$(function () {
-			
-			u=${startDate};
-			v=${endDate}; 	
-			if(u==v){
-							var m=getele1();
-							n=24;
-							var color=[];
-							for(i=0;i<n;i++){
-								color[i]='red';
-							}
-							n1=n*6;
-							
-							var xlabel=[];		
-							var j=0;
-								for(i=0;i<n1;i+=6){
-										xlabel[j]=m[i];
-										j++;
-								}
-						   //取y轴
-							var uv=[];
-							var j=0;
-							for(i=2;i<n1;i+=6){
-									uv[j]=parseFloat(m[i]);
-								 j++;
-							}
-							var pv=[];
-							var j=0;
-							for(i=1;i<n1;i+=6){
-									pv[j]=parseFloat(m[i]);
-									 j++;
-							}							
-							var adbaoguang=[];
-							var j=0;
-							for(i=3;i<n1;i+=6){		
-									adbaoguang[j]=parseFloat(m[i]);
-									j++;
-							}
-							var adclick=[];
-							var j=0;
-							for(i=4;i<n1;i+=6){
-									adclick[j]=parseFloat(m[i]);
-									j++;
-							}
-							var shouru=[];
-							var j=0;
-							for(i=5;i<n1;i+=6){
-									shouru[j]=parseFloat(m[i]);
-								   j++;
-							}	
-							setinterval=1;				
-	}else{
-					
-				 	var selectedZoneId=$("#aa").val();
-				 	if(selectedZoneId==null){selectedZoneId=-1}
-					var dateRangePicker=$("#dateRangePicker").val();
-					url = "${ctx}/operator/main/ad/report/advertiser-report/listChartData?dateRangePicker="+dateRangePicker+"&selectedZoneId="+selectedZoneId;
-					var pv = [];
-					var uv = [];
-					var adbaoguang = [];
-					var adclick = [];
-					var shouru = [];
-					var xlabel = []
-					var k = 0;
-					
- 					$.ajaxSettings.async = false; //getJSON同步执行
-					$.getJSON(url, function(data) {
-						$.each(data, function(key, val) {
-	
-						   		xlabel[k] = val.reportDate;
-						   		xlabel[k] = getDate(xlabel[k]);
-								pv[k] = val.pv;
-								uv[k] = val.uv;
-								adbaoguang[k] = val.impression;
-								adclick[k] = val.click;
-								shouru[k] = val.income;
-								k++;
-							});	
-						});	
-					//alert(xlabel);
-					setinterval=parseInt(xlabel.length/10);							
-}			
-    $('#linechart1').highcharts({
-        title: {
-            text: 'PV',
-          
-        },
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-               color: '#36aeea'
-           }]
-        },
-        legend: {
-           layout: 'vertical',
-            align: 'right',
-          verticalAlign: 'middle',
-           borderWidth: 0
-        },
-        series: [{
-            name: 'PV',
-            data: pv,
-            color:'#36aeea'
-        }]
-    });
-    $('#linechart2').highcharts({
-        title: {
-            text: 'UV',
-        },
-        xAxis: {
-            categories:xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: 'UV',
-            data: uv,
-            color:'#36aeea'
-        }]
-    });
-     $('#linechart3').highcharts({
-        title: {
-            text: '广告曝光数',
-        },
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '广告曝光数',
-            data: adbaoguang,
-            color:'#36aeea'
-        }]
-    });
-     $('#linechart4').highcharts({
-        title: {
-            text: '广告点击数',
-        },
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-          
-            plotLines: [{
-                value: 0,
-                width: 1,
-                color: '#36aeea'
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '广告点击数',
-            data: adclick,
-            color:'#36aeea'
-        }]
-    });
-    
-     $('#linechart5').highcharts({
-        title: {
-            text: '收入',
-        },
-       
-        xAxis: {
-            categories: xlabel,
-            tickInterval: setinterval 
-        },
-        yAxis: {
-          
-            plotLines: [{
-                value: 0,
-                width: 1,
-            }]
-        },
-        legend: {
-            layout: 'vertical',
-            align: 'right',
-            verticalAlign: 'middle',
-            borderWidth: 0
-        },
-        series: [ {
-            name: '收入',
-            data: shouru,
-            color:'#36aeea'
-        }]
-    });
-});
-</script>
-<style>
-#selectedZoneId{
-margin-left:0px;}
-</style>
-<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-<script src="${ctx}/assets/operator/js/exporting.js"></script>
-<script type="text/javascript">
-function transcalender(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-					var page = $("#page").val();
-				 	c=$("#selectedZoneId").val();
-				 	//如果b为空，默认为昨天的
-				 	if($("#dateRangePicker").val()==""){
-				 	$(".yesterday").trigger("click");
-				 	}
-				 	b=$("#dateRangePicker").val();
-				 	//判断是否超过一年
-				 	var outyear=b.split("to",1);
-					outyear = outyear[0].replace(/-/g,"/");  
-				 	var yeartomi = (new Date(outyear)).getTime();
-				 	var todaydate1 = new Date();
-				 	todaydate = todaydate1.getTime();
-				 	if(todaydate-yeartomi<=31536000000){
-					 	url = "${ctx}/operator/main/ad/report/advertiser-report?dateRangePicker=" + b+"&selectedZoneId="+c+"&page="+page; 
-				 		
-				 	}else{
-				 		alert("您好，请选择一年之内的时间！");
-				 		$(".yesterday").trigger("click");
-				 		var date = $("#dateRangePicker").val();	
-					 	url = "${ctx}/operator/main/ad/report/advertiser-report?dateRangePicker="+date+"&selectedZoneId="+c+"&page="+page; 
-				 		
-				 	}
-				 	console.log(url); 
-				 	location.href = url;
-}
-function transdaochu(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-				 	var param = {
-						"dateRangePicker" : ""
-					}
-				 	c=$("#selectedZoneId").val();
-				 	//alert(c);
-				 	b=$("#dateRangePicker").val();
-				 	param.dateRangePicker = b;
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/exportDataReportExcel?dateRangePicker=" + b+ "&" +"selectedZoneId="+c;  
-				 	location.href = url;
-				 	
-}
-
-</script>	
- <style type="text/css">
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;         
-        }
-        .icon-calendar{
-        	z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:0px 0 0 5px;      
-        }
-       select {
-       		position:relative;
-       		left:-2px;
-       		top:2px;
-       		font-size:12px;
-       		width:183px;
-       		line-height:14px;
-       		border:1px solid #dfdfdf;
-       	
-       		color:#4c637b;} 
-      .calder{
-      		height:21px;
-      		line-height:21px;
-      }
-   </style>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
-
 <@override name="body">
-   <div id=content_bg>
+<div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-   		<div id="page-edit">
-		    <div id="second">
-					<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div>
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
 		    </div>
- 			 <div id="third" style="margin:10px 0 0 -5px;">
-			         <ul>
-			         <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页&nbsp;&nbsp;</a>
-				     <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			         <li style="color: #4c637b;">&nbsp;&nbsp;数据报表</li>
-			         
-			         </ul>  
- 			 </div>  
-    <div id="form">
-        <form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report" method="post">		
-        <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-        <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
-		 <div class="control-group control-group-lfet">	
-				<div class="controls-reset">
-							<div class="row-fluid input-append date row-fluid-revise">
-							    <div class="controls-reset">
-							    	<div class="adver-choose">
-											<select id="selectedZoneId" name="selectedZoneId" >
-											</select>
-											<input type="hidden" id="aa" value="${selectedZoneId!}"/>
-									</div>
-									<div class="calder">
-										<div class="singlechoo">
-											<span class="help-inline">
-												<a class="today da" value="today">今天</a> |
-												<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-												<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-												<a class="lastWeek da" value="lastWeek">上周</a> |
-												<a class="thisMonth da" value="thisMonth">本月</a> |
-												<a class="lastMonth da" value="lastMonth">上月</a> 
-									  		</span>
-								  		</div>
-										<div class="widthdate">
-										
-										<i class="icon-calendar"></i>   
-										<input  type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-								       
-			   							</div>	
-			   							<div class="widthcheck">
-			   								 <button onclick="transcalender()" style="float:right" class="check_cal" id="check_cal ">查询</button>
-										</div>	
-									</div>
-						    
-							</div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>数据报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+		 		<div id="content_choose">	
+					<ul id="main_zoneListUl">
+						<li class="select_box" id="zoneListUl_box">
+							<span id="zoneListUl_span">${selecteddimensionName!}</span>
+							<ul class="son_ul" id="son_zoneListUl"></ul>
+						</li>
+					</ul>
+					<input type="hidden" name="selectedZoneId" id="selectedZoneId" value="${selectedZoneId!}">
+					<input type="hidden" name="selectedZoneName" id="selectedZoneName" value="${selectedZoneName!}">
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
 				</div>
-		</div>
-
-			 		 <div class="ffenall">	
-					   		
-					   		<div  id="pv1" class="ffenl">
-					   			<div id="pvname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;PV</div>
-					   			<div id="pvdata1" class="ffenldata">${sumReport.pv}</div>
-					   		</div>
-					   		<div  id="uv1" class="ffenl">
-					   			<div id="uvname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;UV</div>
-					   			<div id="uvdata1" class="ffenldata">${sumReport.uv}</div>
-					   		</div>
-					   		<div id="bgs1" class="ffenl">
-					   			<div id="bgsname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;广告曝光数</div>
-					   			<div id="bgsdata1"  class="ffenldata">${sumReport.impression}</div>
-					   		</div>
-					   		
-					   		<div id="djs1" class="ffenl">
-					   			<div id="djsname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;广告点击数</div>
-					   			<div  id="djsdata1" class="ffenldata">${sumReport.click}</div>
-					   		</div>
-					   		
-					   		<div id="shr1" class="ffenl" style="margin-right:0px;">
-					   			<div id="shrname1" class="ffenlname">&nbsp;&nbsp;&nbsp;&nbsp;收入</div>
-					   			<div id="shrdata1" class="ffenldata">${sumReport.income}</div>
-					   		</div>
-					   	</div>
-	   	
-			         <div class="chart_index"> 
-			         	 <div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-			         	 <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					 </div>
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig1" id="tablefig" style="width:100%;">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-			                    <th class="td1"  style="text-align:center; width:15%">日期</th>
-			                    <th class="td1" style="text-align:center; width:7%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:8%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:8%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:8%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:8%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-			                </tr> 
-			                </thead>
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-				                <tr id="tr22">
-				                    <td class="td2" id="tdriqi" style="text-align:center;">${report.reportDate?string('yyyy/MM/dd')}</td> 
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.pv!}</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		           	<div class="hourrpt">
-				 	   <#if rptZoneHourList ??>
-			                <#list rptZoneHourList as hourrpt>
-				                <div id="tr22">
-				                  	 <div name="hr" >${hourrpt.hour!}</div>
-				                    <div name="hr" >${hourrpt.pv!}</div>
-				                    <div name="hr" >${hourrpt.uv!}</div>
-				                    <div name="hr" >${hourrpt.impression!}</div>
-				                    <div name="hr" >${hourrpt.click!}</div>
-				                    <div name="hr" >${hourrpt.income!}</div>
-				                </div>
-				                </#list>  
-			                    </#if>
-				 	    </div>
-		            <div id="daochu" >
-							<!--<button class="btn2" >导出Excel</button>-->
-							<a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-					
+				<div id="content_dataFrame">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="dataFrame0" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">PV</div>
+					   	<div class="dataFrame_data">${sumReport.pv}</div>
 					</div>
-					<div id="pagemove">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
+					<div id="dataFrame1" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">UV</div>
+					   	<div class="dataFrame_data">${sumReport.uv}</div>
 					</div>
-				 
-	     
-  </form>
-	  </div>        
-	 </div>       
+					<div id="dataFrame2" class="dataFrame dataFrame_style">
+						<div class="dataFrame_name">广告曝光数</div>
+					   	<div class="dataFrame_data">${sumReport.impression}</div>
+					</div>
+					<div id="dataFrame3" class="dataFrame dataFrame_style">
+					   	<div class="dataFrame_name">广告点击数</div>
+					   	<div class="dataFrame_data">${sumReport.click}</div>
+					</div>
+					<div id="dataFrame4" class="dataFrame dataFrame_last_style">
+					   	<div class="dataFrame_name">收入</div>
+					   	<div class="dataFrame_data">${sumReport.income}</div>
+					</div>
+				</div>
+				<div id="chartDivs" value="total"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>	
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:15%">日期</th>
+			                <th class="theadTh" style="width:7%">PV</th>
+			                <th class="theadTh" style="width:6%">UV</th>
+			                <th class="theadTh" style="width:8%">广告曝光数</th>
+			                <th class="theadTh" style="width:8%">广告填充率</th>
+			                <th class="theadTh" style="width:8%">广告点击数</th>
+			                <th class="theadTh" style="width:8%">广告点击率</th>
+			                <th class="theadTh" style="width:7%">eCPM</th>
+			                <th class="theadTh" style="width:8%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd">${report.reportDate!?string('yyyy/MM/dd')}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		     	<div id="hourrpt">
+					<#if rptZoneHourList ??>
+			        <#list rptZoneHourList as hourrpt>
+				    <div id="tr22">
+				    	<div name="hr">${hourrpt.hour!}</div>
+				        <div name="hr">${hourrpt.pv!}</div>
+				        <div name="hr">${hourrpt.uv!}</div>
+				        <div name="hr">${hourrpt.impression!}</div>
+				        <div name="hr">${hourrpt.click!}</div>
+				        <div name="hr">${hourrpt.income!}</div>
+				    </div>
+				   	</#list>  
+			        </#if>
+				</div>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('total','${ctx}/operator/main/ad/report/advertiser-report/exportDataReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
     </div>
 </div>
-  <script type="text/javascript" src="${ctx}/assets/operator/js/bootstrap-datepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/bootstrap-timepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/bootstrap-datetimepicker.zh-CN.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/daterangepicker.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.autosize-min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.maskedinput.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.dataTables.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.dataTables.bootstrap.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-   $('.controls-reset .help-inline a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-    
-<script type="text/javascript">
-    $('#dateRangePicker').dateRangePicker();
-    if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$(".calder #yesterday").addClass('dateChange');
-	}
-	
-	$('.calder a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('.calder a').removeClass('dateChange');
-	});
-</script>    
-<script type="text/javascript">
- //控制页码
-  
-      $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			//$('#check_cal').click();//触发搜索
-			transcalender();
-			
-		});
-});	     
-</script>  
-<!-- basic scripts -->
-
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/apmac.ftl

@@ -1,940 +1,129 @@
 <@override name="head">
-	<title>场景报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	<link rel="stylesheet" href="/ssp_operator/assets/operator/css/indexpage.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link href="${ctx}/assets/operator/css/font-awesome.min.css" rel="stylesheet"/ rel="stylesheet">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.n2.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-	<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-	<script src="${ctx}/assets/operator/js/exporting.js"></script>
- 	<script type="text/javascript" src="${ctx}/assets/operator/js/data.js"></script> 
- 	<script type="text/javascript" src="${ctx}/assets/operator/js/drilldown.js"></script> 
+<title>热点报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
 
-<script type="text/javascript">
-
-        	$(document).ready(function(){
-			$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})		
-	  		});
- </script>
-<!--控制柱状图取值-->			
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-						}
-					catch(e){}
-					return c;
-	}
-
-$(function () {
-			
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n2=10;
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				if(m[i]!=null){
-				xlabel[j]=m[i];
-				}
-				   j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){	
-					lll[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					pv[j]=parseFloat(m[i]);
-				   j++;
-			}
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					uv[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					adbaoguang[j]=parseFloat(m[i]);
-				   j++;
-			}
-	
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					adtianchong[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					adclick[j]=parseFloat(m[i]);
-				   j++;
-			}
-		
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					adclickl[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					ecpm[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					shouru[j]=parseFloat(m[i]);
-				   j++;
-			}
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: lll
-        }]
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: pv
-        }]
-    });
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: xlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: uv
-        }]
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: xlabel
-        },
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: adbaoguang
-        }]
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: adtianchong
-        }]
-    });
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  adclick
-        }]
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: adclickl
-        }]
-    });
-    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: xlabel
-        },
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: ecpm
-        }]
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: xlabel
-        },
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: shouru
-        }]
-    });
-});
-</script>
-    <style type="text/css">
-        #tex{
-            border: 1px solid #DFDFDF;
-        }
-        #dateRangePicker{
-           border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;
-		    position: relative;
-    		top: 9px; 
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:9px 0 0 5px;
-        }
-       
-        
-    </style>
-    <script type="text/javascript">
-
-function transcalender(){
-					var url = ""; 
-					page=$("#page").val();
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/apmac?dateRangePicker=" + b+"&page="+page;  
-				 	location.href = url;
-}
-</script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
+<div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    	<div id= "pagecontent">
-    		<div id="page-edit">
-		    <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div>
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
 		    </div>
-			<div id="third" style="clear:both;margin:10px 0 -10px -7px;">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">热点报表</li>
-			    </ul>  
- 			</div> 
-    		<div id="form">
-	    		<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/apmac" method="post">
-	    		 <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-	    		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
-					<div id="date" style="clear:both;">
-				    	<span id="date-one" style="margin-left:-5px;position:relative;top:5px;">
-							<a class="today da" value="today">今天</a> |
-							<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-							<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-							<a class="lastWeek da" value="lastWeek">上周</a> |
-							<a class="thisMonth da" value="thisMonth">本月</a> |
-							<a class="lastMonth da" value="lastMonth">上月</a>
-						</span>
-						<i class="icon-calendar"></i>
-						<input class="inputrili" type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-				         <button onclick="transcalender()" class="check_cal_place" id="check_cal_place">查询</button>
-						
-		      		</div>
-				 	
-				   <div class="chart" style="margin-top:13px;"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-					
-					 <div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>	
-					<div class="fig">
-				    	<table border="1" class="tablefig1" id="tablefig">
-				        	<thead>
-				            	<tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-				                	
-				                    <th class="td1"  style="text-align:center; width:5%">热点</th>
-				                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-				                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-				                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-				                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-				                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击数</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击率</th>
-				                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-				                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-				                </tr> 
-				           	</thead>
-							<tbody>
-				            <#if reportList ??>
-				            <#list reportList as report>
-				            	<tr id="tr22">
-					               
-					                <td class="td2" id="tdriqi" style="text-align:center;">${report.apmac!}</td> 
-					                <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-					                <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-					                <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-					                <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-					                <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-					                <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-					                <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					             </tr>
-					             </#list>  
-				                 </#if>
-				             </tbody>
-			           	</table>
-			       	</div>
-			        <div id="daochu">
-						<!--<button class="btn2" >导出Excel</button>-->
-						<a class="ljbtn2" onclick="transdaochu()">导出Excel</a>
-					</div>
-						
-					<div id="pagemove_place">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-					</div>
-	        	</form>
-	 		</div>
-	 		</div>       
-    	</div>
-	</div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-     $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-    
-<script type="text/javascript">
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #date-one #yesterday").addClass('dateChange');
-	}
-			
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	  //控制页码
-    $('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			 transcalender();//触发搜索
-		});
-</script>    
-<script type="text/javascript">	
-function transdaochu(){
-					var url = ""; 
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?apmac=1&dateRangePicker=" + b; 
-				 	location.href = url;			 	
-}	
-</script>	
-<!-- basic scripts -->
-
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>热点报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/apmac" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">热点</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.apmac!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('apmac','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/areal.ftl

@@ -1,27 +1,19 @@
 <@override name="head">
-	<title>地域报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/regionReport.css">
-	<link href="${ctx}/assets/operator/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/bootstrap.min.css"/>
-	
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/zbcc.js"></script>
-  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
-  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
-  <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script> 
-<script type="text/javascript" src="${ctx}/assets/operator/js/drilldown.js"></script> 
+<title>地域报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
 
-	<script type="text/javascript">
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+
+<script type="text/javascript">
 		$(function(){
 			
 			$("#img-city").live("click",function(){
@@ -51,30 +43,22 @@
 				    			}
 				    		img.parents('tr').after(html);
 				    		}
-				    		img.attr("src","${ctx}/assets/operator/images/folderOpen.gif");
+				    		img.attr("src","${ctx}/assets/images/folderOpen.gif");
 				    	}     
 					});	
 					img.attr("type","open");
 				}else if(img.attr("type") == "open"){
 				    $('tr').remove("#"+cnName);//删除id为cname的所有 tr
-				    img.attr("src","${ctx}/assets/operator/images/folderClose.gif");
+				    img.attr("src","${ctx}/assets/images/folderClose.gif");
 				    img.attr("type","close");
-					//location.href = "${ctx}/main/ad/report/advertiser-report/areal";
+					//location.href = "${ctx}/operator/main/ad/report/advertiser-report/areal";
 				}
 			});
 			
-			// 分页中超链接跳转
-			$('#pagecontent .pagination ul li a[href]').live('click' ,function(){
-				var _page = $(this).attr('href').substr(1);
-				var _form = $('#formPage');
-				_form.find('input:hidden[name="page"]').val(_page);
-				_form.submit();
-				return false;
-			});
     	});
     	
     	//到处execl
-		function exportExcel(){
+		function exportExcel_areal(){
 			if($("#dateRangePicker").val()!=""){
 				$("#exportExcel").attr("href","${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?location=1&dateRangePicker="+$("#dateRangePicker").val());
 			}else{
@@ -83,275 +67,92 @@
 		};
 	</script>
 
- <style type="text/css">
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;
-		    position: relative;
-    		top: 4px; 
-    		left:-15px;
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:7px 0 0 -10px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36aeea none repeat scroll 0% 0%;
-            cursor: pointer;
-            margin-top:-4px;
-            margin-left:-5px;
-            height: 21px;
-            line-height:21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-
-    </style>
 </@override>
 <@override name="body">
 <div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-   		<div id="page-edit">
-    		
-		    
-		     <div id="second">
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-					<div class="report6all  re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-					<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 		    </div>
-   			<div id="third" style="margin:10px 0 0 19px;">
-				<ul style="margin:0 0 5px 9px;">
-			        <li class="size1"><i class="icon-home homepic_areal" style="background-image:none;margin-top:2px;"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2" style="margin:0 -10px;"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2" style="margin: 0 0 0 10px;"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">地域报表</li>
-			    </ul>  
- 			</div> 
- 			
-			<form id="formPage" action="${ctx}/operator/main/ad/report/advertiser-report/areal" method="post">
-			<input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-			<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
-    		<div id="date">
-				<span id="date-one" style="left:-15px;position:relative;">
-					<a class="today da" value="today">今天</a> |
-					<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-					<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-					<a class="lastWeek da" value="lastWeek">上周</a> |
-					<a class="thisMonth da" value="thisMonth">本月</a> |
-					<a class="lastMonth da" value="lastMonth">上月</a>
-				</span>
-				<i class="icon-calendar" style="background-image:none;"></i>
-				<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
-		   		<input id="sign" type="submit" value="查询"/>
-		  </div>
-		
-		   <div id="fig">
-				<table border="1" class="tablefig" id="tablefig" style="width:98.5%;margin-top:-2px;">
-					<thead>
-						<tr class="tr1"  id ='tr11'>
-							
-		                    <th class="td1" style="text-align:center; width:10%">地域</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">浏览量占比</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">PV</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">UV</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">广告曝光数</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">广告填充率</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">广告点击数</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">广告点击率</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">eCPM</th>
-		                    <th class="td1" style="text-align:center; width:5.5%">收入</th>
-						</tr>
-					
-					</thead>
-					<tbody>
-					<#if reportList ??>
-		            <#list reportList as report>
-						<tr id="tr22">
-			       
-			                <td class="td2" id="tdriqi" style="text-align:center;"><img id="img-city" type="close" value="${report.cn!}" src='${ctx}/assets/operator/images/folderClose.gif' style="position: relative;top:-2px;left:-5px;cursor:pointer;"/>${report.cn!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.viewRate!}%</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.pv!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.uv!}</td>  
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.impression!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.fillRate!}%</td> 
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.click!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.clickRate!}%</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.eCpm!}</td>
-			                <td class="td2" id="tdriqi" style="text-align:center;">${report.income!}</td>
-			            </tr>
-					</#list>
-					</#if>
-					</tbody>
-				</table>
-	        </div>
-	       
-			<div id="daochu" >
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
-			</div>
-						
-			<div id="pagemove_system" style="padding:20px 20px 0 0;">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-			</div>
-        
-        </form>
-        </div>
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>地域报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/areal" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">地域</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd"><img id="img-city" type="close" value="${report.cn!}" src='${ctx}/assets/images/folderClose.gif' style="position: relative;top:-2px;left:-5px;cursor:pointer;"/>${report.cn!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel_areal()">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
     </div>
 </div>
 </@override>
-<@extends name="/common/simple.ftl"/>
- 	     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    
-    }
-
-    $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-             case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    
-</script>
-
-<script type="text/javascript">
-  
-  //  var $tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body');
-    $('#dateRangePicker').dateRangePicker();
-    if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date-one #yesterday").addClass('dateChange');
-	}
-			
-	$('#date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date-one a').removeClass('dateChange');
-	});
-     //控制页码
-    $('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#formPage');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click(); //触发搜索
-		});
-</script>
-		     
-		     
-
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/place.ftl

@@ -1,1169 +1,129 @@
 <@override name="head">
-	<title>场景报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	<link rel="stylesheet" href="/ssp_operator/assets/operator/css/indexpage.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link href="${ctx}/assets/operator/css/font-awesome.min.css" rel="stylesheet"/ rel="stylesheet">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.n2.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-	<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-	<script src="${ctx}/assets/operator/js/exporting.js"></script>
- 	<script type="text/javascript" src="${ctx}/assets/operator/js/data.js"></script> 
- 	<script type="text/javascript" src="${ctx}/assets/operator/js/drilldown.js"></script> 
-
-<script type="text/javascript">
-
-        	$(document).ready(function(){
-			$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})		
-	  		});
- </script>
-<!--控制柱状图取值-->			
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-						}
-					catch(e){}
-					return c;
-	}
-
-$(function () {
-			
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n2=10;
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				if(m[i]!=null){
-				xlabel[j]=m[i];
-				}
-				   j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-     $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-</script>
-    <style type="text/css">
-        #tex{
-            border: 1px solid #DFDFDF;
-        }
-        #dateRangePicker{
-           border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;
-		    position: relative;
-    		top: 9px; 
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:9px 0 0 5px;
-        }
-       
-        
-    </style>
-    <script type="text/javascript">
-
-function transcalender(){
-					var url = ""; 
-					page=$("#page").val();
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/place?dateRangePicker=" + b+"&page="+page;  
-				 	location.href = url;
-}
-</script>
+<title>场景报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
+<div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    	<div id= "pagecontent">
-    		<div id="page-edit">
-		    <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 		    </div>
-			<div id="third" style="clear:both;margin:10px 0 -10px -7px;">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">场景报表</li>
-			    </ul>  
- 			</div> 
-    		<div id="form">
-	    		<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/place" method="post">
-	    		 <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-	    		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">
-					<div id="date" style="clear:both;">
-				    	<span id="date-one" style="margin-left:-5px;position:relative;top:5px;">
-							<a class="today da" value="today">今天</a> |
-							<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-							<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-							<a class="lastWeek da" value="lastWeek">上周</a> |
-							<a class="thisMonth da" value="thisMonth">本月</a> |
-							<a class="lastMonth da" value="lastMonth">上月</a>
-						</span>
-						<i class="icon-calendar"></i>
-						<input class="inputrili" type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-				         <button onclick="transcalender()" class="check_cal_place" id="check_cal_place">查询</button>
-						
-		      		</div>
-				 	
-				   <div class="chart" style="margin-top:13px;"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-					
-					 <div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>	
-					<div class="fig">
-				    	<table border="1" class="tablefig1" id="tablefig">
-				        	<thead>
-				            	<tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-				                	
-				                    <th class="td1"  style="text-align:center; width:5%">场景</th>
-				                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-				                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-				                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-				                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-				                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击数</th>
-				                    <th class="td1" style="text-align:center; width:8%">广告点击率</th>
-				                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-				                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-				                </tr> 
-				           	</thead>
-							<tbody>
-				            <#if reportList ??>
-				            <#list reportList as report>
-				            	<tr id="tr22">
-					               
-					                <td class="td2" id="tdriqi" style="text-align:center;">${report.place!}</td> 
-					                <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-					                <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-					                <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-					                <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}</td>
-					                <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-					                <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}</td>  
-					                <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-					                <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					             </tr>
-					             </#list>  
-				                 </#if>
-				             </tbody>
-			           	</table>
-			       	</div>
-			        <div id="daochu">
-						<!--<button class="btn2" >导出Excel</button>-->
-						<a class="ljbtn2" onclick="transdaochu()">导出Excel</a>
-					</div>
-						
-					<div id="pagemove_place">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-					</div>
-	        	</form>
-	 		</div>
-	 		</div>       
-    	</div>
-	</div>
-     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-     $('#date #date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-    
-<script type="text/javascript">
-	$('#dateRangePicker').dateRangePicker();
-	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date #date-one #yesterday").addClass('dateChange');
-	}
-			
-	$('#date #date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date #date-one a').removeClass('dateChange');
-	});
-	  //控制页码
-    $('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			 transcalender();//触发搜索
-		});
-</script>    
-<script type="text/javascript">	
-function transdaochu(){
-					var url = ""; 
-				 	b=$("#dateRangePicker").val();
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?place=1&dateRangePicker=" + b; 
-				 	location.href = url;			 	
-}	
-</script>	
-<!-- basic scripts -->
-
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>场景报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/place" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">场景</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.place!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('place','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/position.ftl

@@ -1,1179 +1,129 @@
 <@override name="head">
-	<title>位置报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/zbone.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/daterangepicker.css">
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-<script src="${ctx}/assets/operator/js/exporting.js"></script>
-  	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>  	
-  <style>
-     #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px; 
-		    position: relative;
-    		top: 4px;
-        }
-        .icon-calendar{
-           z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:4px 0 0 5px; 
-        }
-        #sign{
-        	border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36aeea none repeat scroll 0% 0%;
-            cursor: pointer;
-            margin-left: 10px;
-            margin-top: -4px;
-            height: 21px;
-            line-height:21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-  </style>
+<title>位置报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
- <div id=content_bg>
-     <#include "/operator/main/public-head.ftl">
-   		<div id="pagecontent">
-   			<div id="page-edit"> 
-		   		<div id="second" style="width:100%;">
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-						<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-						<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 			 </div>
-   		 	<div id="third" style="clear:both;margin:10px 0 -5px -9px;">
-				<ul>
-			    	<li class="size1">&nbsp;<i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">&nbsp;首页&nbsp;</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">&nbsp;&nbsp;数据报表&nbsp;&nbsp;</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">&nbsp;&nbsp;位置报表&nbsp;</li>
-			    </ul>  
- 			</div>  
-    		<form id="searchform" action="${ctx}/operator/main/ad/report/advertiser-report/position" method="post">	
-    		 <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-    		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">	
-    		 	<div style="clear:both;">	
-					<span id="date-one" style="margin-left:-5px;">
-						<a class="today da" value="today">今天</a> |
-						<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-						<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-						<a class="lastWeek da" value="lastWeek">上周</a> |
-						<a class="thisMonth da" value="thisMonth">本月</a> |
-						<a class="lastMonth da" value="lastMonth">上月</a>
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>位置报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/position" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
 					</span>
-					<i class="icon-calendar"></i>
-					<input type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>		
-					<input type="submit" name="submit" id="sign" value="查询">
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">位置</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><#if report.position==1>认证<#elseif report.position==2>跳转<#elseif report.position==3>上网过程</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('position','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
 				</div>
-					<div class="chart" style="margin-top:8px;"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-						
-					<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-				   </div>		
-								
-			
-	  			 <div class="fig">
-					<table border="1" class="tablefig1" id="tablefig">					        
-						 <thead>
-					      	 <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">		                    
-			                    <th class="td1" style="text-align:center;">位置</th>                
-			                    <th class="td1" style="text-align:center;">浏览量占比(%)</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-impression">PV</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-impression">UV</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-impression">广告曝光数</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-impression">广告填充率(%)</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-click">广告点击数</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-visit">广告点击率(%)</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-conversion">eCPM</th>
-			                    <th class="td1" style="text-align:center;" class="hidden-income">收入</th>                  
-                			</tr>
-                		</thead>
-                	<tbody>
-                    <#if reportList ??>
-                	<#list reportList as report>
-	                	<tr>		                    
-		                    <td  class="td2" style="text-align:center;"><#if report.position==1>认证<#elseif report.position==2>跳转<#elseif report.position==3>上网过程</#if></td>
-		                    <td  class="td2" style="text-align:center;">${report.viewRate!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.pv!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.uv!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-impression">${report.fillRate!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.click!}</td>
-		                    <td  class="td2" style="text-align:center;">${report.clickRate!}</td>  
-		                    <td  class="td2" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-		                    <td  class="td2" style="text-align:center;" class="hidden-income">${report.income!}</td>
-	                	</tr>
-	                </#list>  
-                    </#if>
-               	 	</tbody>
-            	</table>
-        	</div>
 			</form>
-			<div id="daochu_size" style="margin-top:0px;">
-			  <!--<button class="export">导出EXCEL</button>-->
-			  <a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
-			</div> 
-			
-	</div>	
+	  	</div>        
+    </div>
 </div>
-</div>     		
 </@override>
-<@extends name="/common/simple.ftl"/>
-<style type="text/css">
-.calendar{
-float:right;
-margin:5px 10px;
-}
-.controls-reset{
-margin-left:25px;
-margin-top:20px;
-}
-
-</style>
-<script type="text/javascript">
-   Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    }
-    $('#date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0:
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1:
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3:
-                var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4:
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5:
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-</script>
-<script type="text/javascript">
-  	$('#dateRangePicker').dateRangePicker({});
-  	if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#date-one #yesterday").addClass('dateChange');
-	}
-		
-	$('#date-one a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#date-one a').removeClass('dateChange');
-	});
-    var tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body'); 
-</script>
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  		$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  		$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  		$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
- 
- <!--控制柱状图取值-->			
-<script type="text/javascript">
-
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");	  				
-		  				var c=[];	  			
-			  			for(i=0;i<b.length;i++){ 
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}	
-					}
-					catch(e){}
-					return c;
-	}
-$(function () {
-			u=${startDate};
-			v=${endDate}; 				
-			m=getele();
-			n=${listSize};			
-			<!--给柱子加颜色-->
-			var color=[];
-			for(i=0;i<n;i++){
-					color[i]='#36aeea';
-			}		
-			n2=10;
-			n1=n*n2;
-			<!--取x轴-->
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-			<!--取y轴-->
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-	//到处execl
-	function exportExcel(){
-		if($("#dateRangePicker").val()!=""){
-			$("#exportExcel").attr("href","${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?position=1&dateRangePicker="+$("#dateRangePicker").val());
-		}else{
-			$("#exportExcel").attr("href","${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?position=1");
-		}
-	};
-</script>
-<script type="text/javascript">
- //控制页码
-  
-      $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#searchform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			
-			
-		});
-});	 
-</script>    
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/size.ftl

@@ -1,1184 +1,129 @@
 <@override name="head">
-	<title>尺寸报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/report_size.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/zbone.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link href="${ctx}/assets/operator/css/font-awesome.min.css"  rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/report_size_bar.js"></script>
-	<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-	<script src="${ctx}sjs/exporting.js"></script>
-	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
-	
-	 <style type="text/css">
-        .tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px; 
-		    position: relative;
-    		top: 4px;
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:4px 0 0 5px; 
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36aeea none repeat scroll 0% 0%;
-            cursor: pointer;
-            margin-left: 10px;
-            margin-top: -4px;
-            height: 21px;
-            line-height:21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-      
-
-    </style>
+<title>尺寸报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
-
- <@override name="body">
- <div id=content_bg>
-	 <#include "/operator/main/public-head.ftl">
-   <div id= "pagecontent"> 
-	    
-	   <div id="page-edit"> 
-	     <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 		    </div>
-		    
-   		 	<div id="third" style="margin:10px 0 -5px -7px;">
-				<ul>
-			    	<li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">尺寸报表</li>
-			    </ul>  
- 			</div>  
-	    <form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/size" method="post">
-	     <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-	     <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">	
-								<span id="date-one" style="display:inline-block;margin-left:-5px;">
-									<a class="today da" value="today">今天</a> |
-									<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-									<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-									<a class="lastWeek da" value="lastWeek">上周</a> |
-									<a class="thisMonth da" value="thisMonth">本月</a> |
-									<a class="lastMonth da" value="lastMonth">上月</a> 
-								</span>
-								<i class="icon-calendar"></i>
-								<input  type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
-								<input id="sign" type="submit" value="查询"/>
-					 <div class="chart" style="margin-top:8px;"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-						
-					<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>		
-						
-						
-						 <div class="fig">
-						 		<table border="1" class="tablefig1" id="tablefig">
-					            
-					                <thead>
-					                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-					                    
-					                    <th class="td1" style="width:10%;">尺寸</th>
-					                    <th class="td1" style="width:10%;">浏览量占比(%)</th>
-					                    <th class="td1" style="width:9%;" class="hidden-impression">PV</th>
-					                    <th class="td1" style="width:9%;" class="hidden-impression">UV</th>
-					                    <th class="td1" style="width:9%;" class="hidden-impression">广告曝光数</th>
-					                    <th class="td1" style="width:9%;" class="hidden-impression">广告填充率</th>
-					                    <th class="td1" style="width:9%;" class="hidden-click">广告点击数</th>
-					                    <th class="td1" style="width:9%;" class="hidden-visit">广告点击率</th>
-					                    <th class="td1" style="width:9%;" class="hidden-conversion">eCPM</th>
-					                    <th class="td1" style="width:9%;" class="hidden-income">收入</th>
-					                  
-					                </tr>
-					                
-					                </thead>
-					
-					                <tbody>
-					                   <#if reportList ??>
-					                     <#list reportList as report>
-					             
-						                 <tr id="tr22">
-						                  
-						                    <td class="td2" style="text-align:center;">${report.width!}×${report.height!}</td> 
-						                    <td class="td2" style="text-align:center;">${report.viewRate!}</td>
-						                    <td class="td2" style="text-align:center;">${report.pv!}</td>
-						                    <td class="td2" style="text-align:center;">${report.uv!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-impression">${report.fillRate!}</td>
-						                    <td class="td2" style="text-align:center;">${report.click!}</td>
-						                    <td class="td2" style="text-align:center;">${report.clickRate!}</td>  
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-						                    <td class="td2" style="text-align:center;" class="hidden-income">${report.income!}</td>
-						                 </tr>
-					                   </#list>  
-				                      </#if>
-					                </tbody>
-					            </table>
-                          </div>
-	 
-						<div id="daochu_size">
-				<!--<button class="btn2" >导出Excel</button>-->
-				<a class="ljbtn2" id="exportExcel" href="javascript:void(0);" onClick="exportExcel()">导出Excel</a>
-			</div>
-			<div id="pagemove_size">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-						  </div>	
-						  </form>			
-			</div>
-  </div>   
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-    $('#date-one a').click(function(e){
-       	e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-               	var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-    
-    
-    
-    
-    
-<script type="text/javascript">
-		$('#dateRangePicker').dateRangePicker();
-		if($('#dateRangePicker').val() == ""){
-			$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-			$("#date-one #yesterday").addClass('dateChange');
-		}
-		
-		$('#date-one a').each(function(){
-			var value = $(this).attr("value");
-			if($("#dateTab").val() == value){
-				$(this).addClass('dateChange');
-			}
-		});
-		//点击日期控件的按钮时，去掉前面时间标签的样式
-		$(".apply-btn").click(function(){
-			$("#dateTab").val("");
-			$('#date-one a').removeClass('dateChange');
-		});
-</script>
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			//alert("pvdata");
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-			
-     
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
- 
- <!--控制柱状图取值-->			
-<script type="text/javascript">
-
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");	  				
-		  				var c=[];	  			
-			  			for(i=0;i<b.length;i++){  
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}	
-					}
-					catch(e){}
-					return c;
-	}
-
-$(function () {
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			<!--给柱子加颜色-->
-			var color=[];
-			for(i=0;i<n;i++){
-					color[i]='#36aeea';
-			}
-			n2=10;
-			n1=n*n2;
-			<!--取x轴-->
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				   j++;
-			}
-			<!--取y轴-->
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);			
-			
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]       
-    });   
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true     
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]       
-    });    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv          
-        }]        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang         
-        }]       
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchongxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]       
-    });    
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]      
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });
-    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                  
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]        
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouruxlabel
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru
-     }]       
-    });
-});
-
-	//到处execl
-	function exportExcel(){
-		if($("#dateRangePicker").val()!=""){
-			$("#exportExcel").attr("href","${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?size=1&dateRangePicker="+$("#dateRangePicker").val());
-		}else{
-			$("#exportExcel").attr("href","${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?size=1");
-		}
-	};
-</script>
- <script type="text/javascript">
- //控制页码
-  
-      $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click();//触发搜索
-			
-			
-		});
-});	     
-</script>  
- 
- 
-<!-- basic scripts -->
-
+<@override name="body">
+<div id=content_bg>
+	<#include "/operator/main/public-head.ftl">
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>尺寸报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/size" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">尺寸</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender">${report.width!}×${report.height!}</td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('size','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
+</div>
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/system.ftl

@@ -1,1379 +1,129 @@
 <@override name="head">
 <title>系统报表</title>
 <link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/xitong.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-<link rel="stylesheet" href="/ssp_operator/assets/operator/css/indexpage.css"/>
-<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-<link href="${ctx}/assets/operator/css/font-awesome.min.css" rel="stylesheet"/ rel="stylesheet">
 <link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-<script src="${ctx}/assets/operator/js/exporting.js"></script>
- <script type="text/javascript" src="${ctx}/assets/operator/js/data.js"></script> 
- <script type="text/javascript" src="${ctx}/assets/operator/js/drilldown.js"></script> 
-
-<script type="text/javascript">
-
-	var datefalg = true;
-    $('#f1').validate({
-        errorElement: 'span',
-        errorClass: 'help-inline',
-        focusInvalid: false,
-        onfocusout: function(element) {
-                $(element).valid();
-            },
-        rules: {
-             campaignName: {
-                required: true,
-                maxlength:50
-            },
-            totalBudget:{
-                number:true,
-                required:true
-            },
-           dailyBudget:{
-                number:true,
-                
-            },
-           maxImpression:{
-                 number:true,
-            },
-           maxClick: {
-                number:true,
-            },
-            maxConversion: {
-                 number:true,
-              
-            },
-           
-            dailyMaxImpression:{
-                digits:true,
-            },
-            dailyMaxclick:{
-                digits:true,
-            },
-            dailyMaxConversion:{
-                digits:true,
-            }
-           },
-        messages: {
-            campaignName:{
-                required:"请输入内容！",
-                maxlength:"输入的长度大于50超出范围！"
-            },
-            totalBudget:{
-                required:"请输入内容！",
-                number:"请输入数字！"
-            },
-            dailyBudget:{
-                number:"请输入数字！"
-            },
-            maxImpression:{
-                number:"请输入数字！"
-            },
-           maxClick:{
-                
-                number:"请输入数字！"
-            },
-            
-            maxConversion:{
-               
-                number:"请输入数字！"
-            },
-           
-            dailyMaxImpression:{
-                digits:"请输入整数！"
-            },
-            dailyMaxclick:{
-                digits:"请输入整数！"
-            },
-            dailyMaxConversion:{
-                digits:"请输入整数！"
-            }
-           
-        },
-      invalidHandler: function (event, validator) { //display error alert on form submit
-            $('.alert-error', $('.login-form')).show();
-        },
-        highlight: function (e) {
-            $(e).closest('.p1').removeClass('info').addClass('error');
-            $(e).closest('.p1').find("span.c1").addClass('hidden');
-        },
-        success: function (e) {
-            $(e).closest('.p1').removeClass('error').addClass('info');
-            $(e).closest('.p1').find("span.c1").removeClass('hid');
-            $(e).remove();
-        },
-        errorPlacement: function (error, element) {
-        	element.next($("span .c1")).addClass('hid')
-            error.insertAfter(element.after());
-        },
-        
-    });
-
-$('input[name=startDate]').change(function(){
-        var startDate = $('input[name=startDate]').val();
-        var endDate = $('input[name=endDate]').val();
-        if(startDate!==null||startDate!==""){
-            $(this).nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-            if(startDate>endDate){
-                $('input[name=endDate]').nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-                datefalg = false;
-            }else{
-                $('input[name=endDate]').nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-                datefalg = true;
-            }
-        }
-    });
-    $('input[name=endDate]').change(function(){
-        var startDate = $('input[name=startDate]').val();
-        var endDate = $('input[name=endDate]').val();
-        if(startDate==null||startDate==""){
-            $('input[name=startDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-        }else{
-            if(startDate>endDate){
-                $(this).nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-                datefalg = false;
-            }else{
-                $(this).nextAll(".date-inline").text("选择结束投放日期").removeClass("loginerror");
-                datefalg = true;
-            }
-        }
-    });
-</script>
-
-
-<script type="text/javascript">
-
-        	$(document).ready(function(){
-        	
-	        
-	        	 
-			$("#pv1").removeClass().addClass('fenlchange');
-			// alert("pv");
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			 //alert("pvname");
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			//alert("pvdata");
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-			
-     
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				 //alert("pv");
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				// alert("pvname");
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				 //alert("pv");
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				// alert("pvname");
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-	
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				// alert("uv");
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				// alert("uvname");
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})		
-	  			
-	  		//alert("hahaha");	
-	  			
-	  		});
-        </script>
-		
-
-
- <style type="text/css">
-        #banner{
-            margin-left:10px;
-            
-            
-        }
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;
-		    position: relative;
-    		top: 6px; 
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:9px 0 0 5px;
-        }
-        #sign{
-            border: medium none;
-            border-radius: 5px;
-            color: #FFF;
-            background: #36aeea none repeat scroll 0% 0%;
-            cursor: pointer;
-            top:5px;
-            margin-left:14px;
-            height: 21px;
-            line-height:21px;
-            display: inline;
-            font-size: 12px;
-            text-align: center;
-            width: 90px;
-        }
-		.date a{
-			color:#36aeea;
-		}
-		#third{
-			margin-top:5px;
-			margin-bottom:5px;
-			margin-left:2px;
-		}
-    </style>
-
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
+<div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    <div id= "pagecontent">
-    <div id="page-edit">
-		    	 <div id="second">
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-							<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-							<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 				 </div>
-			<div id="third" style="clear:both;margin:10px 0 -10px -7px;">
-				<ul>
-			        <li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">系统报表</li>
-			    </ul>  
- 			</div>  
-
-
-				<div id="form1">
-		    		<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/system" method="post">
-		    		 <input id="page" autocomplete="off"  type="hidden" name="page" value="${pager.page!}">	
-		    		 <input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">	
-				        		<div class="control-group control-group-lfet">
-									<div class="controls-reset">
-										<div class="row-fluid input-append date " >
-										<span id="banner" style="margin-left:-4px;position:relative;top:10px;">
-											<a value="today">今天</a> |
-											<a id="yesterday" value="yesterday">昨天</a> |
-											<a value="lastSevenDays">前七天</a> |
-											<a value="lastWeek">上周</a> |
-											<a value="thisMonth">本月</a> |
-											<a value="lastMonth">上月</a>
-										</span >			
-										<i class="icon-calendar"></i>
-										<input type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}" />
-										<input id="sign" type="submit" value="查询"/>
-									</div>
-									
-								</div>
-							</div>
-					
-							<div class="chart" style="width:99.8%;"> 
-								<div  id="linechart1" style="min-width: 94%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-							</div>
-					
-							<div class="fenall">	
-								<div  id="pv1" class="fenl">
-									<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-								</div>
-								<div  id="PV2" class="fenl">
-									<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-								</div>
-								<div  id="uv1" class="fenl">
-									<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-								</div>
-								<div id="bgs1" class="fenl">
-									<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-								</div>
-								<div  id="tan1" class="fenl">
-									<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-								</div>
-								<div id="djs1" class="fenl">
-									<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-								</div>
-								<div  id="dian1" class="fenl">
-									<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-								</div>
-								<div id="E1" class="fenl">
-									<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-								</div>
-								<div id="shr1" class="fenl">
-									<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-								</div>
-							</div>	
-					
-				       		<div class="fig1">
-							    <table border="1" class="tablefig" id="tablefig">
-							    	<thead>
-					                	<tr>
-						                   
-						                    <th  class="t1" style="text-align:center;">系统</th>
-						                    <th class="t1" style="text-align:center;">浏览量占比</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-impression">PV</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-impression">UV</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-impression">广告曝光数</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-impression">广告填充率</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-click">广告点击数</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-visit">广告点击率</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-conversion">eCPM</th>
-						                    <th class="t1" style="text-align:center;" class="hidden-income">收入</th>
-					                	</tr>
-				                	</thead>
-				                	<tbody>
-				                    <#if reportList ??>
-				                	<#list reportList as report>
-					                	<tr>
-						                 
-						                    <td class="d1" style="text-align:center;"><#if report.system==1>windows<#elseif report.system==2>ios<#elseif report.system==3>android<#elseif report.system==4>mac<#elseif report.system==5>wp<#else>other</#if></td> 
-						                    <td class="d1" style="text-align:center;">${report.viewRate!}%</td>
-						                    <td class="d1" style="text-align:center;">${report.pv!}</td>
-						                    <td class="d1" style="text-align:center;">${report.uv!}</td>
-						                    <td class="d1" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-						                    <td class="d1" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-						                    <td class="d1" style="text-align:center;">${report.click!}</td>
-						                    <td class="d1" style="text-align:center;">${report.clickRate!}%</td>  
-						                    <td class="d1" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-						                    <td class="d1" style="text-align:center;" class="hidden-income">${report.income!}</td>
-					                	</tr>
-					                </#list>  
-				                    </#if>
-				                	</tbody>
-				            	</table>
-				        	</div>
-		       				 <div id="daochu_system">
-								<a  class="ljbtn2" id="exportExcel" onclick="transdaochu()" >导出Excel</a>
-							</div>
-		       		
-				       		<div id="pagemove_system">
-							<div class="pageDiv pagemove">
-							       <#include "/common/pagination/simple.ftl"/>
-							</div>	
-							</div>
-		        </form>
-		     </div>
-   </div>
-  </div>
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
+		    </div>
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>系统报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/system" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
+						<i class="icon-calendar"></i>   
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">系统</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><#if report.system==1>windows<#elseif report.system==2>ios<#elseif report.system==3>android<#elseif report.system==4>mac<#elseif report.system==5>wp<#else>other</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('system','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
 </div>
-    <!-- basic scripts -->
 </@override>
-<@extends name="/common/simple.ftl"/>
-	     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-    
-    function getlastMonth_start(){
-    var now = new Date(); 
-    var nowMonth = now.getMonth(); 
-    var lastMonthDate = new Date(); 
-    lastMonthDate.setDate(1);
-    lastMonthDate.setMonth(lastMonthDate.getMonth()-1); 
-    
-    }
-
-    $('.controls-reset a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-</script>
-<script type="text/javascript">	
-function transdaochu(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-				 	var param = {
-						"dateRangePicker" : ""
-					}
-				 	b=$("#dateRangePicker").val();
-				 	param.dateRangePicker = b;
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?system=1&dateRangePicker=" + b; 
-				 	location.href = url;			 	
-}	
-</script>	
-<script type="text/javascript">
-  
-    var $tooltip = $("<div class='tooltip right in' style='display:none;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>").appendTo('body');
-    $('#dateRangePicker').dateRangePicker();
-    if($('#dateRangePicker').val() == ""){
-		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-		$("#banner #yesterday").addClass('dateChange');
-	}
-		
-	$('#banner a').each(function(){
-		var value = $(this).attr("value");
-		if($("#dateTab").val() == value){
-			$(this).addClass('dateChange');
-		}
-	});
-	//点击日期控件的按钮时，去掉前面时间标签的样式
-	$(".apply-btn").click(function(){
-		$("#dateTab").val("");
-		$('#banner a').removeClass('dateChange');
-	});
-</script>
-
-<!--控制柱状图取值-->		
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  					c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-					}
-					catch(e){}
-					return c;
-	}
-	$(document).ready(function(){
-			b=$(".span11").val();
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			n2=10;
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-    $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-</script>
-
-<script type="text/javascript">
- //控制页码
-  
-      $(function(){
-      	$('.pagemove .pagination ul li a[href]').click(function(){
-			console.log('aaa');
-			var _page = $(this).attr('href').substr(1);//获取当前点击的页码
-			console.log(_page);
-			var _form = $('#myform');
-			_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
-			console.log(_form.find('input:hidden[name="page"]').val());
-			$('#sign').click(); //触发搜索
-		});
-});	     
-</script>  		     
-		     
-
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/report/advertiser-report/type.ftl

@@ -1,1169 +1,129 @@
 <@override name="head">
-	<title>类型报表</title>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	<link rel="stylesheet" href="/ssp_operator/assets/operator/css/indexpage.css"/>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/ad-report.css">
-	<link href="${ctx}/assets/operator/css/font-awesome.min.css" rel="stylesheet"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />	
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/moment.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.custom.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/date.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-	<script src="${ctx}/assets/operator/js/highcharts.js"></script>
-	<script src="${ctx}/assets/operator/js/exporting.js"></script>
- 	<script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
- 
-
- <style type="text/css">
-        #tex{
-            border:1px solid #dfdfdf;
-        }
-        #dateRangePicker{
-            border: medium none;
-		    font-size: 12px;
-		    height: 21px;
-		    width: 160px;
-		    border: 1px solid #dfdfdf;
-		    padding:0 0 0 20px;
-		    position: relative;
-    		top: 4px; 
-        }
-        .icon-calendar{
-            z-index:9999;
-           	background-image:none;
-           	position:absolute;
-           	margin:4px 0 0 5px;
-        }
-    </style>
-
+<title>类型报表</title>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/public-head.css"/>
+<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
+<link rel="stylesheet" href="${ctx}/assets/css/report_operator.css" />
+
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/moment.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.daterangepicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/highcharts.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/shortcutkey_datePicker.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
 </@override>
 <@override name="body">
-   <div id=content_bg>
+<div id=content_bg>
 	<#include "/operator/main/public-head.ftl">
-    	<div id= "pagecontent">
-    	  <div id="page-edit">
-		    <div id="second">
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report" >总体报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/size" >尺寸报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/position" >位置报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/system" >系统报表</a></div>
-				<div class="report6all re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/type" >类型报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/areal" >地域报表</a></div>
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/place"  >场景报表</a></div> 
-				<div class="report6 re"><a class="alj" href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a></div> 
-
+    <div id="pagecontent">
+   		<div id="content">
+		    <div id="selectBar">
+				<a href="${ctx}/operator/main/ad/report/advertiser-report">总体报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/size">尺寸报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/position">位置报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/system">系统报表</a>
+				<a class="selectBar_change" href="${ctx}/operator/main/ad/report/advertiser-report/type">类型报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/areal">地域报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/place">场景报表</a>
+				<a href="${ctx}/operator/main/ad/report/advertiser-report/apmac">热点报表</a>
 		    </div>
-   		 	<div id="third" style="clear:both;margin:10px 0 -5px -7px;">
-				<ul>
-			    	<li class="size1"><i class="icon-home homepic"></i> <a href="${ctx}/operator/main/dashboard" style="color:#36aeea">首页</a>
-				    <span class="divider1"><i class="icon-angle-right"></i></span></li>
-			        <li class="size2"><a href="${ctx}/operator/main/ad/report/advertiser-report" style="color:#36aeea">数据报表</a></li>
-			        <li><span class="divider2"><i class="icon-angle-right"></i></span></li>
-			        <li style="color: #4c637b;" class="size3">类型报表</li>
-			    </ul>  
- 			</div>  
-	 		<form action="${ctx}/operator/main/ad/report/advertiser-report/type" method="post">	
-	 		<input type="hidden" id="dateTab" name="dateTab" value="${dateTab!}">	
-	 				<div style="clear:both;"> 
-			    		<span id="date-one" style="margin-left:-5px;">
-							<a class="today da" value="today">今天</a> |
-							<a id="yesterday" class="yesterday da" value="yesterday">昨天</a> |
-							<a class="lastSevenDays da" value="lastSevenDays">前七天</a> |
-							<a class="lastWeek da" value="lastWeek">上周</a> |
-							<a class="thisMonth da" value="thisMonth">本月</a> |
-							<a class="lastMonth da" value="lastMonth">上月</a>
-						</span >
-					
+ 			<div id="navDiv">
+				<ul id="navDiv_ul">
+					<li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a></li>
+					<li><i class="icon-angle-right"></i></li>
+					<li><a href="${ctx}/operator/main/ad/report/advertiser-report">数据报表</a></li>
+					<li><i class="icon-angle-right"></i></li>
+				    <li>类型报表</li>
+				</ul>  
+ 			</div>
+        	<form id="myform" action="${ctx}/operator/main/ad/report/advertiser-report/type" method="post">		
+        		<input id="page" type="hidden" name="page" value="${pager.page!}"/>	
+        		<input id="dateTab" type="hidden" name="dateTab" value="${dateTab!}"/>
+        		<input id="listSize" type="hidden" name="listSize" value="${listSize!}"/>
+		 		<div id="content_choose">	
+					<span id="dateChoose_span">
+						<a value="today">今天</a> |
+						<a id="yesterday" value="yesterday">昨天</a> |
+						<a value="lastSevenDays">前七天</a> |
+						<a value="lastWeek">上周</a> |
+						<a value="thisMonth">本月</a> |
+						<a value="lastMonth">上月</a> 
+					</span>
+					<span id="calendar_span">
 						<i class="icon-calendar"></i>   
-						<input class="inputrili" type="text" name="dateRangePicker"  id="dateRangePicker" value="${dateRangePicker!}"/>
-			             <button onclick="transcalender()" class="check_cal_type" id="check_cal">查询</button>
-			         </div>
-					 <div class="chart" style="margin-top:8px;width: 99.8%;"> 
-						<div  id="linechart1" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart2" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart3" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart4" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart5" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart6" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart7" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart8" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					    <div  id="linechart9" style="min-width: 84%; height: 325px; margin: 0 auto"></div>
-					</div>
-				 
-				 	<div class="fenall">	
-						<div  id="pv1" class="fenl">
-							<div id="pvname1" class="fenlname"><span class="lala">浏览量占比</span></div>
-						</div>
-						<div  id="PV2" class="fenl">
-							<div id="PVname1" class="fenlname"><span class="lala">PV</span></div>
-						</div>
-						<div  id="uv1" class="fenl">
-							<div id="uvname1" class="fenlname"><span class="lala">UV</span></div>
-						</div>
-						<div id="bgs1" class="fenl">
-							<div id="bgsname1" class="fenlname"><span class="lala">广告曝光数</span></div>
-						</div>
-						<div  id="tan1" class="fenl">
-							<div id="tanname1" class="fenlname"><span class="lala">广告填充率</span></div>
-						</div>
-						<div id="djs1" class="fenl">
-							<div id="djsname1" class="fenlname"><span class="lala">广告点击数</span></div>
-						</div>
-						<div  id="dian1" class="fenl">
-							<div id="dianname1" class="fenlname"><span class="lala">广告点击率</span></div>
-						</div>
-						<div id="E1" class="fenl">
-							<div id="Ename1" class="fenlname"><span class="lala">eCPM</span></div>
-						</div>
-						<div id="shr1" class="fenl">
-							<div id="shrname1" class="fenlname"><span class="lala">收入</span></div>
-						</div>
-					</div>	
-				 
-				 
-					<div class="fig">
-			            <table border="1" class="tablefig1" id="tablefig" style="width:100%;">
-			                <thead>
-			                <tr class="tr1"  id ='tr11' style="background:#f2f6fa;">
-			                
-			                    <th class="td1"  style="text-align:center; width:5%">类型</th>
-			                    <th class="td1" style="text-align:center; width:7%" >浏览量占比</th>
-			                    <th class="td1" style="text-align:center; width:6%" >PV</th>
-			                    <th class="td1" style="text-align:center; width:6%" >UV</th>
-			                    <th class="td1" style="text-align:center;  width:9%" >广告曝光数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告填充率</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击数</th>
-			                    <th class="td1" style="text-align:center; width:9%">广告点击率</th>
-			                    <th class="td1" style="text-align:center; width:7%">eCPM</th>
-			                    <th class="td1" style="text-align:center; width:8%" >收入</th>
-			                </tr> 
-			                </thead>
-			
-			                <tbody>
-			                    <#if reportList ??>
-			                <#list reportList as report>
-			             
-				                <tr id="tr22">
-				                	
-				                    <td class="td2" id="tdriqi" style="text-align:center;"><#if report.device==1>网页<#else>app</#if></td> 
-				                    <td class="td2" id="tdpv"  class="shishi" style="text-align:center;">${report.viewRate!}%</td>
-				                    <td class="td2" id="tduv" style="text-align:center;">${report.pv!}</td>
-				                     <td class="td2" id="tduv" style="text-align:center;">${report.uv!}</td>
-				                    <td class="td2" id="tdimpression" style="text-align:center;" class="hidden-impression">${report.impression!}</td>
-				                    <td class="td2" id="tdfillrate" style="text-align:center;" class="hidden-impression">${report.fillRate!}%</td>
-				                    <td class="td2" id="tdclick" style="text-align:center;">${report.click!}</td>
-				                    <td class="td2" id="tdclickrate" style="text-align:center;">${report.clickRate!}%</td>  
-				                    <td class="td2" id="tdecpm" style="text-align:center;" class="hidden-income">${report.eCpm!}</td>
-				                    <td class="td2" id="tdincome" style="text-align:center;" class="hidden-income">${report.income!}</td>
-				                	
-				                </tr>
-				                </#list>  
-			                    </#if>
-			                </tbody>
-		           		 </table>
-		           	</div>
-		           			
-        </form>
-		           <div id="daochu_type">
-							
-							<a class="ljbtn2" onclick="transdaochu()" >导出Excel</a>
-				
-					</div>
-					
-  		</div>    
-	 </div>       
- 
+						<input type="text" name="dateRangePicker" id="dateRangePicker" value="${dateRangePicker!}"/>
+					</span>
+					<input id="btn_formSubmit" type="submit" value="查询"/>
+				</div>
+				<div id="chartDivs"> 
+			    	<div id="linechart0" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart1" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart2" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart3" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart4" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart5" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart6" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart7" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+			        <div id="linechart8" class="linechart" style="min-width:93%;height:325px;margin:0 auto;"></div>
+				</div>
+				<div id="content_chartLender">
+					<input id="dataFrame" name="dataFrame" type="hidden" value="${dataFrame!}"/>
+					<div id="chartLender0" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">浏览量占比</span></div>
+					<div id="chartLender1" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">PV</span></div>
+					<div id="chartLender2" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">UV</span></div>
+					<div id="chartLender3" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告曝光数</span></div>
+					<div id="chartLender4" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告填充率</span></div>
+					<div id="chartLender5" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击数</span></div>
+					<div id="chartLender6" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">广告点击率</span></div>
+					<div id="chartLender7" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">eCPM</span></div>
+					<div id="chartLender8" class="chartLender_name"><span class="chartLender_box"></span><span class="chartLender_span">收入</span></div>
+				</div>
+				<table border="1" class="tableFig">
+			    	<thead>
+			    		<tr class="theadTr">
+			            	<th class="theadTh" style="width:10%">类型</th>
+			                <th class="theadTh" style="width:10%">浏览量占比(%)</th>
+			                <th class="theadTh" style="width:9%">PV</th>
+			                <th class="theadTh" style="width:9%">UV</th>
+			                <th class="theadTh" style="width:9%">广告曝光数</th>
+			                <th class="theadTh" style="width:9%">广告填充率</th>
+			                <th class="theadTh" style="width:9%">广告点击数</th>
+			                <th class="theadTh" style="width:9%">广告点击率</th>
+			                <th class="theadTh" style="width:9%">eCPM</th>
+			                <th class="theadTh" style="width:9%">收入</th>
+			            </tr> 
+			        </thead>
+			        <tbody>
+			        	<#if reportList ??>
+			            <#list reportList as report>
+				        <tr id="tbodyTr">
+				        	<td class="tbodyTd tbodyTdLender"><<#if report.device==1>网页<#else>app</#if></td> 
+				        	<td class="tbodyTd">${report.viewRate!}</td> 
+				            <td class="tbodyTd">${report.pv!}</td>
+				            <td class="tbodyTd">${report.uv!}</td>
+				            <td class="tbodyTd">${report.impression!}</td>
+				            <td class="tbodyTd">${report.fillRate!}</td>
+				            <td class="tbodyTd">${report.click!}</td>
+				            <td class="tbodyTd">${report.clickRate!}</td>  
+				            <td class="tbodyTd">${report.eCpm!}</td>
+				            <td class="tbodyTd">${report.income!}</td>
+				        </tr>
+				        </#list>  
+			        	</#if>
+			    	</tbody>
+		     	</table>
+		        <div id="exportReport">
+					<a id="exportExcel" class="btn_export" href="javascript:void(0);" onclick="exportExcel('type','${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel','operator')">导出Excel</a>
+				</div>
+				<div id="pageDiv">
+					<#include "/common/pagination/simple.ftl"/>
+				</div>
+			</form>
+	  	</div>        
+    </div>
 </div>
- 			     
-<script type="text/javascript">
-    Date.prototype.format = function(format)
-    {
-        var o = {
-            "M+" : this.getMonth()+1, //month
-            "d+" : this.getDate(),    //day
-            "h+" : this.getHours(),   //hour
-            "m+" : this.getMinutes(), //minute
-            "s+" : this.getSeconds(), //second
-            "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
-            "S" : this.getMilliseconds() //millisecond
-        }
-        if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-                (this.getFullYear()+"").substr(4 - RegExp.$1.length));
-        for(var k in o)if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1,
-                    RegExp.$1.length==1 ? o[k] :
-                            ("00"+ o[k]).substr((""+ o[k]).length));
-        return format;
-    }
-
-    function getlastDate(last)
-    {
-        //获取系统时间
-        var LSTR_ndate=new Date();
-        var LSTR_Year=LSTR_ndate.getFullYear();
-        var LSTR_Month=LSTR_ndate.getMonth();
-        var LSTR_Date=LSTR_ndate.getDate();
-        //处理
-        var uom = new Date(LSTR_Year,LSTR_Month,LSTR_Date);
-        uom.setDate(uom.getDate()-last);//取得系统时间的前一天,重点在这里,负数是前几天
-        var LINT_MM=uom.getMonth();
-        LINT_MM++;
-        var LSTR_MM=LINT_MM > 10?LINT_MM:("0"+LINT_MM)
-        var LINT_DD=uom.getDate();
-        var LSTR_DD=LINT_DD > 10?LINT_DD:("0"+LINT_DD)
-        //得到最终结果
-        var uom = (uom.format('yyyy-MM-dd'));
-        return uom;
-    }
-
-     $('#date-one a').click(function(e){
-        e.preventDefault;
-        var ind = $(this).index();
-        var input = $('#dateRangePicker');
-        switch (ind){
-            case 0://今天
-                var startDate = (Date.today().format('yyyy-MM-dd'));
-                var endDate = (Date.today().format('yyyy-MM-dd'));
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 1://昨天
-                var startDate = getlastDate(1);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 2://前七天
-                var startDate = getlastDate(7);
-                var endDate = getlastDate(1);
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 3://上周
-               	var startDate=(moment().add(-1,'week').startOf('week').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'week').endOf('week').format('YYYY-MM-DD'));     
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 4://本月
-                var startDate=(moment().startOf('month').format('YYYY-MM-DD'));
-                var endDate=(Date.today().format('yyyy-MM-dd'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-            case 5://上月
-                var startDate=(moment().add(-1,'month').startOf('month').format('YYYY-MM-DD'));
-                var endDate=(moment().add(-1,'month').endOf('month').format('YYYY-MM-DD'));                                                                                       
-                var val = startDate+' to '+endDate;
-                input.val(val);
-                break;
-        }
-        $("#dateTab").val($(this).attr("value"));
-        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
-    });
-    </script>   
-    
-<script type="text/javascript">
-        $('#dateRangePicker').dateRangePicker();
-        if($('#dateRangePicker').val() == ""){
-			$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
-			$("#date-one #yesterday").addClass('dateChange');
-		}
-			
-		$('#date-one a').each(function(){
-			var value = $(this).attr("value");
-			if($("#dateTab").val() == value){
-				$(this).addClass('dateChange');
-			}
-		});
-		//点击日期控件的按钮时，去掉前面时间标签的样式
-		$(".apply-btn").click(function(){
-			$("#dateTab").val("");
-			$('#date-one a').removeClass('dateChange');
-		});
-</script>    
-
-<script type="text/javascript">
-		function transcalender(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-				 	var param = {
-						"dateRangePicker" : ""
-					}
-				 	b=$(".inputrili").val();
-				 	param.choosedDate = b;
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/type?dateRangePicker=" + b;  
-				 	location.href = url;
-		}		
-</script>
-<script type="text/javascript">	
-function transdaochu(){
-					var url = ""; 
-					var type = "";
-					var ids = [];
-				 	var param = {
-						"dateRangePicker" : ""
-					}
-				 	b=$("#dateRangePicker").val();
-				 	param.dateRangePicker = b;
-				 	url = "${ctx}/operator/main/ad/report/advertiser-report/exportOtherReportExcel?device=1&dateRangePicker=" + b; 
-				 	
-				 	location.href = url;			 	
-}	
-</script>	
-	
-		     
-<!--控制柱状图的显示隐藏变化-->
-<script type="text/javascript">
-        	$(document).ready(function(){
-        	$("#pv1").removeClass().addClass('fenlchange');
-			$("#pvname1").removeClass().addClass("fenlnamechange"); 
-			$("#pvdata1").removeClass().addClass("fenldatachange"); 
-			$("#linechart2").hide(); 
-			$("#linechart3").hide();  
-			$("#linechart4").hide();  
-			$("#linechart5").hide(); 
-			$("#linechart6").hide();  
-			$("#linechart7").hide();
-			$("#linechart8").hide(); 
-			$("#linechart9").hide();   
-
-	  		$("#pv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#pv1").removeClass().addClass('fenlchange');
-				$("#pvname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart2").hide(); 
-				$("#linechart1").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-			    $("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			$("#PV2").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#PV2").removeClass().addClass('fenlchange');
-				$("#PVname1").removeClass().addClass("fenlnamechange"); 
-				$("#pvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").show(); 
-				$("#linechart3").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-				$("#linechart7").hide();
-				$("#linechart8").hide(); 
-				$("#linechart9").hide();   
-	  			})	
-	  		$("#uv1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#uv1").removeClass().addClass('fenlchange');
-				$("#uvname1").removeClass().addClass("fenlnamechange"); 
-				$("#uvdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart3").show(); 
-				$("#linechart2").hide();
-				$("#linechart4").hide(); 
-				$("#linechart5").hide();  
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide();   
-	  			})	
-	  			
-	  		$("#bgs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#bgs1").removeClass().addClass('fenlchange');
-				$("#bgsname1").removeClass().addClass("fenlnamechange"); 
-				$("#bgsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart4").show(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").hide(); 
-				$("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})	
-	  			
-	  			$("#tan1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#tan1").removeClass().addClass('fenlchange');
-				$("#tanname1").removeClass().addClass("fenlnamechange"); 
-				$("#tandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart5").show(); 
-				$("#linechart6").hide(); 
-			    $("#linechart4").hide(); 
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		$("#djs1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#djs1").removeClass().addClass('fenlchange');
-				$("#djsname1").removeClass().addClass("fenlnamechange"); 
-				$("#djsdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart6").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})				
-	  			$("#dian1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#dian1").removeClass().addClass('fenlchange');
-				$("#dianname1").removeClass().addClass("fenlnamechange"); 
-				$("#diandata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart7").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart4").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  		
-	  			$("#E1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#E1").removeClass().addClass('fenlchange');
-				$("#Ename1").removeClass().addClass("fenlnamechange"); 
-				$("#Edata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart8").show(); 
-				$("#linechart5").hide(); 
-			    $("#linechart4").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart6").hide(); 
-			    $("#linechart9").hide(); 
-	  			})		
-	  			$("#shr1").click(function(){
-	  			$(".fenlchange").removeClass().addClass('fenl');
-	  			$(".fenlnamechange").removeClass().addClass('fenlname');
-	  			$(".fenldatachange").removeClass().addClass('fenldata');
-	  			$("#shr1").removeClass().addClass('fenlchange');
-				$("#shrname1").removeClass().addClass("fenlnamechange"); 
-				$("#shrdata1").removeClass().addClass("fenldatachange"); 
-				$("#linechart1").hide(); 
-				$("#linechart2").hide(); 
-				$("#linechart3").hide(); 
-				$("#linechart4").hide(); 
-				$("#linechart9").show(); 
-			    $("#linechart6").hide();  
-	      		$("#linechart7").hide();
-			    $("#linechart8").hide(); 
-			    $("#linechart5").hide(); 
-	  			})			  				  			
-	  		});
- </script>
-<!--控制柱状图取值-->		
-<script type="text/javascript">
-	function getele(){
-					try{
-						var b=document.getElementsByTagName("td");
-			  			var c=[];
-			  			for(i=0;i<b.length;i++){
-			  				c[i]=b[i].childNodes[0].nodeValue;
-			  			}
-					}
-					catch(e){}
-					return c;
-	}
-$(function () {
-			b=$(".span11").val();
-			u=${startDate};
-			v=${endDate}; 	
-			m=getele();
-			n=${listSize};
-			n2=10;
-			var color=[];
-			for(i=0;i<n;i++){
-				color[i]='#36aeea';
-			}
-			n1=n*n2;
-			var xlabel=[];
-			var j=0;
-			for(i=0;i<n1;i+=n2){
-				xlabel[j]=m[i];
-				j++;
-			}
-
-			var lll=[];
-			var j=0;
-			for(i=1;i<n1;i+=n2){
-				lll[j]=parseFloat(m[i]);
-			    j++;
-			}
-			//排序
-			var lllxlabel = xlabel;
-			var uselllxlabel = [];
-			var uselll = [];
-			var num;
-			for(a=0;a<lll.length;a++){
-			uselll[a]=0;
-			//alert("uselll[a]是"+uselll[a]);
-			num=a;
-				 for(b=0;b<lll.length;b++){
-				 	if(uselll[a]<=lll[b]){
-				 	 uselll[a]=lll[b];
-				 	 uselllxlabel[a]=lllxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			lll[num]=0;
-			}
-			//alert("uselllxlabel是"+uselllxlabel);
-			//alert("uselll是"+uselll);
-
-			var pv=[];
-			var j=0;
-			for(i=2;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					pv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var pvxlabel = xlabel;
-			var usepvxlabel = [];
-			var usepv = [];
-			var num;
-			for(a=0;a<pv.length;a++){
-			usepv[a]=0;
-			//alert("usepv[a]是"+usepv[a]);
-			num=a;
-				 for(b=0;b<pv.length;b++){
-				 	if(usepv[a]<=pv[b]){
-				 	 usepv[a]=pv[b];
-				 	 usepvxlabel[a]=pvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			pv[num]=0;
-			}
-			//alert("usepvxlabel是"+usepvxlabel);
-			//alert("usepv是"+usepv);
-
-
-			var uv=[];
-			var j=0;
-			for(i=3;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					uv[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var uvxlabel = xlabel;
-			var useuvxlabel = [];
-			var useuv = [];
-			var num;
-			for(a=0;a<uv.length;a++){
-			useuv[a]=0;
-			//alert("useuv[a]是"+useuv[a]);
-			num=a;
-				 for(b=0;b<uv.length;b++){
-				 	if(useuv[a]<=uv[b]){
-				 	 useuv[a]=uv[b];
-				 	 useuvxlabel[a]=uvxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			uv[num]=0;
-			}
-			//alert("useuvxlabel是"+useuvxlabel);
-			//alert("useuv是"+useuv);
-
-			var adbaoguang=[];
-			var j=0;
-			for(i=4;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adbaoguang[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adbaoguangxlabel = xlabel;
-			var useadbaoguangxlabel = [];
-			var useadbaoguang = [];
-			var num;
-			for(a=0;a<adbaoguang.length;a++){
-			useadbaoguang[a]=0;
-			//alert("useadbaoguang[a]是"+useadbaoguang[a]);
-			num=a;
-				 for(b=0;b<adbaoguang.length;b++){
-				 	if(useadbaoguang[a]<=adbaoguang[b]){
-				 	 useadbaoguang[a]=adbaoguang[b];
-				 	 useadbaoguangxlabel[a]=adbaoguangxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adbaoguang[num]=0;
-			}
-			//alert("useadbaoguangxlabel是"+useadbaoguangxlabel);
-			//alert("useadbaoguang是"+useadbaoguang);
-			var adtianchong=[];
-			var j=0;
-			for(i=5;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adtianchong[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-//排序
-			var adtianchongxlabel = xlabel;
-			var useadtianchongxlabel = [];
-			var useadtianchong = [];
-			var num;
-			for(a=0;a<adtianchong.length;a++){
-			useadtianchong[a]=0;
-			//alert("useadtianchong[a]是"+useadtianchong[a]);
-			num=a;
-				 for(b=0;b<adtianchong.length;b++){
-				 	if(useadtianchong[a]<=adtianchong[b]){
-				 	 useadtianchong[a]=adtianchong[b];
-				 	 useadtianchongxlabel[a]=adtianchongxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adtianchong[num]=0;
-			}
-			//alert("useadtianchongxlabel是"+useadtianchongxlabel);
-			//alert("useadtianchong是"+useadtianchong);
-			var adclick=[];
-			var j=0;
-			for(i=6;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclick[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclickxlabel = xlabel;
-			var useadclickxlabel = [];
-			var useadclick = [];
-			var num;
-			for(a=0;a<adclick.length;a++){
-			useadclick[a]=0;
-			//alert("useadclick[a]是"+useadclick[a]);
-			num=a;
-				 for(b=0;b<adclick.length;b++){
-				 	if(useadclick[a]<=adclick[b]){
-				 	 useadclick[a]=adclick[b];
-				 	 useadclickxlabel[a]=adclickxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclick[num]=0;
-			}
-			//alert("useadclickxlabel是"+useadclickxlabel);
-			//alert("useadclick是"+useadclick);
-			var adclickl=[];
-			var j=0;
-			for(i=7;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					adclickl[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var adclicklxlabel = xlabel;
-			var useadclicklxlabel = [];
-			var useadclickl = [];
-			var num;
-			for(a=0;a<adclickl.length;a++){
-			useadclickl[a]=0;
-			//alert("useadclickl[a]是"+useadclickl[a]);
-			num=a;
-				 for(b=0;b<adclickl.length;b++){
-				 	if(useadclickl[a]<=adclickl[b]){
-				 	 useadclickl[a]=adclickl[b];
-				 	 useadclicklxlabel[a]=adclicklxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			adclickl[num]=0;
-			}
-			//alert("useadclicklxlabel是"+useadclicklxlabel);
-			//alert("useadclickl是"+useadclickl);
-
-			var ecpm=[];
-			var j=0;
-			for(i=8;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					ecpm[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-
-//排序
-			var ecpmxlabel = xlabel;
-			var useecpmxlabel = [];
-			var useecpm = [];
-			var num;
-			for(a=0;a<ecpm.length;a++){
-			useecpm[a]=0;
-			//alert("useecpm[a]是"+useecpm[a]);
-			num=a;
-				 for(b=0;b<ecpm.length;b++){
-				 	if(useecpm[a]<=ecpm[b]){
-				 	 useecpm[a]=ecpm[b];
-				 	 useecpmxlabel[a]=ecpmxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			ecpm[num]=0;
-			}
-			//alert("useecpmxlabel是"+useecpmxlabel);
-			//alert("useecpm是"+useecpm);
-
-			var shouru=[];
-			var j=0;
-			for(i=9;i<n1;i+=n2){
-					
-					if(m[i]!=null){
-					shouru[j]=parseFloat(m[i]);
-					}
-				   j++;
-			}
-			
-//排序
-			var shouruxlabel = xlabel;
-			var useshouruxlabel = [];
-			var useshouru = [];
-			var num;
-			for(a=0;a<shouru.length;a++){
-			useshouru[a]=0;
-			//alert("useshouru[a]是"+useshouru[a]);
-			num=a;
-				 for(b=0;b<shouru.length;b++){
-				 	if(useshouru[a]<=shouru[b]){
-				 	 useshouru[a]=shouru[b];
-				 	 useshouruxlabel[a]=shouruxlabel[b];
-				 	 num=b;
-				 	}
-				 }
-			//alert("num是"+num);
-			shouru[num]=0;
-			}
-			//alert("useshouruxlabel是"+useshouruxlabel);
-			//alert("useshouru是"+useshouru);	
-
-     $('#linechart1').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '浏览量占比'
-        },
-        xAxis: {
-            categories: uselllxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-
-        series: [{
-            name: "浏览量占比",
-            colorByPoint: true,
-              colors:color,
-            data: uselll
-        }]
-        
-    });
-    
-  $('#linechart2').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'PV'
-        },
-        xAxis: {
-            categories: usepvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "PV",
-            colorByPoint: true,
-              colors:color,
-            data: usepv
-        }]
-        
-    });
-    
-    
-     $('#linechart3').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: 'UV'
-        },
-        xAxis: {
-           categories: useuvxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true
-                   
-                }
-            }
-        },
-	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-           pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "UV",
-            colorByPoint: true,
-              colors:color,
-            data: useuv   
-        }]
-        
-    });
-     $('#linechart4').highcharts({
-        chart: {
-            type: 'column'
-        },
-         title: {
-            text: '广告曝光数'
-        },
-        xAxis: {
-           categories: useadbaoguangxlabel
-        },
-       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },
-		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-
-        series: [{
-            name: "  广告曝光数",
-            colorByPoint: true,
-              colors:color,
-            data: useadbaoguang  
-        }]
-        
-    });
-    $('#linechart5').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告填充率'
-        },
-        xAxis: {
-            categories: useadtianchong
-        },   
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告填充率",
-            colorByPoint: true,
-              colors:color,
-            data: useadtianchong
-        }]
-        
-    });   
-     $('#linechart6').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '广告点击数'
-        },
-        xAxis: {
-            categories: useadclickxlabel
-        },     
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },	
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "广告点击数",
-            colorByPoint: true,
-              colors:color,
-            data:  useadclick       
-        }]       
-    });
-    $('#linechart7').highcharts({
-        chart: {
-            type: 'column'
-        },
-       title: {
-            text: '广告点击率'
-        },
-        xAxis: {
-            categories: useadclicklxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },
-		plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true,
-                    format: '{point.y:.2f}%'
-                }
-            }
-        },
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
-        },
-        series: [{
-            name: "广告点击率",
-            colorByPoint: true,
-              colors:color,
-            data: useadclickl
-        }]        
-    });    
-     $('#linechart8').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: 'eCPM'
-        },
-        xAxis: {
-           categories: useecpmxlabel
-        },      
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                 pointWidth: 30,
-                dataLabels: {
-                    enabled: true                 
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "eCPM",
-            colorByPoint: true,
-              colors:color,
-            data: useecpm         
-        }]       
-    }); 
-     $('#linechart9').highcharts({
-        chart: {
-            type: 'column'
-        },
-        title: {
-            text: '收入'
-        },
-        xAxis: {
-            categories: useshouru
-        },       
-        legend: {
-            enabled: false
-        },
-        plotOptions: {
-            series: {
-                borderWidth: 0,
-                pointWidth: 30,
-                dataLabels: {
-                    enabled: true                   
-                }
-            }
-        },		
-        tooltip: {
-            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
-              pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}</b> <br/>'
-        },
-        series: [{
-            name: "收入",
-            colorByPoint: true,
-              colors:color,
-            data: useshouru                      
-        }]       
-    });
-});
-
-</script>
-<!-- basic scripts -->
-
 </@override>
-<@extends name="/common/simple.ftl"/>
-
+<@extends name="/common/simple.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/create.ftl

@@ -1,1172 +0,0 @@
- 
-<!DOCTYPE html>
-<head>
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/public-head.css"/>
-	 <link rel="stylesheet" href="${ctx}/assets/operator/css/create.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/style.css">
-	<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/geo.css">
-	<link rel="stylesheet" href="${ctx}/assets/operator/js/schedule/s.css">
-    <link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/regionReport.css">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/font-awesome.min.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/bootstrap.min.css">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/banner-template-list.css"/>
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/zbone.css"/>
-	
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-	
-	<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-
-<style>
-		
-		.ui-widget-overlay { background: #aeaeae 50% 50% repeat-y; opacity: .90;filter:Alpha(Opacity=90); position: absolute; top: 0; left: 0; width: 100%; height:460%;;}
-		.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-		.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
-		.modal-foot{text-algin:center;width:560px;}
-		.modal-head{height:25px; }
-		.modal-content{height:380px;}
-		label{font-size:14px;}
-		modal-dialog{backgroud:#ffffff 100% 100% repeat;}
-		#wifitab{float:left;margin-left:10px;}
-		#wifitabul { margin:0; padding:0; list-style:none; overflow:hidden; float:left;margin-left:0 20px 0 0; width:320px;border-bottom:1px solid #E9E9E9;}
-        #wifitabul li {float:left;line-height:30px;color:#3469E2;border-radius: 5px 5px 0px 0px;display:block;cursor:pointer;width:85px;text-align:center;border:1px solid #E9E9E9;}
-        #wifitabul li a { color:#3469E2; text-decoration:none; }
-        #wifitabul li.current { background-color:#eeeeee;}
-        #wifipage{height:320px;width:360px;}
-		#divLBS{width:860px;height:540px;background-color:#ffffff;}
-		#mapdistance{width:35px;}
-		#divmapsearch{height:35px;}
-		#mapview{width:560px;height:360px;margin-top:10px;}
-		#wifimap{width:560px;height:360px;float:left;}
-		#address{width:180px;}
-		#divselectedwifi{margin-top:15px;font-size:14px;}
-		#divsearchedwifi{margin-top:15px;font-size:14px;}
-		#prov{width:80px;}
-		#city{width:80px;}
-		#wifitab{height:380px;}
-		#distance{width:80px;}
-		#content{position:absolut;}
-		.pagination{float:left;margin-left:10px;width:320px;}
-		.pagination-mini{margin:0; padding:0; list-style:none; overflow:hidden; float:left;  border:solid 1px #E9E9E9;border-radius: 5px;}
-		.pagination-mini li{margin:0px; padding:3px; list-style:none; overflow:hidden; float:left; width:20px;height:20px;border:solid 1px #E9E9E9;text-align:center; }
-		#pagecontent{
-		 margin-top:42px;
-		}
-		#third{
-		margin-left:-63px;
-		margin-top:-10px;
-		}
-		.control-group{
-			margin-left:-25px;
-		}
-		.time_tit{
-  	height:30px;
-  	line-height:30px;
-  }
-  .time_tit p{
-  	float: left;
-	width: 150px;
-	text-align: center;
-	border: 1px solid #d5d5d5;
-	height:30px;
-	line-height:30px;
-  }
-  .time_add{
-  	width: 302px;
-	border: 1px solid;
-	text-align: center;
-	height: 30px;
-	line-height: 30px;
-	border: 1px solid #d5d5d5;
-  }
-  .time_item{
-  	height:32px;
-  	clear:both;
-  }
-  .tr_data{
-  	height:32px;
-  	float:left;
-  }
- .time_box .inp{
- 	display:block;
-  	float: left;
-  	height:30px;
-  	line-height:30px;
-	width: 150px;
-	overflow:hidden;
-	text-align: center;
-	border: 1px solid #d5d5d5;
-  }
-  .time_box .inp input{
-  	width:150px;
-  	height:30px;
-  	line-height:30px;
-  	text-align:center;
-  	border:none;
-  	padding:0;
-  	overflow:hidden;
-  }
-  
-  .time_quantum{
-    width:300px;
-    float:left;
-    margin-top:3px;
-    -moz-border-radius:4px; 
-    -webkit-border-radius:4px;
-    border-radius:4px; 
-    background-color:#e7eaee;
-    border: solid #d5d5d5 1px; 
-    margin-left: 20px;
-  } 
-  .time_quantum div p a{
-    color:#4da8e1;
-    font-size:12px;
-  } 
-  .time_quantum p{
-     float:right;
-     margin:0 5px 0 0;
-  }
-  .quantum_title{
-    height:26px;
-    line-height:26px;
-    color:#4da8e1;
-  }
-	.quantum_list{
-		overflow:hidden;
-	}
-  .quantum_list p{
-    float:left;
-    width:98px;
-    font-size:12px;
-    color:#4da8e1;
-    border: solid #d5d5d5 1px; 
-    text-align:center;
-    padding:0px;
-    margin:0px;
-    height:26px;
-    cursor:pointer;
-    line-height:26px;
-  }
-  .pitchon{
-    background-color:red;
-    background:url(../images/duihao.png) no-repeat right bottom;
-    background-size:16%;
-  }
-  
-  .btn_del{
-  	width:90px;
-  	height:30px;
-  	line-height:30px;
-  	border: 1px solid #36aeea;
-    border-radius: 5px;
-    color: #36aeea;
-    background-color: white;
-    margin-left:20px;
-  }
-  
-  .btn_del:hover{
-  	color: white;
-    background-color: #36aeea;
-  }
-</style>
-
-<script src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-<script src="${ctx}/assets/operator/js/moment.min.js"></script>
-
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.common.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.geo.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/areas_popup.js"></script>
-<script src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-<script src="${ctx}/assets/operator/js/jquery.daterangepicker1.js"></script>
-<script src="${ctx}/assets/operator/js/jquery.daterangepicker2.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/common.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/geometry/drag.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/geometry/geometry.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery-ui-1.10.4.custom.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.cxselect.js"></script>
-<!--<script type="text/javascript" src="${ctx}/assets/operator/js/jqueryui.daterangepick.js"></script>-->
-<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2767a619003d806b2dba379e3e023dfd"></script> 
-
-<script type="text/javascript">
-
-     $(document).ready(function(){
-	 			
-	 	$('#id-date-picker-1').dateRangePicker({
-	 		separator : ' to ',
-	 		inline:true,
-			container: '#divdaterangepick', 
-			alwaysOpen:false
- 		});	
- 		
-		$('#city_custom').cxSelect({
-			selects: ['prov', 'city'],
-			required: true,
-			url:'${ctx}/main/ad/target/ad-group/getLocations'
-		});
-
-		$( "#btn-toggle" ).click(function( event ) {
-			$( "#divLBS" ).dialog( "open" );
-				try{
-					map = new AMap.Map('mapview',{level:12});
-					if($('#cacheSelected').val().length>2){
-						loadselectwifi(1);
-					}
-				}
-				catch(e){alert('加载已选wifi时出错')}
-				map.plugin(['AMap.MarkerClusterer'], function(){
-				var cl = new AMap.MarkerClusterer(map, initMarker($("#cacheSelected")[0]));
-			});
-		});
-		
-		$( "#divLBS" ).dialog({
-			autoOpen: false,
-			width: 900,
-			modal: true,
-			open: function (event, ui) {
-			    $(".ui-dialog-titlebar-close", $(this).parent()).hide();
-             }
-		
-		});	
-		
-	$('#validation-form').validate({
-	    errorElement: 'span',
-	    errorClass: 'help-inline',
-	    focusInvalid: false,
-	    onfocusout: function(element) {
-	                    $(element).valid();
-	                },
-		ignore:".ignore",
-	    rules: {
-	        adGroupName: {
-	            required: true,
-	            maxlength:50
-	        },
-	        totalBudget:{
-	            number:true,
-	            required:true
-	        },
-	        price:{
-	         number:true,
-	         required:true
-	        },
-	        dailyBudget:{
-	            number:true
-	        },
-	        maxImpression:{
-	            number:true
-	        },
-	        maxClick:{
-	            number:true
-	        },
-	        dailyMaxImpression:{
-	            digits:true
-	        },
-	        dailyMaxclick:{
-	            digits:true
-	        },
-	        dailyMaxConversion:{
-	            digits:true
-	        },
-	        maxSessionImpression:{
-	            digits:true
-	        },
-	        maxUserImpression:{
-	            digits:true
-	        },
-	        
-	    },
-	    messages: {
-	        adGroupName:{
-	            required:"请输入内容！",
-	            maxlength:"输入的长度大于50超出范围！"
-	        },
-	        totalBudget:{
-	            required:"请输入内容！",
-	            number:"请输入数字！"
-	        },
-	         price:{
-	          required:"请输入内容！",
-	         number:"请输入数字！"
-	        },
-	        dailyBudget:{
-	            number:"请输入正确格式"
-	        },
-	        maxImpression:{
-	            digits:"请输入正确格式"
-	        },
-	        maxClick:{
-	            digits:"请输入正确格式"
-	        },
-	        dailyMaxImpression:{
-	            digits:"请输入正确格式"
-	        },
-	        dailyMaxclick:{
-	            digits:"请输入正确格式"
-	        },
-	        dailyMaxConversion:{
-	            digits:"请输入正确格式"
-	        },
-	        maxSessionImpression:{
-	            digits:"请输入正确格式"
-	        },
-	        maxUserImpression:{
-	            digits:"请输入正确格式"
-	        } 
-	    },
-	   invalidHandler: function (event, validator) { //display error alert on form submit
-	        $('.alert-error', $('.login-form')).show();
-	    },
-	    highlight: function (e) {
-	        $(e).closest('.control-group').removeClass('info').addClass('error');
-	        $(e).closest('.control-group').find("span.note").addClass('hidden');
-	    },
-	    success: function (e) {
-	        $(e).closest('.control-group').removeClass('error').addClass('info');
-	        $(e).closest('.control-group').find("span.note").removeClass('hidden');
-	        $(e).remove();
-	    },
-	    errorPlacement: function (error, element) {
-	        if(element.is(':checkbox') || element.is(':radio')) {
-	            var controls = element.closest('.controls');
-	            if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
-	            else error.insertAfter(element.nextAll('.lbl').eq(0));
-	        }
-	        else if(element.is('.chzn-select')) {
-	            error.insertAfter(element.nextAll('[class*="chzn-container"]').eq(0));
-	        }
-	        else error.insertAfter(element);
-	    },
-	     submitHandler:function(form){form.submit();}
-	    /*
-
-	    submitHandler: function (form) {
-	    	var startDate = $('input[name=startDate]').val();
-	        var endDate = $('input[name=endDate]').val();
-	        if(startDate!==""&&endDate!==""){
-	        	if(datefalg){
-					// 防止表单二次提交
-					$('button:submit').attr('disabled', 'disabled');
-					var _url = $('form').attr('action');
-					var _param = $('form').serialize();
-					$.post(_url,_param,function(data) {
-						$('#main-content').html(data);
-					});
-				}
-	        }else{
-	            $('input[name=startDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-	            $('input[name=endDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-	        }
-	    },
-	    */
-	    
-	});
-
-var datefalg = true;
-
-
-});
-</script> 
-</head>
-<body>
-<#include "/operator/main/public-head.ftl">                                                           
-<@override name="page">
-
-<!-- PAGE CONTENT BEGINS HERE -->
-<div id=content_bg>
-		
-<div id= "pagecontent">
-	<div id="content">
-		<div id="third">
-			<ul style="">
-					<li class="size1"><i class="icon-home" style="background-image:none;"></i> <a href="#">首页</a>
-					<span class="divider1"><i class="icon-angle-right"></i></span></li>
-					<#if role == "agent">
-					<li class="size2"><a href="${ctx}/operator/main/ad/advertiser/list">投放管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span>
-					<li class="size2"><a href="${ctx}/operator/main/ad/advertiser/list">广告主管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span>
-					<li class="size2"><a href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}">订单管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span>
-					<li class="size2"><a href="${ctx}/main/ad/target/campaign/list?orderId=${orderId}&advertiserId=${advertiserId}">活动管理</a>
-					<span class="divider3"><i class="icon-angle-right"></i></span></li>
-					<li class="size2"><a href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaignId}&orderId=${orderId}&advertiserId=${advertiserId}">投放管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span></li>
-					<li class="size3">创建投放</li>
-					<#elseif role == "advertiser">
-					<li class="size2"><a href="${ctx}/operator/main/ad/order/list?advertiserId=${advertiserId}">订单管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span>
-					<li class="size2"><a href="${ctx}/main/ad/target/campaign/list?orderId=${orderId}&advertiserId=${advertiserId}">活动管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span></li>
-					<li class="size3"><a href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaign.id}&orderId=${orderId}&advertiserId=${advertiserId}">投放管理</a></li>
-					<span class="divider2"><i class="icon-angle-right"></i></span></li>
-					<li class="size3">创建投放</li>
-					</#if>
-				</ul> 
-			</div> 
-		<form id="validation-form" action="${ctx}/main/ad/target/ad-group/save" method="post">   
-		<div class="control-group">
-				<label class="clname" for="form-field-1"><sup style="color:red">*</sup>策略名称：</label>
-				<div class="inputtext">
-					<input class="i1" autocomplete="off"   type="text" name="adGroupName" id="form-field-1" placeholder="">
-	                <span class="help-inline" for="form-field-1">支持输入1～50个字符</span>
-				</div>
-				
-		</div>
-
-         <div class="control-group">
-            <label class="clname" for="id-date-picker-1"><sup style="color:red">*</sup>活动周期：</label>
-			<div class="inputtext">
-             <div class="row-fluid input-append date row-fluid-revise">
-			<input   class="input1" autocomplete="off"   name="activeTime"  id="id-date-picker-1" type="text" value="" />    
-             <div id="divdaterangepick" style="width:456px; position: absolute;"></div>
-             </div>
-            </div>
-        </div>
-        
-       
-
-		<div class="control-group">
-			<label class="clname" style="margin-top:-14px" for="form-field-2"><sup style="color:red">*</sup>总预算：&nbsp;</label>
-			<div class="inputtext">
-				<input class="i1"  autocomplete="off"   name="totalBudget" type="text" id="form-field-2" placeholder="">
-                 <span class="help-inline1" style="margin-top:-30px" >元</span>
-                <span class="help-inline" style="margin-top:-30px" for="form-field-2">总预算不能大于订单总预算</span>
-			</div>
-		</div>
-
-		
-
-		<div class="control-group">
-			<label class="control-label" style="margin-top:19px" for="form-field-3"><sup style="color:red">*</sup>单价(CPM)：</label>
-			<div class="inputtext">
-				<input class="i1" autocomplete="off"   name="price" type="text" id="form-field-3" placeholder="">
-                <span class="help-inline1" style="margin-top:-46px"  >元</span>
-                <span  style="margin-top:-46px"  class="help-inline" for="form-field-3">单价</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-4">每日预算：</label>
-			<div class="controls3">
-				<input class="i1" autocomplete="off"   name="dailyBudget" type="text" id="form-field-4" placeholder="">
-                <span class="help-inline1" style="margin-top:-46px" >元</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-4">若不设置，系统默认将总预算在投放周期内的均值作为每日预算</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-5">曝光总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxImpression" type="text" id="form-field-5" placeholder="">
-				 <span class="help-inline1" style="margin-top:-46px" >千次</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-5">整个投放期，广告最多被曝光多少千次</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-6">点击总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxClick" type="text" id="form-field-6" placeholder="">
-				 <span class="help-inline1" style="margin-top:-46px" >次</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-6">整个投放期，广告最多被点击多少次</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-7">转化总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxConversion" type="text" id="form-field-7" placeholder="">
-				 <span class="help-inline1" style="margin-top:-46px" >次</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-7">整个投放期，广告最多被转化多少次</span>
-			</div>
-		</div>
-		<div class="control-group">
-			<label class="control-label" for="form-field-8">每日曝光上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxImpression" id="form-field-8" placeholder="">
-                <span class="help-inline1" style="margin-top:-46px" >千次</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-8">每天，广告最多被曝光多少千次</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-9">每日点击上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxClick" id="form-field-9" placeholder="">
-               <span class="help-inline1" style="margin-top:-46px" >次</span>
-                <span class="help-inline" style="margin-top:-46px" for="form-field-9">每天，广告最多被点击多少次</span>
-                
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-10">每日转换上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxConversion" id="form-field-10" placeholder="">
-                <span class="help-inline1" style="margin-top:-46px" >次</span>
-                <span class="help-inline" style="margin-top:-46px"  for="form-field-10">每天，广告最多被转换多少次</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-11">单人曝光频次：</label>
-			<div class="controls-reset">
-                <select id="form-field-11" name="perImpressionType">
-                    <option value="0">请选择曝光类型</option>
-                    <option value="1">每天</option>
-                    <option value="2">投放周期</option>
-                </select>
-	         </div>
-	         <div class="controls">
-				<input class="i1" autocomplete="off"   type="text" name="perImpression" id="form-field-11" placeholder="">
-	            <span class="help-inline" style="margin-top:-48px" for="form-field-11">单人曝光频次</span>
-			</div>
-			
-		</div>
-			<div class="control-group">
-			<label class="control-label" for="form-field-12">单人点击频次：</label>
-			<div class="controls-reset">
-                <select id="form-field-12" name="perClickType">
-                    <option value="0">请选择曝光类型</option>
-                    <option value="1">每天</option>
-                    <option value="2">投放周期</option>
-                </select>
-	         </div>
-	         <div class="controls">
-				<input class="i1" autocomplete="off"   type="text" name="perClick" id="form-field-12" placeholder="">
-	            <span class="help-inline" style="margin-top:-48px" for="form-field-12">单人点击频次</span>
-			</div>
-		</div>
-		
-		
-		<div class="control-group">
-			<label class="control-label">点击找回：</label>
-			<div class="controls">
-				<div class="form-align-radio">
-					<input class= "i" autocomplete="off" style="margin-left:153px;margin-top:0px;" name="retarget" type="radio" value="1"><div style="margin-left:135px;margin-top:-29px;" id="singleclick"  class="lbl"> 未设置</div>
-				</div>
-				<div class="form-align-radio">
-					<input class= "i" autocomplete="off" style="margin-left:135px;margin-top:0px;"  name="retarget" type="radio" value="2"><div style="margin-left:225px;margin-top:-29px;" id="singleclick"  class="lbl"> 点击过本广告主广告</div>
-				</div>
-				<div class="form-align-radio">
-					<input class= "i" autocomplete="off" style="margin-left:212px;margin-top:0px;"  name="retarget" type="radio" value="3"><div  style="margin-left:395px;margin-top:-29px;" id="singleclick"  class="lbl"> 点击过广告</div>
-				</div>
-				<div class="form-align-radio">
-					<input class= "i" autocomplete="off" style="margin-left:161px;margin-top:0px;"  name="retarget" type="radio" value="4"><div style="margin-left:510px;margin-top:-29px;" id="singleclick"  class="lbl"> 点击过本订单广告</div>
-				</div>
-				<div class="form-align-radio">
-					<input class= "i" autocomplete="off" style="margin-left:200px;margin-top:0px;"  name="retarget" type="radio" value="5"><div style="margin-left:667px;margin-top:-59px;" id="singleclick"  class="lbl"> 点击过本活动广告</div>
-				</div>
-			</div>
-		</div>
-		
-				
-		<div class="control-group" style="margin-top:-10px;">
-			<label class="control-label"><sup></sup>访客分类：</label>
-			<div class="inputtext">
-				<label class="form-align-radio">
-					<input id="i1" style="margin:-72px 0 0 85px;" autocomplete="off" name="site" type="checkbox" value="1"><li style="margin-top:-25px;margin-left:135px;"  id="singleclick">全站访客</li>
-				</label>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-13">访客投放期：</label>
-			<div class="controls7">
-				<input class="i1 inputtext" autocomplete="off"   type="text" name="period" id="form-field-13" placeholder="">
-                <span class="help-inline" style="margin-top:-48px;" for="form-field-13">1-90天</span>
-			</div>
-		</div>
-		<div class="hr hr32"></div>
-		
-		<!-- 前端需要传输给后端的地域定向的数据值放在value里面 -->
-		<div class="control-group" style="margin-top:-15px;">
-		    <label style="margin-top:37px;margin-left:0px;"  class="control-label">地域定向：</label>
-		
-		    <div class="inputtext">
-		         <div class="dashed">
-		            <input class="ignore" type="hidden" id="areas" name="areas" value="">
-		            <input type="button" style="width:150px;margin-top:-45px;margin-left:116px;"  class="btn-Directed btn1" id="btn-areas" value="地域设定">
-		            <div class="geo">
-		                <div class="geo-selected"  id="geo-selected-areas" style="display: none;margin:-63px 0 0 300px;position: absolute;">
-		                    <span class="area-direct"></span><span >您已经设定了<strong id="count-areas">0</strong>个地域条件</span>
-		                </div>
-		                <div class="geo-all" id="geo-all-areas" style="display: block;margin:-63px 0 0 300px;position: absolute;">
-		                    <span class="area-direct"></span><span class="default_text">不限</span>
-		                </div>
-		            </div>
-		
-		        </div>
-		          
-		    </div>
-		           
-		</div>
-		<br>
-	<div id="timediv" class="control-group" style="margin-top:-60px;">
-		<label style="margin-top:-48px;margin-left:2px;"  class="control-label">时段定向：</label>
-		<div class="controls">
-	    <div class="setting" style="float:left;margin:-25px 0 20px 115px;">
-	       	<div class="time_tit">
-	       		<p>开始时间</p>
-	            <p>结束时间</p>
-	       	</div>
-	        <input type="hidden" name="sdayParting" id="sdayParting" value=""/>
-	        <div class="clear"></div>
-	        <div class="time_box"></div>
-	      	<div class="time_add"><p id="setting_list"  class="dateRangePicker" href="">新增时间段</p></div>
-     	</div>
-  	</div>
-		
-		<br>
-		<div class="control-group" style="clear:both;margin-left:0px;">
-			<label  style="margin-top:-48px;margin-left:2px;" ><sup style="color:red">*</sup>场景：</label>
-			<div class="controls6">
-				<#if placeList ??>
-				<#list placeList as place>
-					<input id="i" class= "i" type="checkbox" style="float:left;width:177px;height:30px;top:-29px;" name="place" value="#{place.id}"><label><li style="float:left;margin-left:-62px;margin-top:-21px;" >${place.name}</li></label>
-				</#list>
-				</#if>
-			</div>
-		</div>
-		
-		<div  >
-			<div class="position">
-				<label style="position:relative;margin-top:107px;margin-left:8px;" >位置：</label>
-			</div>	
-			<div class="controls">
-				<div class="form-align-radio">
-					<input  autocomplete="off" style="float:left;width:30x;height:30px;top:-34px;margin-left:83px;"   name="position" type="checkbox" class= "i" value="1"><span style="margin-left:-475px;top:-26px;" class="lbl"> 全部</span>
-				</div>
-				<div class="form-align-radio">
-					<input  autocomplete="off" style="float:left;width:30x;height:30px;top:-33px;margin-left:165px;"    name="position" type="checkbox" class= "i" value="2"><span class="lbl"  style="margin-left:-240px;top:-26px;"> 认证页</span>
-				</div>
-				<div class="form-align-radio">
-					<input  autocomplete="off"  style="float:left;width:30x;height:30px;top:-33px;margin-left:165px;"  name="position" type="checkbox" class= "i" value="3"><span class="lbl"   style="margin-left:1px;top:-26px;"> 认证页后</span>
-				</div>
-				<div class="form-align-radio">
-					<input  autocomplete="off" style="float:left;width:30x;height:30px;top:-33px;margin-left:165px;"  name="position" type="checkbox" class= "i" value="4"><span class="lbl" style="margin-left:176px;top:-26px;"> 上网过程</span>
-				</div>				
-			</div>
-		</div>
-		
-		
-
-			<div class="control-group">
-			    <lable style="margin-top:107px;margin-left:-771px;" class="control-label">
-			        <span style="color:red;">*</span>代表必填项
-			    </lable>
-			</div>
-		
-<div class="control-group">
-    <lable style="margin-top:107px;margin-left:9px;" class="control-label">
-        <input type="button" class="btn1"  style="width:150px;" id="btn-toggle" value="LBS定向"> <span id="spanselectedhint" style="display:none;"></span>
-    </lable>
-</div>
-
-	
-<div class="control-group">
-			<input style="width:150px;margin-left:9px;" type="submit" value="保存" class="btn1"   >
-			&nbsp; &nbsp; &nbsp;			
-			<button class="btn2"  href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaignId}"><i class="icon-undo"></i> 取消</button>
-		</div>
-		
-		
-		<input  autocomplete="off"   type="hidden" name="campaignId" value="${campaignId}">
-		<input  autocomplete="off"   type="hidden" name="orderId" value="${orderId}">
-		<input  autocomplete="off"   type="hidden" name="advertiserId" value="${advertiserId}">
-		<input  autocomplete="off"   type="hidden" name="agentId" value="${agentId}">
-		<input  autocomplete="off"   type="hidden" name="zoneIdString" value="1,12">
-		<input type="hidden" name="selectedwifi" id="selectedwifi" value="">
-</form>
-<div  id="divLBS" >
-	<div class="modal-dialog">
-		<div class="modal-head"> LBS 设定</div>
-		<div class="modal-content">
-			<div class="modal-body">
-							<div id="wifimap">
-								<div id="divmapsearch">
-									<form name="frmwifisearch" id="frmWifiSearch" action="${ctx}/main/ad/target/ad-group/wifiList">
-										<fieldset id="city_custom">
-											<input type="text" class="form-control" name="address" id="address" >
-											<select name="prov" id="prov" class="prov" ></select>&nbsp;&nbsp;
-											<select name="city" id="city" class="city"></select>&nbsp;&nbsp;距离
-											<select name="distance" id="mapdistance" >
-												<option value="1">1Km</option>
-												<option value="2">2Km</option><option value="3">3Km</option>
-												<option value="4">4Km</option><option value="5" selected>5Km</option>
-												<option value="6">6Km</option><option value="10">10Km</option>
-												<option value="20">20Km</option>
-											</select>&nbsp;<input type="button" name="mapSearch" id="btnmapSearch" class="btn btn-primary" value="搜索"></fieldset>
-									</form>
-									<input type="hidden" name="cacheSearched" id="cacheSearched" >	<input type="hidden" name="cacheSelected" id="cacheSelected" value=''><!--[{"id":1,"address":"上海体育馆","lat":121.535816,"lng":31.24231},{"id":2,"address":"上海市八万人体育场","lat":121.526224,"lng":31.238806},{"id":3,"address":"上海市卢湾区体育馆","lat":121.523198,"lng":31.235045},{"id":9,"address":"智造局一期国际服务外包产业","lat":121.478716, "lng":31.206612},{"id":10,"address":"上海市红房子妇产科医院","lat":121.483587, "lng":31.213861},{"id":11,"address":"上海东仁商贸中","lat":121.499101, "lng":31.220265}]-->
-									<input type="hidden" id="searchedPage"><input type="hidden" id="selectedPage">
-								</div>
-								<div id="mapview"  >
-									
-								</div>
-							</div>
-							<div id="wifitab" >
-								<ul class="nav navtab" id="wifitabul" >
-							        <li  id="mnusearchedwifi"  ><a href="javascript:" onclick="tabshow(this,'mnusearchedwifi')">搜索wifii</a></li>
-							        <li  id="mnuselectedwifi" class="current"><a href="javascript:"  onclick="tabshow(this,'mnuselectedwifi')">已选wifi</a></li>
-							    </ul><br class="clearfix">
-            						<div id="divselectedwifi" class="in fade">没有选中wifi</div>
-									<div id="divsearchedwifi" class="in fade" style="display:none;">没有相关数据</div>
-							</div>
-			</div>
-
-		</div>
-		<br class="clearfix"><br class="clearfix">
-		<div class="modal-foot"><input type="button" value="确定" style="margin-left:452px;margin-top:0px;width:50px;" class="btn1" onclick='savewifi();$("#divLBS").dialog("close");'>&nbsp;<input type="button" class="btn2" style="width:50px;" value="取消" onclick='$("#divLBS").dialog("close");'></div>
-	</div>
-	
-</div>
-
-</div>
-<div id="areas_layout"></div>
-<div id="schedule_layout"></div>
-<script type="text/javascript">
-                   	 
-            	var areasgeoPopup = $("#areas_popup")[0];
-            	var GEO_list;
-                $('#btn-areas').click(function () {
-                    if (!areasgeoPopup) {
-                        areasgeoPopup = new areasPopup({
-                            width: '746px',
-                            height: '435px',
-                            title: '地域定向设定'
-                 		});
-                        var defaultValue = "不限";
-                        var input = $('#areas').trigger('change');
-                        var selectedIds = input.val() ? input.val().split(',') : null;
-                        $('#areasconfirm').click(function(){
-                            var pop= areasgeoPopup;
-                            areasgeoPopup.hide();
-                            input.val(Area.save());
-                            var id = 'areas',selected = Area.save();
-                            parent.$('#'+id).val(selected);
-                            if (selected && $('input[type=checkbox]:not(:checked)').length) {
-                                //有选择 且 非全选的
-                                parent.$('#count-'+id)[0].innerHTML = selected.split(',').length;
-                                parent.$('#geo-all-'+id).hide();
-                                parent.$('#geo-selected-'+id).show();
-                            }else{
-                                if(!$('input[type=checkbox]:not(:checked)').length){
-                                    parent.$('#geo-all-'+id).find('.default_text')[0].innerHTML=defaultValue;
-                                }else{
-                                    var val = defaultValue;
-                                    parent.$('#geo-all-'+id).find('.default_text')[0].innerHTML=decodeURIComponent(val);
-                                }
-                                parent.$('#geo-all-'+id).show();
-                                parent.$('#geo-selected-'+id).hide();
-                            }
-                            parent.$(parent.document).trigger('setData');
-							
-                        });
-                        //Area.init(GEO_LIST,selectedIds);
-            			$.ajax({
-            				url: '${ctx}/main/ad/target/ad-group/getLocations',
-            				dataType:'json',
-            				success:function(GEO_LIST){
-            					Area.init(GEO_LIST,selectedIds);
-            					areasgeoPopup.show();
-            					GEO_list = GEO_LIST;
-            				},
-            				error:function(){
-            					alert('数据拉取失败，请检查您的网络连接是否可用');
-            				}
-            			});
-		                
-                		}else{
-		                areasgeoPopup.show();
-		                }
-		            });
-		            
-	                $('#count-areas').click(function () {
-	                    $('#btn-areas').trigger('click');
-	                });
-	                
-	                if ($('#areas').val()) {
-	                    $('#geo-selected-areas').show();
-	                    $('#geo-all-areas').hide();
-	                    alert($('#areas').val().split(',').length);
-	                    $('#count-areas')[0].innerHTML = $('#areas').val().split(',').length;
-	                } else {
-	                    $('#geo-selected-areas').hide();
-	                    $('#geo-all-areas').show();
-	                }
-
-        </script>
-<script type="text/javascript">
-//Alex add for wifi LBS
-
-	jspagesize = 15	;
-
-/*get wifi from cachedata*/
-function initMarker(obj){
-			
-		try{
-			if(obj.value.length>4){
-				allwifi=jQuery.parseJSON(obj.value)
-				markers = [];
-				for (var i = 0; length= allwifi.length,i<length ;i ++) {
-					var markerPosition = new AMap.LngLat(allwifi[i]['lat'],allwifi[i]['lng']);
-					var marker = new AMap.Marker({
-					position: markerPosition,
-					icon: "http://developer.amap.com/wp-content/uploads/2014/06/marker.png"
-				});
-				markers.push(marker);
-			}
-			return markers;
-			}
-		}
-	catch(e){return false;}
-	}
-
-
-function savewifi(){
-	try{
-		wifiids=''
-		selectedwificount=0
-		if($("#cacheSelected").val().length>2){
-				allwifi=$.parseJSON($("#cacheSelected").val())
-						for (var i = 0; length= allwifi.length,i<length ;i ++) {
-						wifiids += allwifi[i]['id']+',';
-						selectedwificount+=1;
-					}
-				wifiids=wifiids.substring(0,wifiids.length-1)
-		}
-	$("#selectedwifi").val(wifiids);
-	$("#spanselectedhint").html("共选择了" + selectedwificount + " 个 wifi")
-	$("#spanselectedhint").show();
-	
-	}
-	catch(e){alert(e)}
-}
-
-function tabshow(e,id){
-	var mnu=['mnusearchedwifi','mnuselectedwifi']
-	try{
-		for(i=0;i<mnu.length;i++){
-			mnuid=mnu[i];divid="#div" + mnuid.substr(3)
-			if(mnu[i]==id){
-				$('#'+mnuid).addClass('current');
-				$(divid)[0].style.display='block';
-			}
-			else{
-				$('#'+mnuid).removeClass('current');
-				$(divid)[0].style.display='none';
-			}
-		}
-	}catch(e){alert(e)}
-}
-
-function wificlick(e){
-		var nval="",v=$(e).attr("dataj"),oldval,strcache=$('#cacheSelected').val()
-				if(strcache.length>2){
-					oldval=$.parseJSON(strcache);
-				}
-	
-		try{
-			if(e.checked == true){//add string to cache
-				if(strcache.length>2){
-					if(strcache.indexOf(v)<1){
-						strcache= strcache.substr(0,strcache.length-1) +',' + v + ']'
-					}
-				}
-				else{
-					strcache='['+ v +']';
-				}
-				
-				}
-			if(e.checked== false){
-				if(strcache.indexOf(v)>1){
-					strcache='['+strcache.substring(1,strcache.indexOf(v)) + strcache.substring(strcache.indexOf(v)+v.length,strcache.length-1)+ ']'
-					strcache=strcache.replace(",,",",");
-					strcache=strcache.replace("[,","[");
-					strcache=strcache.replace(",]","]");			
-				}
-				else{strcache='[]'}
-			}
-			//alert(strcache);
-			$('#cacheSelected').val(strcache);
-			loadselectwifi($('#selectedPage').val())
-			loadsearchwifi($('#searchedPage').val())
-			//alert($('#cacheSelected').val())
-		}catch(e){alert(e)}
-		
-	}
-
-
-
-
-function loadsearchwifi(p){
-	var totalcount,pageno,swifi
-
-	try{
-	if($('#cacheSearched').val().length>2){
-		swifi=$.parseJSON($('#cacheSearched').val())
-		totalcount = swifi.length
-		pagecount=Math.ceil(totalcount/jspagesize)
-		$("#searchedPage").val(p)
-		if(isNaN(p)|| typeof(p)!=='number' || parseInt(p)!==p || parseInt(p)>pagecount){pageno=1;}
-		else{pageno=p;}
-		$("#searchPage").val(p)
-		wifihtm='';
-		//select item in wifisections
-		for(i=jspagesize*(pageno-1);i<jspagesize*(pageno-1)+jspagesize;i++){
-			if(swifi[i]){
-				wifihtm +="<div class=\"wifiitem\"><input type=\"checkbox\" name=\"swifi["+swifi[i]['id'] +"]\" id=\"swifi"+swifi[i]['id'] +"\" value=\""+swifi[i]['id'] +"\" onclick=\"wificlick(this)\"   dataj='" + JSON.stringify(swifi[i]) +"'";
-				if($("#cacheSelected")[0].value.indexOf(JSON.stringify(swifi[i]))>-1){wifihtm +=' checked ';}
-				wifihtm+= ">&nbsp;<lable class=\"wifilab\" for=\"swifi" +swifi[i]['id'] +"\">"  +swifi[i]['address'] + "</lable></div>";
-			}
-		}
-		resulthtm= wifihtm+genwifinav(pagecount,pageno,'loadsearchwifi');
-	   $("#divsearchedwifi").html(resulthtm);
-	}	
-	else{$("#divsearchedwifi").html('没有搜索到wifif信息')}
-	}
-	catch(e){$("#divsearchedwifi").html('加载wifi信息出错');}
-}
-
-function loadselectwifi(p){
-	var totalcount,pageno,allwifi
-	try{
-		if($('#cacheSelected').val().length>2){
-			var allwifi=$.parseJSON($('#cacheSelected').val())
-			totalcount = allwifi.length
-			pagecount=Math.ceil(totalcount/jspagesize)
-			if(isNaN(p)|| typeof(p)!=='number' || parseInt(p)!==p || parseInt(p)>pagecount){pageno=1;}
-			else{pageno=p;}
-			$("#selectedPage").val(p)
-			wifihtm='';
-			//show select item in wifisections
-			for(i=jspagesize*(pageno-1);i<jspagesize*(pageno-1)+jspagesize;i++){
-				if((allwifi[i])){
-				wifihtm +="<div class=\"\"><input type=\"checkbox\" name=\"swifi[]\" id=\"swifi"+allwifi[i]['id'] +"\" value=\""+allwifi[i]['id'] +"\" onclick=\"wificlick(this) \" dataj='" + JSON.stringify(allwifi[i]) + "'  checked>&nbsp;<lable class=\"\" for=\"swifi" +allwifi[i]['id'] +"\">"  +allwifi[i]['address'] + "</lable></div>"
-				}
-				else{break;}
-			}
-			resulthtml= wifihtm+genwifinav(pagecount,pageno,'loadselectwifi');
-		   $("#divselectedwifi").html(resulthtml);
-	   }
-	   else{$("#divselectedwifi").html("没有选择wifi");}
-	}
-	catch(e){$("#divselectedwifi").html("加载wifi时出错");}
-}
-
-function genwifinav(pcount,pno,fun){
-		//pageinvbar
-	wifinavhtm='<div class="pagination"><ul class="pagination-mini">';
-	if(pcount<=7){pagebegin=1;pageend=pagecount;}
-	else{
-		if(pno<=4){pagebegin=1;pageend=pagecount;}
-		else{
-			if(pagecount-pno<4){pagebegin=pcount-6;pageend=pcount;}
-			else{pagebegin=pno-3;pageend=pno+3}
-			}
-	}
-	for(i=pagebegin;i<=pageend;i++){
-		wifinavhtm +="<li ><a href=\"javascript:\" onclick=\""+ fun + "("+ i +")\""
-		if(i==pno){wifinavhtm+=" class=\"disabled\""}
-	
-		wifinavhtm+= ">"+ i +"</li>"
-	}
-	wifinavhtm +='</ul></div>';
-	return wifinavhtm;
-}
-
-
-(function(){
-		var map ;
-			 $('#btnmapSearch').click(function(e){
-			 	try{
-					var sdata = $(document.forms["frmwifisearch"]).serializeArray(); 
-
-					$.ajax({
-						url: document.forms['frmwifisearch'].action,
-						type: "POST",
-						// formate "name=codeplayer&age=18&uid=1&uid=2&uid=3"
-						data: sdata,
-						datatype: 'json',
-						// sucess
-						success: function( rdata, textStatus, jqXHR ){
-								try{
-									if(rdata.length>4){
-										$('#cacheSearched').val(rdata);
-										map=window.map;
-										map.plugin(['AMap.MarkerClusterer'], function(){
-											var cl = new AMap.MarkerClusterer(map, initMarker($("#cacheSearched")[0]));
-										});
-										loadsearchwifi(1);
-										tabshow($("#mnusearchedwifi")[0],'mnusearchedwifi')									
-									}
-								else{$("#cacheSearched").val("");$("#divsearchedwifi").html("没有搜索到wifi");}
-															
-								}
-								catch(e){alert(e);}
-
-						},
-					// onfaile
-					 error: function(jqXHR, textStatus, errorMsg){
-					// jqXHR  object of XMLHttpRequest
-					// textStatus value: null、"timeout"、"error"、"abort"或"parsererror"
-					// errorMsg value: "Not Found"、"Internal Server Error"
-					alert("请求失败：" + errorMsg);
-				}
-			});
-			 	}
-			 	catch(e){alert(e.error);}			 	
-			 });
-		})();	
-
-
-
-
-
-	</script>
-<script>
-	
-	 
-	$(function(){
-    	 $('#setting_list').unbind("mousedown").bind("mousedown",function(){
-    	 	var date = $("#id-date-picker-1").val().split('to');
-			var s_date = date[0];
-			var e_date = date[1];
-			var len_box = $(".time_box").find(".time_item").length;
-			if(len_box > 6){
-				alert("最多只能添加6个时段");
-			}else{
-				if(s_date!=""&&e_date!=""){
-					var datePickerOptions = {
-						"startDate":s_date,
-						"endDate":e_date
-					}
-					$("#quantum_list1").find("p").removeClass("pitchon");
-					$('#setting_list').unbind("datepicker-apply").bind('datepicker-apply',function(event,obj){
-						var date = $("#id-date-picker-1").val().split('to');
-					    var s_date = date[0];
-						var e_date = date[1];
-						var checked_date = new Array();
-						var len = $(".setting .time_item").length;
-						for(var i=0;i<len;i++){
-							var json_check = {"startDate":$(".time_item").eq(i).find(".start_date").val(),"endDate":$(".time_item").eq(i).find(".end_date").val()};
-							checked_date.push(json_check);
-						}
-						var startDate = obj.value.split('to')[0];
-				   		var endDate = obj.value.split('to')[1];
-						var flag = true;
-				   		for(var j=0;j<checked_date.length;j++){
-				   			if(startDate < checked_date[j].startDate && endDate < checked_date[j].startDate){
-				   				console.log(startDate+":"+endDate)
-				   				console.log(flag+":1");
-				   			}else if(startDate > checked_date[j].endDate && endDate > checked_date[j].endDate){
-				   				console.log(flag+":2");
-				   			}else{
-				   				flag=false;
-				   			}
-				   		}
-				   		if(flag){
-					   		var obj = $("#quantum_list1");
-					   		if(obj.find(".pitchon").length){
-					           	var timeData = obj.find(".pitchon").map(function(i,span){
-					        		return $(span).attr("title");
-					        	}).toArray().join(',');
-					        }else{
-					           	var timeData = -1;
-					        }
-					   		var html = '<div class="time_item"><p class="tr_data"><span class="inp"><input type="text" class="start_date edit_time" readonly="readonly" value="'+startDate+'"></span><span class="inp"><input type="text" class="end_date edit_time" readonly="readonly" value = "'+endDate+'"></span></p><button class="btn_del">删除</button><input class="json_date" type="hidden" value = "'+timeData+'"></div>';
-					   		$(".setting .time_box").append(html);
-					   		$(".time_box .time_item .btn_del").bind("click",function(e){
-					   			$(this).parents(".time_item").remove();
-					   		});
-					   		$(".setting .tr_data").unbind("mousedown").bind("mousedown",function(){
-					   				var obj_tr = $(this);
-					   				var datePickerOptions_td = {
-										"startDate":s_date,
-										"endDate":e_date,
-										getValue: function(){
-											if (obj_tr.find(".start_date").val() && obj_tr.find(".end_date").val() )
-												return obj_tr.find(".start_date").val() + ' to ' + obj_tr.find(".end_date").val();
-											else
-												return '';
-										},
-										setValue: function(s,s1,s2){
-											obj_tr.find(".start_date").val(s1);
-											obj_tr.find(".end_date").val(s2);
-										}
-									}
-									obj_tr.unbind("datepicker-apply").bind('datepicker-apply',function(event,obj){
-											var date = $("#id-date-picker-1").val().split('to');
-										    var s_date = date[0];
-											var e_date = date[1];
-											var checked_date = new Array();
-											var other_box =obj_tr.parent().siblings();
-											var len = other_box.length;
-											for(var i=0;i<len;i++){
-												var json_check = {"startDate":other_box.eq(i).find(".start_date").val(),"endDate":other_box.eq(i).find(".end_date").val()};
-												checked_date.push(json_check);
-											}
-											console.log(checked_date);									
-											var startDate = obj.value.split('to')[0];
-				   							var endDate = obj.value.split('to')[1];
-				   							var flag = true;
-								   			console.log(checked_date);
-								   			
-								   			if(flag){
-								   				var obj = $("#quantum_list1");
-									   			if(obj.find(".pitchon")){
-									            	var timeData = obj.find(".pitchon").map(function(i,span){
-									        			return $(span).attr("title");
-									        		}).toArray().join(',');
-									            }else{
-									            	var timeData = -1;
-									            }
-									   			obj_tr.find(".start_date").val(startDate);
-										   		obj_tr.find(".end_date").val(endDate);
-										   		console.log(timeData);
-										   		console.log(obj_tr);
-										   		obj_tr.parent().find(".json_date").val(timeData);
-								   			}else{alert("请选择正确时间！");}
-							        });
-							        obj_tr.dateRangePicker1(datePickerOptions_td);
-							        $("#quantum_list1").find("p").removeClass("pitchon");
-							        var chose_time = obj_tr.parent().find(".json_date").val();
-						        	console.log(chose_time);
-						        	if(chose_time!=-1&&chose_time!=""){
-						        		var chose_arr = chose_time.split(",");
-						        		for(var n=0;n<chose_arr.length;n++){
-						        			$("#quantum_list1 p").eq(chose_arr[n]).addClass("pitchon");
-						        		}
-						        	}
-				   				})
-				   		}else{
-				   			alert("请选择正确时间！");
-				    	}
-					});
-					$('#setting_list').dateRangePicker1(datePickerOptions);
-				}
-			}
-    	});
-    	
-    	$(".btn1").click(function(){
-    		var checked_date = new Array();
-    		var len = $(".setting .time_item").length;
-    		var jsondata = "[";
-			for(var i=0;i<len;i++){
-				if(i == 0){
-					jsondata += '{"startDate":\"'+$(".time_item").eq(i).find(".start_date").val()+'\","endDate":\"'+$(".time_item").eq(i).find(".end_date").val()+'\","dehours":\"'+$(".time_item").eq(i).find(".json_date").val()+'\"}';
-				}else{
-					jsondata += ',{"startDate":\"'+$(".time_item").eq(i).find(".start_date").val()+'\","endDate":\"'+$(".time_item").eq(i).find(".end_date").val()+'\","dehours":\"'+$(".time_item").eq(i).find(".json_date").val()+'\"}';
-				}
-			}
-			jsondata += "]";
-			$("#sdayParting").val(jsondata);
-    	});
-    });
-</script>
-</@override>
-<@extends name="/common/page.ftl"/>
-

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/edit.ftl

@@ -1,618 +0,0 @@
-
-
- 
-<link rel="stylesheet" type="text/css" href="${ctx}/assets/operator/css/public-head.css"/>
- <link rel="stylesheet" href="${ctx}/assets/operator/css/create.css"/>
-<link rel="stylesheet" href="${ctx}/assets/operator/css/daterangepicker.css" />
-<link href="${ctx}/assets/operator/css/style.css" rel="stylesheet" type="text/css">
-<link href="${ctx}/assets/operator/css/geo.css" rel="stylesheet" type="text/css">
-<link rel="stylesheet" href="${ctx}/assets/operator/js/schedule/s.css">
-
-
-<script src="${ctx}/assets/operator/js/jquery-1.9.1.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-<script src="${ctx}/assets/operator/js/moment.min.js"></script>
-<script src="${ctx}/assets/operator/js/jquery.daterangepicker.js"></script>
-<script type="text/javascript">
-        	$(document).ready(function(){
-	  			$("#divselect").click(function(){
-	  			$("#divselect ul").slideToggle("fast");
-	  			});
-	  			
-	  			$('#id-date-picker-1').dateRangePicker({
-	  				separator : '至',
-	  				
-	  			});
-	  		});
-        </script>
-                                                       
-<@override name="page">
-<form id="validation-form" class="form-horizontal" action="${ctx}/main/ad/target/ad-group/save" method="post">	        
-<div class="row-fluid">
-<!-- PAGE CONTENT BEGINS HERE -->
-<div id=content_bg>
-		<#include "/operator/main/public-head.ftl">
-		<div id= "pagecontent">
-			<div id="content">
-	<form id="validation-form" class="form-horizontal" action="${ctx}/main/ad/target/ad-group/save" method="post">
-		
-<div class="control-group">
-			<label class="control-label" for="form-field-1"><sup style="color:red">*</sup>策略名称：</label>
-			<div class="controls">
-				<input class="i1" autocomplete="off"   type="text" name="adGroupName" id="form-field-1" placeholder="">
-                <span class="help-inline" for="form-field-1">支持输入1～50个字符</span>
-			</div>
-		</div>
-
-         <div class="control-group">
-            <label class="control-label" for="id-date-picker-1"><sup style="color:red">*</sup>活动周期：</label>
-			<div class="controls">
-             <div class="row-fluid input-append date row-fluid-revise">
-			<input   class="input1" autocomplete="off"   name="activeTime"  id="id-date-picker-1" type="text" value="" data-date-format="yyyy/mm/dd" /><span class="add-on"><i class="icon-calendar"></i></span>      
-             
-             </div>
-            </div>
-        </div>
-        
-       
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-2"><sup style="color:red">*</sup>总预算：&nbsp;</label>
-			<div class="controls1">
-				<input class="i1"  autocomplete="off"   name="totalBudget" type="text" id="form-field-2" placeholder="">
-                 <span>元</span>
-                <span class="help-inline" for="form-field-2">总预算不能大于订单总预算</span>
-			</div>
-		</div>
-
-		
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-3"><sup style="color:red">*</sup>单价(CPM)：</label>
-			<div class="controls2">
-				<input class="i1" autocomplete="off"   name="price" type="text" id="form-field-3" placeholder="">
-                <span>元</span>
-                <span class="help-inline" for="form-field-3">单价</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-4">每日预算：</label>
-			<div class="controls3">
-				<input class="i1" autocomplete="off"   name="dailyBudget" type="text" id="form-field-4" placeholder="">
-                <span>元</span>
-                <span class="help-inline" for="form-field-4">若不设置，系统默认将总预算在投放周期内的均值作为每日预算</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-5">曝光总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxImpression" type="text" id="form-field-5" placeholder="">
-				 <span>千次</span>
-                <span class="help-inline" for="form-field-5">整个投放期，广告最多被曝光多少千次</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-6">点击总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxClick" type="text" id="form-field-6" placeholder="">
-				 <span>次</span>
-                <span class="help-inline" for="form-field-6">整个投放期，广告最多被点击多少次</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-7">转化总上限：</label>
-			<div class="controls4">
-				<input class="i1" autocomplete="off"   name="maxConversion" type="text" id="form-field-7" placeholder="">
-				 <span>次</span>
-                <span class="help-inline" for="form-field-7">整个投放期，广告最多被转化多少次</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-8">每日曝光上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxImpression" id="form-field-8" placeholder="">
-                <span>千次</span>
-                <span class="help-inline" for="form-field-8">每天，广告最多被曝光多少千次</span>
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-9">每日点击上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxClick" id="form-field-9" placeholder="">
-               <span>次</span>
-                <span class="help-inline" for="form-field-9">每天，广告最多被点击多少次</span>
-                
-			</div>
-		</div>
-
-		<div class="control-group">
-			<label class="control-label" for="form-field-10">每日转换上限：</label>
-			<div class="controls5">
-				<input class="i1" autocomplete="off"   type="text" name="dailyMaxConversion" id="form-field-10" placeholder="">
-                <span>次</span>
-                <span class="help-inline"  for="form-field-10">每天，广告最多被转换多少次</span>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-11">单人曝光频次：</label>
-			<div class="controls-reset">
-                <select id="form-field-11" name="perImpressionType">
-                    <option value="0">请选择曝光类型</option>
-                    <option value="1">每天</option>
-                    <option value="2">投放周期</option>
-                </select>
-	         </div>
-	         <div class="controls">
-				<input class="i1" autocomplete="off"   type="text" name="perImpression" id="form-field-11" placeholder="">
-	            <span class="help-inline"  for="form-field-11">单人曝光频次</span>
-			</div>
-			
-		</div>
-			<div class="control-group">
-			<label class="control-label" for="form-field-12">单人点击频次：</label>
-			<div class="controls-reset">
-                <select id="form-field-12" name="perClickType">
-                    <option value="0">请选择曝光类型</option>
-                    <option value="1">每天</option>
-                    <option value="2">投放周期</option>
-                </select>
-	         </div>
-	         <div class="controls">
-				<input class="i1" autocomplete="off"   type="text" name="perClick" id="form-field-12" placeholder="">
-	            <span class="help-inline"  for="form-field-12">单人点击频次</span>
-			</div>
-		</div>
-		
-		
-		
-				
-		<div class="control-group">
-			<label class="control-label"><sup></sup>点击找回：</label>
-			<div class="controls">
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="radio" value="1"><span class="lbl"> 未设置</span>
-				</label>
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="radio" value="2"><span class="lbl"> 点击过本广告主广告</span>
-				</label>
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="radio" value="3"><span class="lbl"> 点击过广告</span>
-				</label>
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="radio" value="4"><span class="lbl"> 点击过本订单广告</span>
-				</label>
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="radio" value="5"><span class="lbl"> 点击过本活动广告</span>
-				</label>
-			</div>
-		</div>
-		
-		<div class="control-group">
-			<label class="control-label" for="form-field-13">访客投放期：</label>
-			<div class="controls7">
-				<input class="i1" autocomplete="off"   type="text" name="period" id="form-field-13" placeholder="">
-                <span class="help-inline"  for="form-field-13">1-90天</span>
-			</div>
-		</div>
-				
-		<div class="control-group">
-			<label class="control-label"><sup></sup>访客分类：</label>
-			<div class="controls">
-				<label class="form-align-radio">
-					<input id="i" autocomplete="off"   name="retarget" type="checkbox" value="1"><span class="lbl">全站访客</span>
-				</label>
-				
-			</div>
-		</div>
-		
-		<div class="hr hr32"></div>
-		
-		<!-- 前端需要传输给后端的地域定向的数据值放在value里面 -->
-		<div class="control-group">
-    <label class="control-label">地域定向：</label>
-
-    <div class="controls2">
-            <div class="dashed">
-            <input class="ignore" type="hidden" id="areas" name="areas" value="">
-            <input type="button" class="btn-Directed" id="btn-areas" value="地域设定">
-
-            <div class="geo">
-                <div class="geo-selected" id="geo-selected-areas" style="display: block;">
-                    <span class="area-direct"></span><span>您已经设定了<strong id="count-areas">0</strong>个地域条件</span>
-                </div>
-                
-            </div>
-
-        </div>
-          
-            </div>
-           
-</div>
-<div class="control-group">
-    <label class="control-label">时段定向：</label>
-
-    <div class="controls">
-
-        <div class="dashed">
-            <input class="ignore" type="hidden" id="dayParting" name="dayParting" value="">
-            <input type="button" class="btn-Directed" id="btn-dayParting" value="时段设定">
-
-            <div class="day-parting">
-                <div class="left">
-                    <span class="time-direct"></span>
-                </div>
-                <div id="scheduleDisplay" class="right">
-
-                </div>
-            </div>
-            
-        </div>
-       
-
-    </div>
-</div>
-		<div class="control-group">
-			<label class="control-label"><sup style="color:red">*</sup>场景：</label>
-			<div class="controls6">
-				<#if placeList ??>
-				<#list placeList as place>
-					<label><input id="i" autocomplete="off"   type="checkbox" name="place" value="#{place.id}"><span class="lbl">${place.name}</span></label>
-				</#list>
-				</#if>
-			</div>
-		</div>
-		
-<div class="control-group">
-    <lable class="control-label">
-        <span style="color:red">*</span>代表必填项
-    </lable>
-</div>
-
-<div class="control-group">
-			<button class="btn1"  href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaignId}" ><i class="icon-ok"></i>保存</button>
-			&nbsp; &nbsp; &nbsp;			
-			<button class="btn2"  href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaignId}"><i class="icon-undo"></i> 取消</button>
-		</div>
-		
-		
-		<input  autocomplete="off"   type="hidden" name="campaignId" value="${campaignId}">
-		<input  autocomplete="off"   type="hidden" name="orderId" value="${orderId}">
-		<input  autocomplete="off"   type="hidden" name="zoneIdString" value="1,12">
-</form>
-<div class="space-24ger"></div>
-</div><!--/row-->
-<div id="areas_layout"></div>
-<div id="schedule_layout"></div>
-</@override>
-<@extends name="/common/page.ftl"/>
-
-<script type="text/javascript">
-console.log("run here");
-</script>
-
-<script type="text/javascript" src="${ctx}/assets/operator/js/popup.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.j.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/templates.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.serializeObject.min.js"></script>
-
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.common.min.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.geo.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/areas_popup.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/schedule.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/schedule_popup.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/j.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/common.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/geometry/drag.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/schedule_display.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/schedule/geometry/geometry.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/bootstrap-datetimepicker.zh-CN.js"></script>
-<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.validate.min.js"></script>
-
-<script type="text/javascript">
-
-$('.date-picker').datepicker({
-	language:"zh-CN"
-});
-var datefalg = true;
-$('input[name=startDate]').change(function(){
-    var startDate = $('input[name=startDate]').val();
-    var endDate = $('input[name=endDate]').val();
-    if(startDate!==null||startDate!==""){
-        $(this).nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-        if(startDate>endDate){
-            $('input[name=endDate]').nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-            datefalg = false;
-        }else{
-            $('input[name=endDate]').nextAll(".date-inline").text("选择开始投放日期").removeClass("loginerror");
-            datefalg = true;
-        }
-    }
-});
-$('input[name=endDate]').change(function(){
-    var startDate = $('input[name=startDate]').val();
-    var endDate = $('input[name=endDate]').val();
-    if(startDate==null||startDate==""){
-        $('input[name=startDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-    }else{
-        if(startDate>endDate){
-            $(this).nextAll(".date-inline").text("必须大于或等于开始日期").addClass("loginerror");
-            datefalg = false;
-        }else{
-            $(this).nextAll(".date-inline").text("选择结束投放日期").removeClass("loginerror");
-            datefalg = true;
-        }
-    }
-});
-$('#validation-form').validate({
-    errorElement: 'span',
-    errorClass: 'help-inline',
-    focusInvalid: false,
-    onfocusout: function(element) {
-                    $(element).valid();
-                },
-	ignore:".ignore",
-    rules: {
-        adGroupName: {
-            required: true,
-            maxlength:50
-        },
-        totalBudget:{
-            number:true,
-            required:true
-        },
-        price:{
-         number:true,
-         required:true
-        },
-        dailyBudget:{
-            number:true
-        },
-        maxImpression:{
-            number:true
-        },
-        maxClick:{
-            number:true
-        },
-        dailyMaxImpression:{
-            digits:true
-        },
-        dailyMaxclick:{
-            digits:true
-        },
-        dailyMaxConversion:{
-            digits:true
-        },
-        maxSessionImpression:{
-            digits:true
-        },
-        maxUserImpression:{
-            digits:true
-        },
-        
-    },
-    messages: {
-        adGroupName:{
-            required:"请输入内容！",
-            maxlength:"输入的长度大于50超出范围！"
-        },
-        totalBudget:{
-            required:"请输入内容！",
-            number:"请输入数字！"
-        },
-         price:{
-          required:"请输入内容！",
-         number:"请输入数字！"
-        },
-        dailyBudget:{
-            number:"请输入正确格式"
-        },
-        maxImpression:{
-            digits:"请输入正确格式"
-        },
-        maxClick:{
-            digits:"请输入正确格式"
-        },
-        dailyMaxImpression:{
-            digits:"请输入正确格式"
-        },
-        dailyMaxclick:{
-            digits:"请输入正确格式"
-        },
-        dailyMaxConversion:{
-            digits:"请输入正确格式"
-        },
-        maxSessionImpression:{
-            digits:"请输入正确格式"
-        },
-        maxUserImpression:{
-            digits:"请输入正确格式"
-        } 
-    },
-   invalidHandler: function (event, validator) { //display error alert on form submit
-        $('.alert-error', $('.login-form')).show();
-    },
-    highlight: function (e) {
-        $(e).closest('.control-group').removeClass('info').addClass('error');
-        $(e).closest('.control-group').find("span.note").addClass('hidden');
-    },
-    success: function (e) {
-        $(e).closest('.control-group').removeClass('error').addClass('info');
-        $(e).closest('.control-group').find("span.note").removeClass('hidden');
-        $(e).remove();
-    },
-    errorPlacement: function (error, element) {
-        if(element.is(':checkbox') || element.is(':radio')) {
-            var controls = element.closest('.controls');
-            if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
-            else error.insertAfter(element.nextAll('.lbl').eq(0));
-        }
-        else if(element.is('.chzn-select')) {
-            error.insertAfter(element.nextAll('[class*="chzn-container"]').eq(0));
-        }
-        else error.insertAfter(element);
-    },
-    submitHandler: function (form) {
-    	var startDate = $('input[name=startDate]').val();
-        var endDate = $('input[name=endDate]').val();
-        if(startDate!==""&&endDate!==""){
-        	if(datefalg){
-				// 防止表单二次提交
-				$('button:submit').attr('disabled', 'disabled');
-				var _url = $('form').attr('action');
-				var _param = $('form').serialize();
-				$.post(_url,_param,function(data) {
-					$('#main-content').html(data);
-				});
-			}
-        }else{
-            $('input[name=startDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-            $('input[name=endDate]').nextAll(".date-inline").text("请输入内容").addClass("loginerror");
-        }
-    },
-    invalidHandler: function (form) {
-	}
-});
-</script>
-<script type="text/javascript">
-				var agentProductPopup = $("#agentProductSetting").parents(".popup")[0];
-	            $('#btn-browsers').click(function () {
-	                if (!agentProductPopup) {
-	                    agentProductPopup = new Popup({
-	                        width: '660px',
-	                        height: '290px',
-	                        title: '浏览器定向',
-	                        frame: contextPath + '${ctx}/main/ad/target/ad-group/setBrowsers'
-	                    });
-	                } else {
-	                    agentProductPopup.show();
-	                }
-	            });
-	            if ($('#browsDisplay').val()) {
-	                $('#browser-selected').show();
-	                $('#browser-all').hide();
-	            } else {
-	                $('#browser-selected').hide();
-	                $('#browser-all').show();
-	            }
-	            displayBrowser($('#browser-all'), $('#browser-selected'), '');
-            </script>
-            <script type="text/javascript">
-            		var osTypePopup = 0;
-                    $('#btn-osTypes').click(function () {
-                        var h = ($('input[name=advertisingMode]:checked').val() === 'Desktop') ? '586px' : '280px';
-                        //此处必须每次都弹出Popup，因用户修改投放类型时，弹出的内容不一样，需要重新发请求。
-                        if (!osTypePopup) {
-                            var title = "操作系统设定";
-                            if ($("#adLocations") && $("#adLocations").val() && $("#adLocations").val().indexOf("Inmobi") > -1) {
-                                title += "&nbsp&nbsp&nbsp&nbsp&nbsp<font color='red' size='2'>(inmobi平台暂不支持操作系统版本定向)</font>";
-                            }
-                            osPopup = new Popup({
-                                width: '660px',
-                                height: h,
-                                title: title,
-                                frame: contextPath + '${ctx}/main/ad/target/ad-group/setOs'
-                            });
-                            osTypePopup = 1;
-                        } else {
-                            osPopup.show();
-                        }
-                    });
-                    if ($('#osDispaly').val()) {
-                        $('.osform-selected').show();
-                        $('.osform-all').hide();
-                    } else {
-                        $('.osform-selected').hide();
-                        $('.osform-all').show();
-                    }
-                    displayOsform($('#osform-all'), $('#osform-selected'), $('#osTypes').val());
-            </script>
-            <script type="text/javascript">
-                    //排期插件
-                    $("body").schedule({
-                        formatedStr: $("#dayParting").val(),
-                        actionTarget: $("#btn-dayParting"),
-                        popupTitle: "时段设定",
-                        partial: $("#scheduleDisplay"),
-                        callback: function (data) {
-                            $("#dayParting").val(data);
-                        }
-                    });
-            </script>
-<script type="text/javascript">
-            	var areasgeoPopup = $("#areas_popup")[0];
-            	var GEO_list;
-                $('#btn-areas').click(function () {
-                    if (!areasgeoPopup) {
-                        areasgeoPopup = new areasPopup({
-                            width: '746px',
-                            height: '435px',
-                            title: '地域定向设定'
-                        });
-                        var defaultValue = "不限";
-                        var input = $('#areas').trigger('change');
-                        var selectedIds = input.val() ? input.val().split(',') : null;
-                        $('#areasconfirm').click(function(){
-                            var pop= areasgeoPopup;
-                            areasgeoPopup.hide();
-                            input.val(Area.save());
-                            var id = 'areas',selected = Area.save();
-                            parent.$('#'+id).val(selected);
-                            if (selected && $('input[type=checkbox]:not(:checked)').length) {
-                                //有选择 且 非全选的
-                                parent.$('#count-'+id)[0].innerHTML = selected.split(',').length;
-                                parent.$('#geo-all-'+id).hide();
-                                parent.$('#geo-selected-'+id).show();
-                            }else{
-                                if(!$('input[type=checkbox]:not(:checked)').length){
-                                    parent.$('#geo-all-'+id).find('.default_text')[0].innerHTML=defaultValue;
-                                }else{
-                                    var val = defaultValue;
-                                    parent.$('#geo-all-'+id).find('.default_text')[0].innerHTML=decodeURIComponent(val);
-                                }
-                                parent.$('#geo-all-'+id).show();
-                                parent.$('#geo-selected-'+id).hide();
-                            }
-                            parent.$(parent.document).trigger('setData');
-
-                        });
-                        //Area.init(GEO_LIST,selectedIds);
-            			$.ajax({
-            				url: '${ctx}/main/ad/target/ad-group/getLocations',
-            				dataType:'json',
-            				success:function(GEO_LIST){
-            					Area.init(GEO_LIST,selectedIds);
-            					areasgeoPopup.show();
-            					GEO_list = GEO_LIST;
-            				},
-            				error:function(){
-            					alert('数据拉取失败，请检查您的网络连接是否可用');
-            				}
-            			});
-		                
-                		}else{
-		                areasgeoPopup.show();
-		                }
-		            });
-		            
-	                $('#count-areas').click(function () {
-	                    $('#btn-areas').trigger('click');
-	                });
-	                if ($('#areas').val()) {
-
-	                    $('#geo-selected-areas').show();
-	                    $('#geo-all-areas').hide();
-	                    $('#count-areas')[0].innerHTML = $('#areas').val().split(',').length;
-	                } else {
-	                    $('#geo-selected-areas').hide();
-	                    $('#geo-all-areas').show();
-	                }
-
-        </script>
-            

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/list.ftl

@@ -1,129 +0,0 @@
-<@override name="breadcrumb">
-    <li><i class="icon-home"></i><a href="${ctx}/operator/main/dashboard">首页</a><span class="divider"><i class="icon-angle-right"></i></span></li>
-     <@sec.authorize access="hasAnyRole('ROLE_ADMIN,ROLE_MANAGER')">
-     <li><a href="${ctx}/operator/main/ad/advertiser">投放管理</a><span class="divider"><i class="icon-angle-right"></i></span></li>
-    </@sec.authorize>
-    <li><a href="${ctx}/main/ad/target/campaign-group?advertiserId=${advertiserId}">订单管理</a><span class="driver"><i class="icon-angle-right"></i></span></li>
-    <li><a href="${ctx}/main/ad/target/campaign?orderId=${orderId}">活动管理</a><span class="driver"><i class="icon-angle-right"></i></span></li>
-    <li class="active">策略管理</li>
-</@override>
-<@override name="page">
-<div>
-状态： <a href="${ctx}/main/ad/target/ad-group/list?campaignId=${campaignId}&selectedStatus=1">投放中</a><span class="driver"><i class="icon-angle-right"></i></span></li>
-</div>
-<div class="row-fluid">
-    <div class="row-fluid">
-        <div class="row-fluid row-space">
-            <div class="span6">
-            	<div class="dataTables_length">
-            		<button href="${ctx}/main/ad/target/campaign?orderId=${orderId}" class="btn btn-small btn-manage-page">返回上级</button>
-                   <!-- <button href="${ctx}/main/ad/target/ad-group/create?campaignId=${campaignId}" class="btn btn-small btn-manage-page">创建策略</button> -->
-                    <li><i class="icon-home"></i><a href="${ctx}/main/ad/target/ad-group/create?campaignId=${campaignId}">创建策略</a><span class="divider"><i class="icon-angle-right"></i></span></li>
-                <li><i class="icon-home"></i><a href="${ctx}/main/ad/target/ad-group/test">测试</a><span class="divider"><i class="icon-angle-right"></i></span></li>    
-		<div class="btn-group">
-                        <button data-toggle="dropdown" name="table_report_length" class="btn btn-small btn-manage-page dropdown-toggle"><span>批量处理</span><i class="icon-angle-down icon-on-right"></i></button>
-                        <ul class="dropdown-menu">
-                            <li><a href="${ctx}/main/ad/target/ad-group/enable">批量开启</a></li>
-                            <li><a href="${ctx}/main/ad/target/ad-group/disable">批量暂停</a></li>
-                            <li><a href="${ctx}/main/ad/target/ad-group/delete" title="bootbox-confirm">批量删除</a></li>
-                        </ul>
-                    </div>
-                </div>
-                
-            </div>
-			<form action="${ctx}/main/ad/target/ad-group/list" method="post" class="search-form">
-            <div class="span6">
-                <div class="pad-6">
-                    <div class="dataTables_paginate">
-                        <div class="btn-group">
-                            <button data-toggle="dropdown" class="btn btn-small btn-danger dropdown-toggle">策略名称<!--<i class="icon-angle-down icon-on-right"></i>--></button>
-                           <!-- <ul class="dropdown-menu">
-                                <li><a href="#" value="adGroupName">策略名称</a></li>
-                            </ul>-->
-                        </div>
-                        <input type="hidden" name="searchKey" value="${searchKey!'adGroupName'}">
-                        <input type="hidden" name="page" value="${pager.page}">
-                        <input type="hidden" name="campaignId" value="${campaignId}">
-                        <input type="text" name="searchValue" id="gap-correction" value="${searchValue!}" aria-controls="table_report">
-                        <button class="btn btn-mini search-btn">搜索</button>
-                    </div>
-                </div>
-            </div>
-            </form>
-        </div>
-
-        <div class="row-fluid">
-	        <div class="span12">
-	            <table id="table_report" class="table table-striped table-bordered table-hover">
-	                <thead>
-	                <tr>
-	                    <th class="center">
-	                        <label><input type="checkbox"><span class="lbl"></span></label>
-	                    </th>
-	                    <th class="dataToggle hide-piece">投放名称</th>
-	                    <th class="dataToggle hide-piece">投放周期</th>
-	                    <th>投放状态</th>
-	                    <th>总预算</th>
-	                    <th>创意</th>
-	                    <th class="hidden-480">更新时间</th>
-	                    <th>操作</th>
-	                </tr>
-	                </thead>
-	
-	                <tbody>
-					<#if adGroupList ??>
-                    	<#list adGroupList as adGroup>
-			                <tr class="">
-			                    <td class="center">
-			                        <label><input name="id" value="${adGroup.id}" type="checkbox"><span class="lbl"></span></label>
-			                    </td>
-			                    <td class="hide-piece breakword"><a href="${ctx}/main/ad/target/ad?adGroupId=${adGroup.id}">${adGroup.adGroupName}</td>
-			                    <td class="hide-piece">${adGroup.startDate?date}~${adGroup.endDate?date}</a></td>
-			                    <td><#if adGroup.status==0>开启<#else>暂停</#if></td>
-			                    <td>${adGroup.totalBudget}</td>
-			                    <td><a href="${ctx}/main/ad/target/ad?adGroupId=${adGroup.id}">${adGroup.bannerNumber}</a></td>
-			                    <td class="hidden-480"><a href="${ctx}/main/ad/target/ad-group/update?adGroupId=${adGroup.id}">${adGroup.updated?datetime}</a></td>
-			                    <td>
-			                       <!-- <button href="${ctx}/main/ad/target/ad-group/edit/${adGroup.id}" class="btn btn-minier btn-primary dropdown-toggle"
-			                                data-toggle="dropdown">编辑
-			                        </button> -->
-			                        <a href="${ctx}/main/ad/target/ad-group/edit/${adGroup.id}">编辑</a>
-			                        <#if adGroup.status==0>
-										<a href="${ctx}/main/ad/target/ad-group/disable?id=${adGroup.id}" class="btn btn-minier btn-primary dropdown-toggle btn-status" data-toggle="">暂停</a>
-									<#elseif adGroup.status==1>
-		                            	<a href="${ctx}/main/ad/target/ad-group/enable?id=${adGroup.id}" class="btn btn-minier btn-primary dropdown-toggle btn-status" data-toggle="">启用</a>
-									</#if>
-			                        <button href="${ctx}/main/ad/target/ad-group/delete?id=${adGroup.id}" class="btn btn-minier btn-status" data-toggle="dropdown">删除</button>
-			                    </td>
-			                </tr>
-			        	</#list>
-                    </#if>
-	                </tbody>
-	            </table>
-	        </div>
-	        <!--/span-->
-	    </div>
-
-        <div class="row-fluid row-space">
-            <div class="span6">
-                <div class="dataTables_length">
-                     <button href="${ctx}/main/ad/target/ad-group/create?campaignId=${campaignId}" class="btn btn-small btn-manage-page">创建策略</button>
-                     <div class="btn-group">
-                        <button data-toggle="dropdown" name="table_report_length" class="btn btn-small btn-manage-page dropdown-toggle"><span>批量处理</span><i class="icon-angle-down icon-on-right"></i></button>
-                        <ul class="dropdown-menu">
-                            <li><a href="${ctx}/main/ad/target/ad-group/enable">批量开启</a></li>
-                            <li><a href="${ctx}/main/ad/target/ad-group/disable">批量暂停</a></li>
-                            <li><a href="${ctx}/main/ad/target/ad-group/delete" title="bootbox-confirm">批量删除</a></li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div class="span6">
-            	<#include "/common/pagination/simple.ftl"/>
-            </div>
-        </div>
-		<div class="hr-table"></div>
-    </div>
-</div>
-</@override>
-<@extends name="/common/page.ftl"/>

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/locations.ftl

@@ -1,10 +0,0 @@
-[<#list hashMap?keys as key>
-<#assign values = hashMap[key]>
-{"id":"${hashCode[key]}","name":"${key}","children":[
-      <#list values as locate  >{"id":"${locate.location1}${locate.location2}${locate.location3}","name":"${locate.cnCity}","pyname":"${locate.location3}","children":[]}
-         <#if locate_has_next>,</#if>
-      </#list>]}
-       <#if key_has_next>,</#if>
-</#list>]
-
-    

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/os.ftl

@@ -1,361 +0,0 @@
-<html class="no-js" lang="zh"><!--<![endif]-->
-   <head>
-	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-	<!--  host name: web153_11 -->
-	<title>Optimus</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link href="${ctx}/assets/operator/css/style.css" rel="stylesheet" type="text/css">
-    <link href="${ctx}/assets/operator/css/geo.css" rel="stylesheet" type="text/css">
-    <link href="${ctx}/assets/operator/css/bootstrap.css" rel="stylesheet" type="text/css">
-	<script type="text/javascript" src="${ctx}/assets/operator/js/jquery.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.bootstrap.min.js"></script>
-    <!--[if IE 8]>
-        <script src="/s/js/pie.js?74551608.js"></script>
-        <script src="/s/js/html5.js?74551608.js"></script>
-    <![endif]-->
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.serializeObject.min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.i18n<@spring.message "arp_lanaguage" />.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.common<@spring.message "arp_lanaguage" />min.js"></script>
-    <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.events.js"></script>
-    <script>
-/*
-    @param boxId 父节点的id
-    @param callback  点击确定的回调函数
-*/
-function init(boxId, callback) {
-    var exchangeInput = parent.$('#osTypes'),
-    displayInput = parent.$('#osDisplay'),
-    positionInput = parent.$('#osVersions'),
-    channelInput = parent.$('#osChannels');
-    var exchange = exchangeInput.val();
-    var display = displayInput.val();
-	var val = '',val_c= '';
-	if(positionInput.val()){
-		val = positionInput.val();
-	}
-	if(channelInput.val()){
-		val_c =channelInput.val();
-	}
-	$('#'+boxId+' > div > p > input').change(function(){
-		$(this).parent().next('table').find('input[type=checkbox]').attr('checked',this.checked);
-		//$(this).parent().next('div').find('input[type=checkbox]').attr('checked',this.checked);
-	});
-	// 对有频道等二级定向条件的进行处理
-	$('#'+boxId+' > div > div > p > input').change(function(){
-		$(this).parent().next('table').find('input[type=checkbox]').attr('checked',this.checked);
-		var checkedSiblings = $(this).parents('div:first').find('input:checked'),
-		allChannel = $(this).parents('div:first').prev().find('input');
-		var length = $('#'+boxId+' > div > div > p > input').length;
-		alert(length);
-		if(checkedSiblings.length == 0){
-			allChannel.attr('checked',false);
-		}else if(checkedSiblings.length == length){
-			allChannel.attr('checked',true);
-		}
-	});
-	$('#'+boxId+' table input').change(function(){
-		var table = $(this).parents('table:first'),
-		checkedSiblings = table.find('input:checked'),
-		exchange = table.prev().find('input');
-		var length = $('#'+boxId+' table input').length;
-		if(checkedSiblings.length == 0){
-			exchange.attr('checked',false);
-		}else if(checkedSiblings.length == length){
-			exchange.attr('checked',true);
-		}else{
-			exchange.attr('checked',false);
-		}
-		
-		if(table.attr('class')){
-			checkedSiblings = table.parents('div:first').find('input:checked');
-			var allChannel = table.parents('div:first').prev().find('input');
-			var length = $('#'+boxId+' table input').length;
-			if(checkedSiblings.length == 0){
-				allChannel.attr('checked',false);
-			}else if(checkedSiblings.length == length){
-				allChannel.attr('checked',true);
-			}
-		}
-	});
-	if(val===''&&val_c===''){
-		if(displayInput.val()!=''){
-			var pureplatform=exchangeInput.val().split(',');
-			for(j=0; j<pureplatform.length;j++){
-				$('input[value="'+pureplatform[j]+'"]').attr('checked','checked').trigger('change');
-			}
-		}
-	}else{
-		var platformInfo = val.split(',');
-		var channelInfo='',chList=val_c.split(',');
-		for(var i=0;i<chList.length;i++){
-			if(chList[i]!=''){
-				channelInfo +=chList[i].substring(chList[i].indexOf('#')+1)+";";
-			}
-		}
-		channelInfo = channelInfo.split(";");
-		//平台位置定向
-		for (var i=0; i < platformInfo.length; i++) {
-            selected = platformInfo[i];
-//			selected = platformInfo[i].split('=');
-			if (!selected) {
-				$('input[value="'+selected+'"]').attr('checked','checked').trigger('change');
-			}else{
-				var info = selected;
-				for (var t=0; t < info.length; t++) {
-                    $('input[value="'+selected+'"]').attr('checked','checked').trigger('change');
-//					$('input[value="'+selected+'"]').parent().next().find('input[value="'+info+'"]').attr('checked','checked').trigger('change');
-				};
-			}
-		};
-		//频道定向
-		for (var i=0; i < channelInfo.length; i++) {
-            selected = platformInfo[i];
-//			selected = channelInfo[i].split('=');
-			if (!selected) {
-				$('input[value="'+selected+'"]').attr('checked','checked').trigger('change');
-			}else{
-				var info = selected;
-				for (var t=0; t < info.length; t++) {
-                    $('input[value="'+selected+'"]').attr('checked','checked').trigger('change');
-//					$('input[value="'+selected+'"]').parent().next().find('input[value="'+info+'"]').attr('checked','checked').trigger('change');
-				};
-			}
-		};
-	};
-	$('#confirm').click(function() {
-	    getChannel();
-	    var channelAndExch = getChannel();
-	    var channelsFull = channelAndExch.split('*')[0];
-	    var channelExch = channelAndExch.split('*')[1];
-	    var channels = channelAndExch.split('*')[2];
-       	var dataOs = callback();
-        var selected = dataOs[0];
-        var display = dataOs[1];
-       	if( parent.platformPopup){
-	    	parent.platformPopup.hide();
-	    }
-	    var sel = selected + ";" + channels;
-        var exchangeInput = parent.$('#osTypes'),
-        positionInput = parent.$('#osVersions'),
-        channelInput = parent.$('#osChannels');
-		positionInput.val(selected);
-        var exchVal = $(selected.split(',')).map(function(i, item) {
-            return item;
-        }).toArray().join(',');
-        var exchanges = exchVal;
-        if(exchanges.indexOf(',')==0){
-        	exchanges = exchanges.substring(1);
-        }
-		exchangeInput.val(exchanges);
-		positionInput.val(selected);
-        displayInput.val(display);
-		channelInput.val(channels);
-		parent.$('#osVersions').change();		
-    });
-}
-
-function getChannel(){
-		var result='';
-		var result2='';
-		var exch=''
-		var selected = $('.adChannel').map(function(i,item){
-	    	var ele = $(item),
-	    	checkbox = ele.find('>p>input')[0];
-	    	if (checkbox.checked) {
-	    		exch += ele.find('>p>input')[0].value+",";
-	    		var exch2 = ele.find('>p>input')[0].value;
-	    		result2 +=ele.find('>p>input')[0].value+"=";
-	    		ele.find('>div>table').map(function(j,c){
-	    			var cbox=$(c).prev().find('input')[0];
-	    			if(cbox.checked){
-	    				result += exch2+"#"+cbox.value+"=";
-				    	var s='';
-	    				$(c).find('input:checked').map(function(q,e){
-	    					s += e.value+",";
-	    				});
-	    				s = s.substring(0,s.length-1);
-	    				result +=s+";"
-	    				result2 +=s+","
-	    			}
-	    		})
-	    	};
-    	})
-    result2 = result2.indexOf("=")==result2.length-1?result2:result2.substring(0,result2.length-1);
-	return result+"*"+exch.substring(0,exch.length-1)+"*"+result2;
-}
-</script>
-
-        <script type="text/javascript">
-            $(function() {
-                init('osSetting', function(){
-                	   var pcsetting = '';
-                	   var pcdispaly = '';
-                    var allsettings = $('#osSetting>div').map(function(i, item) {
-                        var self = $(item);
-                        var checked = self.find('table input:checkbox:checked');
-                        if(checked.length) {
-                            var mobilesetting = '';
-                            var mobiledisplay = '';
-                            if(checked.attr('name')=='PC'){
-                            	pcsettings = $('#osSetting>div>table input:checkbox:checked').map(function(j, jtem){
-                            		if($(jtem).attr('name')==='PC') return $(jtem).val();
-                    				}).toArray().join(',');
-                            	return pcsettings;
-                            }else if(checked.attr('name')=='IOS'||checked.attr("name")=='Android'){
-  	                      		if($("input[type=checkbox][name="+checked.attr("name")+"]:not(:checked)").length==0){
-	                            	mobilesetting +=checked.attr("name");
-  	                      		}else{
-                      				mobilesetting += self.find('input:checkbox').val();
-	                            	mobilesetting += checked.map(function(i, item) {
-	                                	if($(item).attr('name')!='PC') return $(item).val();
-	                            	}).toArray().join(',');                	
-  	                      			}
-                            }else{
-                            	mobilesetting += self.find('input:checkbox').val();
-                            	mobilesetting += checked.map(function(i, item) {
-                                	if($(item).attr('name')!='PC') return $(item).val();
-                            	}).toArray().join(',');                	
-                            	}                           
-                            return mobilesetting;
-                       	 	}
-                       	else {
-                       	 	var mbchecked=self.find('p input:checkbox:checked');
-                       	 	var mbsettings='';
-                       	 	var mbdisplay = '';
-                       	 	if(mbchecked.length&&mbchecked.attr('name')!='PC') {
-                       	 		mbsettings = mbchecked.map(function(k,ktem){
-                       	 			return $(ktem).val();
-                       	 		}).toArray().join(',');
-                       	 		return mbsettings;
-                       	 		}
-                       	   }
-                    }).toArray().join(',');
-                    var alldisplay = $('#osSetting>div').map(function(i, item) {
-                        var self = $(item);
-                        var checked = self.find('table input:checkbox:checked');
-                        if(checked.length) {
-                            var mobiledisplay = '';
-                            if(checked.attr('name')=='PC'){
-                                pcdisplay = $('#osSetting>div>table input:checkbox:checked').map(function(j, jtem){
-                                    if($(jtem).attr('name')==='PC') return $(jtem).attr('title');
-                                }).toArray().join(',');
-                                return pcdisplay;
-                            }else if(checked.attr('name')=='IOS'||checked.attr("name")=='Android'){
-                                if($("input[type=checkbox][name="+checked.attr("name")+"]:not(:checked)").length==0){
-                                    mobilesetting +=checked.attr("name");
-                                }else{
-                                    mobilesetting += self.find('input:checkbox').val();
-                                    mobiledisplay += checked.map(function(i, item) {
-                                        if($(item).attr('name')!='PC') return $(item).attr('title');
-                                    }).toArray().join(',');
-                                }
-                            }else{
-                                mobilesetting += self.find('input:checkbox').val();
-                                mobiledisplay += checked.map(function(i, item) {
-                                    if($(item).attr('name')!='PC') return $(item).attr('title');
-                                }).toArray().join(',');
-                            }
-                            return mobiledisplay;
-                        }
-                        else {
-                            var mbchecked=self.find('p input:checkbox:checked');
-                            var mbsettings = '';
-                            var mbdisplay = '';
-                            if(mbchecked.length&&mbchecked.attr('name')!='PC') {
-                                mbdisplay = mbchecked.map(function(k,ktem){
-                                    return $(ktem).attr('title');
-                                }).toArray().join(',');
-                                return mbdisplay;
-                            }
-                        }
-                    }).toArray().join(',');
-                    parent.osPopup.hide();
-                    var dataOsType = new Array();
-                    dataOsType[0] = allsettings;
-                    dataOsType[1] = alldisplay;
-                    parent.displayOsform(parent.$('#osform-all'), parent.$('#osform-selected'), alldisplay);
-                    return dataOsType;
-	            });
-            });
-        </script>
-	<style>
-		.set-black-white-list span label{
-			display:inline-block;
-		}
-	</style>
-</head>
-<body id="osSet">
-        <div class="platform-setting" id="osSetting">
-          	<div>
-				<p><input type="checkbox" name="" value="<@spring.message "pc.system" />" id="alldesktopos"><label for="alldesktopos"><@spring.message "pc.operating.system" /></label></p>
-				<table>
-					<tbody><tr>
-						<td><input type="checkbox" name="PC" value="w7" title="Windows7" id="pcos1"><label for="pcos1">Windows 7</label></td>
-						<td><input type="checkbox" name="PC" value="xp" title="WindowsXP" id="pcos2"><label for="pcos2">Windows XP</label></td>
-						<td><input type="checkbox" name="PC" value="vista" title="WindowsVista" id="pcos3"><label for="pcos3">Windows Vista</label></td>
-						<td><input type="checkbox" name="PC" value="w8" title="Windows8" id="pcos4"><label for="pcos4">Windows 8</label></td>
-					</tr>
-					<tr>
-						<td><input type="checkbox" name="PC" value="2003" title="Windows2003" id="pcos5"><label for="pcos5">Windows 2003</label></td>
-						<td><input type="checkbox" name="PC" value="2k" title="Windows2000" id="pcos6"><label for="pcos6">Windows 2000</label></td>
-						<td><input type="checkbox" name="PC" value="osx" title="MacOSX" id="pcos7"><label for="pcos7">Mac OSX</label></td>
-						<td><input type="checkbox" name="PC" value="linux" title="Linux" id="pcos8"><label for="pcos8">Linux</label></td>
-					</tr>					
-				</tbody></table>
-			</div>			
-			<!--<div>
-				<p><input type="checkbox" name="Android" value="android" title="Android" id="android"><label for="android">安卓</label></p>
-			</div>
-			<div>
-                <p><input type="checkbox" name="IOS" value="ios" title="IOS" id="ios"><label for="ios">iOS</label></p>
-			</div>
-			<div>
-				<p><input type="checkbox" name="WindowsPhone" value="wp7" title="WindowsPhone" id="WindowsPhone"><label for="WindowsPhone">WindowsPhone</label></p>
-			</div>	
-			<div>
-				<p><input type="checkbox" name="Unknown" value="Unknown" title="Unknown" id="OtherOS"><label for="OtherOS">其它</label></p>
-			</div>-->
-		</div>
-        
-		<div class="submit-cancel">
-			<a href="javascript:;" id="confirm" class="btn-pop btn-success span1" style="background-color: #3684C5;background-image:none;"><@spring.message "confirm" /></a>
-			<a href="javascript:parent.osPopup.hide();" id="cancel" class="btn-pop span1"><@spring.message "cancel" /></a>
-		</div>
-<script type="text/javascript" src="${ctx}/assets/operator/js/context_path.js"></script>
-<script type="text/javascript">
-if(top.location == self.location){
-	self.location.href=contextPath+'/';
-}
-</script>
-<script>
-var ajaxErrorHandler={
-	//频繁刷新预防
-	abuseRefresh:function(event, jqxhr, settings, exception){
-		var extStatus=jqxhr.getResponseHeader('extStatusPy');
-		if(extStatus!='481')
-			return 'continue';
-		location.href='/security/captcha/';
-		return 'break';
-	},
-	//通用错误转向404错误页面	
-	commonError:function(event, jqxhr, settings, exception){
-		location.href='/error/exception/?exception_page=error/404';
-	}
-};
-$(document).ready(function(){
-	//安装ajax错误统一处理器
-	$(document).ajaxError(function(event, jqxhr, settings, exception) {
-		//频繁刷新预防
-		var next=ajaxErrorHandler.abuseRefresh(event,jqxhr,settings,exception);
-		if(next && next=='break'){
-			return;
-		}
-		//ajaxErrorHandler.commonError();
-	});
-});
-</script><!--[if IE 8]>
-	<script src="/s/js/selectivizr.js?74551608.js"></script>
-<![endif]-->
-</body>
-</html>

src/main/webapp/WEB-INF/pages/operator/main/ad/target/ad-group/update.ftl

@@ -1,105 +0,0 @@
-
-<@override name="page">
-	<link rel="stylesheet" href="${ctx}/assets/operator/css/index.css"/>
-
-		<div id=content_bg>
-		  <div id="top">	
-			<input class="logo" type="image" src="${ctx}/assets/operator/images/logo12.png" alt="submit"/></li>		
-			<ul class="nav">
-				
-				<li><a href="#index"><span>首页</span></a></li>
-				<li><a href="#adspace"><span>广告位管理</span></a></li>
-				<li><a href="#advertiser"><span>投放管理</span></a></li>
-				<li><a href="#creative"><span>创意中心</span></a></li>
-				<li><a href="#code"><span>代码中心</span></a></li>
-				<li><a href="#culculation"><span>统计报表</span></a></li>
-				<li><a href="#controlation"><span>权限管理</span></a></li>
-					  			
-			</ul>	
-		     <div id="divselect">
-               <cite>j@cloudcross.com</cite>
-               <ul>
-                   <li><a href="javascript:;" selectid="1">修改个人信息</a></li>
-                   <li class="last"><a href="javascript:;" selectid="2">退出登录</a></li>       
-               </ul>
-               <input name="" type="hidden" value="" id="inputselect"/>
-            </div>
-			    		
-		</div>
-		
-		<div id= "pagecontent">
-		
-		   <div id="data_show">
-		   
-		   	   <table cellspacing="0" cellpadding="0">
-		   	   <thead>
-		  	     <tr class="add">
-		   	   	 	<th class="th1">变更时间</th>
-		   	   	 	<th class="th2">操作人</th>
-		   	   	 	<th class="th3">登录IP</th>
-		   	   	 	<th class="th4">操作类型</th>
-		   	   	 	<th>变更详情</th>
-		   	   	 </tr>	
-		   	   	   	</thead> 
-		   	   	  
-		   	   	  <tbody>
-		   	   	<#if logList ??>
-				<#list logList as log>
-		   	        <tr class="odd">
-					<td >${log.operTime?datetime!}</td>
-		   	   	 	<td >${log.userRealName!}</td>
-		   	   	 	<td >${log.userIp!}</td>
-		   	   	 	<td >${log.actionType!}</td>
-		   	   	 	<td >${log.action!}</td>
-		   	   	 	</tr>
-				</#list>
-				</#if>
-			</tbody>
-			 	 	
-		   	 
-		   	
-		   	   </table>	
-		   	
-		
-	   </div>
-  
-			<div id=button0>			
-			
-		    <input id="button" type="button" value="导出Excel"/>
-	         <input id="button1" type="button" value="返回"/>
-   
-</div>
-<div id="page0">
-	<ul class=word>			
-				<li class="li1"><a href=""><<</a></li>
-				<li class="li0"><a href="?page=1">1</a></li>
-				<li class="li0"><a href="?page=2">2</a></li>
-				<li class="li0"><a href="?page=3">3</a></li>
-				<li class="li1"><a href="#">...</a></li>
-				<li class="li0"><a href="?page=29">29</a></li>
-				<li class="li1"><a href="#">>></a></li>
-				<li class="li1"><a href="#">共${pager.totalRow!}条,${pager.totalPage!}页 </a></li>
-					  			
-			</ul>	
-</div>
-	  </div>	
-		<div class="space-24ger"></div>
-		<!-- PAGE CONTENT ENDS HERE -->
-	</div>
-	<!--/row-->
-</@override>
-<@extends name="/common/page.ftl"/>
-        <script type="text/javascript" src="${ctx}/assets/operator/js/jquery.js"></script>
-        <script type="text/javascript" src="${ctx}/assets/operator/js/divselect.js"></script>
-
-        <script type="text/javascript">
-           $(function(){
-	         $.divselect("#divselect","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_left","#inputselect");
-           });
-            $(function(){
-	         $.divselect("#select_right","#inputselect");
-           });
-        </script>