Browse Source

热点管理首页下拉框修改完善(back)

bao.zhang 9 years ago
parent
commit
f2bbe52cf7

+ 2 - 2
src/main/webapp/WEB-INF/pages/back/main/ap/ap_head.ftl

@@ -42,8 +42,8 @@
 		if(path.indexOf("place-sort") != -1){
 			$("#selectBar a:eq(2)").css("border-bottom","2px solid #36aeea");
 		};
-		if(path.indexOf("relationship") != -1){
-			$("#top .nav li a:eq(3)").css("border-bottom","2px solid #36aeea");
+		if(path.indexOf("apmac/relationship") != -1){
+			$("#selectBar a:eq(3)").css("border-bottom","2px solid #36aeea");
 		};
 	});
 </script>

+ 0 - 1
src/main/webapp/WEB-INF/pages/back/main/ap/apmac/create.ftl

@@ -9,7 +9,6 @@
 	<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/ap-apmac-back.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
 		
 	<style>
 		.spanVaildate{

+ 1 - 2
src/main/webapp/WEB-INF/pages/back/main/ap/apmac/list.ftl

@@ -10,8 +10,7 @@
 	<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/ap-apmac.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/dropDownList.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/js/ap-apmac-back.js"></script>
 	
 	<script type="text/javascript" >
 		$(function(){

+ 5 - 2
src/main/webapp/WEB-INF/pages/back/main/ap/apmac/relationship.ftl

@@ -51,11 +51,12 @@
 <div id=content_bg>
 	<#include "/back/main/public-head.ftl">
     <div id= "pagecontent">
-		<div id="handler">
+    <#include "/back/main/ap/ap_head.ftl">
+		<div id="handler" style="margin-left: 15px;">
 			<ul>
 				<li class="size1"><i class="icon-home" style="background-image:none;margin-top:3px;"></i> <a href="${ctx}/back/main/dashboard">首页</a>
 				<span class="divider1"><i class="icon-angle-right"></i></span></li>
-				<li class="size2"><a href="${ctx}/back/main/ap/apmac/list">热点管理</a></li>
+				<li class="size2" style="margin-top:0px !important;"><a  href="${ctx}/back/main/ap/apmac/list">热点管理</a></li>
 				<span class="divider2" style="margin:0 0 0 10px;"><i class="icon-angle-right"></i></span>
 				<li class="size3">场景对应关系</li>
 			</ul>  
@@ -75,6 +76,7 @@
 						<table border="1" id="tablefig" style="width:30%;margin-left:1px;">
 							<thead>
 								<tr>
+									<th class="td1" style="width:5%">媒体</th>
 									<th class="td1" style="width:5%">场景</th>
 				                    <th class="td1" style="width:5%">数聚场景</th>
 								</tr>
@@ -83,6 +85,7 @@
 							<#if placeOperatorList ??>
 				            <#list placeOperatorList as placeOperator>
 				            	<tr id="tr22">
+				            		<td class="td2">${operatorName!}</td> 
 					                <td class="td2">${placeOperator.name!}</td> 
 					                <td class="td2">${placeOperator.placeName!}</td> 
 					            </tr>

+ 69 - 2
src/main/webapp/assets/js/ap-apmac-back.js

@@ -1,5 +1,52 @@
 $(document).ready(function() {
-	
+	//请选择媒体
+ 	if($("#main_operatorListUl").html()){
+ 		if($("#selectedOperatorId").val() == -1 || $("#selectedOperatorId").val() == ""){
+ 			$("#operatorListUl_span").html("全部媒体");
+ 		}
+ 		$("#son_operatorListUl").hide();
+ 		var url = "/ssp_web/widget/selector/provide/operator?parentId=1";
+ 		getSelectData1("operatorListUl_span","son_operatorListUl","operatorListUl_box","全部媒体",url,"operatorList","operator");
+ 		$('ul#son_operatorListUl li').live("click",function(){
+ 	 		$(this).parents('li').find('span').html($(this).html());
+ 			$("#selectedOperatorId").val($(this).attr("value"));
+ 			$("#selectedOperatorName").val($(this).html());
+ 			$('#son_operatorListUl').hide(); //ul隐藏
+ 			$('#placeul_span').html("场景");
+ 			$('#placeIdul_span').html("数聚场景");
+ 		});
+ 	}
+ 	
+ 	function getSelectData1(target_spanId,target_sonulId,target_boxId,defaultName,url,paramValue,tabId){
+ 		$("#"+target_sonulId).append("<li value='-1'>"+defaultName+"</li>");
+ 		$.getJSON( url, function(data) {
+ 			if(tabId != null && tabId == "dimension"){
+ 				$.each( data, function( key, val ) {
+ 	 				$("#dimension_son_ul").append('<li value='+ val.id +'>' + val.name + '</li>');
+ 	 			});
+	 		}else if(tabId != null && tabId == "operator"){
+	 			var data_1 = data[paramValue];
+	 			$.each( data_1, function( key, val ) {
+	 				$("#"+target_sonulId).append('<li value='+ val.id +'>' + val.companyName + '</li>');
+	 			});
+	 		}else{
+	 			var data_1 = data[paramValue];
+	 			$.each( data_1, function( key, val ) {
+	 				$("#"+target_sonulId).append('<li value='+ val.value +'>' + val.label + '</li>');
+	 			});
+	 		}
+ 		});
+ 		$("#"+target_spanId).on("click",function(){
+ 			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隐藏
+	 	});
+ 	}
+
 	//获取省份信息
 	if($("#cn").val() != undefined){
 		if($("#cn").val() == "省"){
@@ -110,7 +157,27 @@ $(document).ready(function() {
 			$("#placeId").val("");
 		}
 		
-		initSelectUlData("placeIdul_son_ul","数聚场景","/ssp_web/back/main/ap/apmac/placeName",null,"placeIdul_span","placeIdul_box","placeName","placeId");
+		$("#placeIdul_span").on("click",function(){
+	 		$("#placeIdul_son_ul").empty();
+	 		$('#placeIdul_son_ul').css({height:"auto",overflow:"hidden"});
+	 		$("#placeIdul_son_ul").append("<li value='-1'>数聚场景</li>");
+	 		if($("#selectedOperatorId").val() != null ){
+		 		var url = "/ssp_web/back/main/ap/apmac/placeName?operatorId=" + $("#selectedOperatorId").val();
+		 		$.getJSON( url, function(data){
+					var data_1 = data;
+					$.each( data_1, function( key, val ) {
+						$("#placeIdul_son_ul").append('<li value='+ val.place_id +'>' + val.name + '</li>');
+					});
+					$('#placeIdul_son_ul').show(); //ul显示
+					if($('#placeIdul_son_ul').height()>210){
+						$('#placeIdul_son_ul').css({"height":"210"+"px","overflow-y":"scroll","overflow-x":"hidden","z-index":"9999" });
+					};
+				});	
+	 		}else{
+	 			$('#placeIdul_son_ul').show(); //ul显示
+	 		}
+	 	});
+		
 		$("ul#placeIdul_son_ul li").live("click",function(){
 	 		$("#placeIdul_span").html($(this).html());
 	 		if($(this).attr("value") == -1){