Browse Source

修改后台媒体数据报表

ying.rong 9 years ago
parent
commit
fbcacb48ea

+ 1 - 1
src/main/java/com/cloudcross/ssp/web/operator/main/ad/report/AdvertiserReportController.java

@@ -543,7 +543,7 @@ public class AdvertiserReportController extends SimpleController {
 	public @ResponseBody List<DeliverAnalysis> arealCtiy(Model model,
 	public @ResponseBody List<DeliverAnalysis> arealCtiy(Model model,
 			@RequestParam HashMap<String, Object> paramMap) {
 			@RequestParam HashMap<String, Object> paramMap) {
 		
 		
-		paramMap.put("cn", "广东");
+		//paramMap.put("cn", "广东");
 		
 		
 		Account account = getLoginUser();
 		Account account = getLoginUser();
 		paramMap.put("operatorId", account.getOperatorId());
 		paramMap.put("operatorId", account.getOperatorId());

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -6,7 +6,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/date.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

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

@@ -8,7 +8,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/lib/exporting.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/dropDownList.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/common/shortcutkey_datePicker.js"></script>
-<script type="text/javascript" src="${ctx}/assets/js/report_operator.js"></script>
+<script type="text/javascript" src="${ctx}/assets/js/report_back.js"></script>
 </@override>
 </@override>
 <@override name="body">
 <@override name="body">
 <div id=content_bg>
 <div id=content_bg>

+ 615 - 0
src/main/webapp/assets/js/report_back.js

@@ -0,0 +1,615 @@
+$(document).ready(function(){
+	var ctx = $("#ctx").val();
+	/** 实现pv,uv,点击数,曝光数,收入样式 **/
+	if($("#chartDivs").attr("value") == "total"){
+		initDataFrameOrLender($("#dataFrame0"),$("#linechart0"),"dataFrame0","dataFrame_change",$("#chartDivs div.linechart"));
+    }else{
+    	initDataFrameOrLender($("#chartLender0 span.chartLender_box"),$("#linechart0"),"chartLender0","chartLender_change",$("#chartDivs div.linechart"));
+    }
+	
+	function initDataFrameOrLender(defaultElemdObj,defaultChartObj,defaultElemdValue,className,chartObjs){
+		if($('#dataFrame').val() == ""){
+			defaultElemdObj.addClass(className);
+			defaultChartObj.show();
+			$('#dataFrame').val(defaultElemdValue);
+			chartObjs.each(function(i){
+				if(i != 0){
+					$(this).hide();
+				}
+			});
+		}
+	}
+	
+	$("#content_dataFrame .dataFrame").click(function(){
+		 $(this).addClass('dataFrame_change').siblings('.dataFrame_change').removeClass('dataFrame_change');
+		 var value = $(this).attr("id");
+		 $("#dataFrame").val(value);
+		 var index = value.charAt(value.length - 1);
+		 $("#linechart"+index).show();
+		 $("#chartDivs div.linechart").each(function(i){
+			if(i != index){
+				$(this).hide();
+			}
+		});
+	});
+   
+   $("#content_dataFrame .dataFrame").each(function(i){
+		var value = $(this).attr("id");
+		if($("#dataFrame").val() == value){
+			$(this).addClass('dataFrame_change').siblings('.dataFrame_change').removeClass('dataFrame_change');
+			$("#linechart"+i).show();
+		}else{
+			$("#linechart"+i).hide();
+		}
+   });
+	
+   $("#content_chartLender .chartLender_name").each(function(i){
+		var value = $(this).attr("id");
+		if($("#dataFrame").val() == value){
+			$(this).find("span.chartLender_box").addClass('chartLender_change').siblings('.chartLender_change').removeClass('chartLender_change');
+			$("#linechart"+i).show();
+		}else{
+			$("#linechart"+i).hide();
+		}
+	});
+   
+   $("#content_chartLender .chartLender_name").click(function(){
+	   	$(this).find(".chartLender_box").addClass('chartLender_change');
+		var value = $(this).attr("id");
+		$("#content_chartLender .chartLender_name").each(function(i){
+			if($(this).attr("id") != value){
+				$(this).find(".chartLender_box").removeClass('chartLender_change');
+			}
+		});
+		$("#dataFrame").val(value);
+		var index = value.charAt(value.length-1);
+		$("#linechart"+index).show();
+		$("#chartDivs div.linechart").each(function(i){
+			if(i != index){
+				$(this).hide();
+			}
+		});
+	});
+   
+    /** 实现chart图表 **/
+	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 initChart_homePage(){
+		var datePicker = $("#dateRangePicker").val().split(" to ");
+		var startDate = datePicker[0];
+		var endDate = datePicker[1];
+		if(startDate==endDate){
+			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=$("#selectedZoneId").val();
+			if(selectedZoneId==null || selectedZoneId==""){selectedZoneId=-1}
+			var dateRangePicker=$("#dateRangePicker").val();
+			url = ctx+"/back/main/ad/operator/operator-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);							
+		}
+		var chartDivs = $("#chartDivs").find("div").length;
+		var names = ['PV','UV','广告曝光数','广告点击数','收入'];
+		var values = [pv,uv,adbaoguang,adclick,shouru];
+		for(var i = 0;i<chartDivs;i++){
+			getHighchart_homePage($("#linechart"+i),names[i],names[i],values[i],xlabel);
+		}
+	}
+	function getHighchart_homePage(obj,title,name,value,xlabel){
+		obj.highcharts({
+	        title: {
+	            text: title,
+	        },
+	        xAxis: {
+	            categories: xlabel,
+	            tickInterval: setinterval 
+	        },
+	        yAxis: {
+	            plotLines: [{
+	                value: 0,
+	                width: 1,
+	               color: '#36aeea'
+	           }]
+	        },
+	        legend: {
+	           layout: 'vertical',
+	            align: 'right',
+	          verticalAlign: 'middle',
+	           borderWidth: 0
+	        },
+	        series: [{
+	            name: name,
+	            data: value,
+	            color:'#36aeea'
+	        }]
+	    });
+	}
+	
+	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 initChart_other(){
+		m=getele();
+		n=$("#listSize").val();
+		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){
+			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;
+			num=a;
+			for(b=0;b<lll.length;b++){
+				if(uselll[a]<=lll[b]){
+				 	uselll[a]=lll[b];
+				 	uselllxlabel[a]=lllxlabel[b];
+				 	num=b;
+				}
+			}
+			lll[num]=0;
+		}
+
+		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;
+			num=a;
+			for(b=0;b<pv.length;b++){
+				if(usepv[a]<=pv[b]){
+					usepv[a]=pv[b];
+					usepvxlabel[a]=pvxlabel[b];
+					num=b;
+			 	}
+			 }
+			pv[num]=0;
+		}
+
+		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;
+			num=a;
+			for(b=0;b<uv.length;b++){
+				if(useuv[a]<=uv[b]){
+					useuv[a]=uv[b];
+					useuvxlabel[a]=uvxlabel[b];
+					num=b;
+			 	}
+			}
+			uv[num]=0;
+		}
+
+		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;
+			num=a;
+			for(b=0;b<adbaoguang.length;b++){
+				if(useadbaoguang[a]<=adbaoguang[b]){
+					useadbaoguang[a]=adbaoguang[b];
+					useadbaoguangxlabel[a]=adbaoguangxlabel[b];
+					num=b;
+			 	}
+			}
+			adbaoguang[num]=0;
+		}
+		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;
+			num=a;
+			for(b=0;b<adtianchong.length;b++){
+			 	if(useadtianchong[a]<=adtianchong[b]){
+			 		useadtianchong[a]=adtianchong[b];
+			 		useadtianchongxlabel[a]=adtianchongxlabel[b];
+			 		num=b;
+			 	}
+			}
+			adtianchong[num]=0;
+		}
+		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;
+			num=a;
+			for(b=0;b<adclick.length;b++){
+			 	if(useadclick[a]<=adclick[b]){
+			 		useadclick[a]=adclick[b];
+			 		useadclickxlabel[a]=adclickxlabel[b];
+			 		num=b;
+			 	}
+			}
+			adclick[num]=0;
+		}
+		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;
+			num=a;
+			for(b=0;b<adclickl.length;b++){
+			 	if(useadclickl[a]<=adclickl[b]){
+			 		useadclickl[a]=adclickl[b];
+			 		useadclicklxlabel[a]=adclicklxlabel[b];
+			 		num=b;
+			 	}
+			}
+			adclickl[num]=0;
+		}
+
+		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;
+			num=a;
+			for(b=0;b<ecpm.length;b++){
+			 	if(useecpm[a]<=ecpm[b]){
+			 		useecpm[a]=ecpm[b];
+			 		useecpmxlabel[a]=ecpmxlabel[b];
+			 		num=b;
+			 	}
+			}
+			ecpm[num]=0;
+		}
+
+		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;
+			num=a;
+			for(b=0;b<shouru.length;b++){
+			 	if(useshouru[a]<=shouru[b]){
+			 		useshouru[a]=shouru[b];
+			 		useshouruxlabel[a]=shouruxlabel[b];
+			 		num=b;
+			 	}
+			}
+			shouru[num]=0;
+		}
+		var chartDivs = $("#chartDivs").find("div").length;
+		var names = ['浏览量占比','PV','UV','广告曝光数','广告填充率','广告点击数','广告点击率','eCPM','收入'];
+		var values = [uselll,usepv,useuv,useadbaoguang,useadtianchong,useadclick,useadclickl,useecpm,useshouru];
+		var xlabels = [uselllxlabel,usepvxlabel,useuvxlabel,useadbaoguangxlabel,useadtianchongxlabel,useadclickxlabel,useadclicklxlabel,useecpmxlabel,useshouruxlabel];
+		for(var i = 0;i<chartDivs;i++){
+			if(i==0){
+				getHighchart_other($("#linechart"+i),names[i],names[i],values[i],xlabels[i],"of total",color);
+			}else{
+				getHighchart_other($("#linechart"+i),names[i],names[i],values[i],xlabels[i],"",color);
+			}
+		}
+	}
+	function getHighchart_other(obj,title,name,value,uselllxlabel,defaultValue,color){
+		obj.highcharts({
+			chart: {
+				type: 'column'
+			},
+			title: {
+				text: title
+			},
+			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> '+defaultValue+'<br/>'
+			},
+			series: [{
+				name: name,
+				colorByPoint: true,
+				colors:color,
+				data: value
+			}]       
+		});   
+	}
+
+	/** 实现日期选择的样式 **/
+	$('#dateChoose_span a').click(function(e){
+       	inputForDate(e,$(this),$('#dateRangePicker'));
+        $("#dateTab").val($(this).attr("value"));
+        $(this).addClass('dateChange').siblings('.dateChange').removeClass('dateChange');
+    });
+   
+    $('#dateRangePicker').dateRangePicker();
+    if($('#dateRangePicker').val() == ""){
+		$('#dateRangePicker').val(getlastDate(1)+" to "+getlastDate(1));
+		$("#dateChoose_span #yesterday").addClass('dateChange');
+		$("#dateTab").val("yesterday");
+	}
+    if($("#chartDivs").attr("value") == "total"){
+    	initChart_homePage();
+    }else{
+    	initChart_other();
+    }
+	$('#dateChoose_span a').each(function(){
+		var value = $(this).attr("value");
+		if($("#dateTab").val() == value){
+			$(this).addClass('dateChange');
+		}
+	});
+	//点击日期控件的按钮时,去掉前面时间标签的样式
+	$(".apply-btn").click(function(){
+		if(!$(this).hasClass("disabled")){
+			$("#dateTab").val("");
+			$('#dateChoose_span a').removeClass('dateChange');
+			$('#dateRangePicker').val($(".start-day").text() +" to "+$(".end-day").text());
+		}
+	});
+
+ 	//控制页码
+    $('#pageDiv .pagination ul li a[href]').click(function(){
+		var _page = $(this).attr('href').substr(1);//获取当前点击的页码
+		console.log(_page);
+		var _form = $('#myform');
+		_form.find('input:hidden[name="page"]').val(_page);//将当前点击的页码赋值给搜索form中页码输入框
+		_form.submit();
+	});
+    
+    $("#img-city").live("click",function(){
+		var img = $(this);
+		var cnName = img.attr("value");
+		if(img.attr("type") == "close"){
+			$.ajax({
+		    	type:"POST",
+		    	url:ctx+"/back/main/ad/operator/operator-report/city",
+		    	data:{cn:cnName,selectedOperatorId:$("#selectedOperatorId").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="tbodyTd" style="margin-left:20px;"><img src="'+ctx+'/assets/images/defaultLeaf.gif" style="position: relative;top:-2px;left:-5px;"/>'+data[i].cn_city+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].viewRate+'%</td>';
+		    				html += '<td class="tbodyTd">'+data[i].pv+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].uv+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].impression+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].fillRate+'%</td>';
+		    				html += '<td class="tbodyTd">'+data[i].click+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].clickRate+'%</td>';
+		    				html += '<td class="tbodyTd">'+data[i].eCpm+'</td>';
+		    				html += '<td class="tbodyTd">'+data[i].income+'</td>';
+		    				html += '</tr>';
+		    			}
+		    		img.parents('tr').after(html);
+		    		}
+		    		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/images/folderClose.gif");
+		    img.attr("type","close");
+			//location.href = "${ctx}/back/main/ad/operator/operator-report/areal";
+		}
+	});
+	
+});
+
+function exportExcel(tab,url,type){
+	var params = "?"+tab+"=1&dateRangePicker="+$("#dateRangePicker").val();
+	if(type == "back_total"){
+		params += "&selectedOperatorId"+$("#selectedOperatorId").val()+"&selectedZoneId="+$("#selectedZoneId").val();
+	}else{
+		params += "&selectedOperatorId"+$("#selectedOperatorId").val();
+	}
+	$("#exportExcel").attr("href",url+params);
+}
+

+ 1 - 3
src/main/webapp/assets/js/report_operator.js

@@ -568,7 +568,7 @@ $(document).ready(function(){
 		if(img.attr("type") == "close"){
 		if(img.attr("type") == "close"){
 			$.ajax({
 			$.ajax({
 		    	type:"POST",
 		    	type:"POST",
-		    	url:ctx+"/back/main/ad/operator/operator-report/city",
+		    	url:ctx+"/operator/main/ad/report/advertiser-report/arealCity",
 		    	data:{cn:cnName,selectedOperatorId:$("#selectedOperatorId").val(),dateRangePicker:$("#dateRangePicker").val()},
 		    	data:{cn:cnName,selectedOperatorId:$("#selectedOperatorId").val(),dateRangePicker:$("#dateRangePicker").val()},
 		    	success:function(data){
 		    	success:function(data){
 		    		var html = "";
 		    		var html = "";
@@ -607,8 +607,6 @@ function exportExcel(tab,url,type){
 	var params = "?"+tab+"=1&dateRangePicker="+$("#dateRangePicker").val();
 	var params = "?"+tab+"=1&dateRangePicker="+$("#dateRangePicker").val();
 	if(type == "operator_total"){
 	if(type == "operator_total"){
 		params += "&selectedZoneId="+$("#selectedZoneId").val();
 		params += "&selectedZoneId="+$("#selectedZoneId").val();
-	}else if(type == "back_total"){
-		params += "&selectedOperatorId"+$("#selectedOperatorId").val()+"&selectedZoneId="+$("#selectedZoneId").val();
 	}else{
 	}else{
 		params += "&selectedOperatorId"+$("#selectedOperatorId").val();
 		params += "&selectedOperatorId"+$("#selectedOperatorId").val();
 	}
 	}