Browse Source

修改媒体自投页面的功能

ying.rong 9 years ago
parent
commit
4c9cdedb2a

+ 7 - 5
src/main/java/com/cloudcross/ssp/web/advertiser/main/ad/target/OperatorAdGroupController.java

@@ -204,7 +204,9 @@ public class OperatorAdGroupController extends SimpleController{
 		
 		Map<String,Object> condition = new HashMap<String,Object>();
 		condition.put("operatorId", operatorId);
-		//condition.put("position", position);
+		List<Integer> positionList = new ArrayList<Integer>();
+		positionList.add(1);
+		condition.put("positionList", positionList);
 		List<Zone> zoneList = zoneService.queryZoneByCondition(condition);//获取广告位
 		CampaignPojo campaign = campaignService.findCampaignById(campaignId);
 		//找到所有的场景,并且显示出来
@@ -236,11 +238,11 @@ public class OperatorAdGroupController extends SimpleController{
 			for(int i=0;i<posStr.length;i++){
 				positionList.add(Integer.parseInt(posStr[i]));
 			}
+			condition.put("positionList", positionList);
+			condition.put("operatorId", getLoginUser().getOperatorId());
+			return this.zoneService.queryZoneByCondition(condition);
 		}
-		
-		condition.put("positionList", positionList);
-		condition.put("operatorId", getLoginUser().getOperatorId());
-		return this.zoneService.queryZoneByCondition(condition);
+		return new ArrayList<Zone>();
 	}
 	
 	/**

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

@@ -180,24 +180,24 @@
 					    <div class="time_add"><p id="setting_list" class="dateRangePicker" href="">新增时间段</p></div>
 				    </div>
 			  	</div>
-			  	<div class="input-group" id="placeDiv">
+			  	<div class="input-group" id="adgroup_placeDiv">
 					<label class="input-label-other"><span class="lbl-yes">*</span>场景:</label>
 					<div class="input-checkboxsDiv">
 						<#if placeList ??>
 						<#list placeList as place>
 						<div class="single_div">
-							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
+							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}" title="${place.name!}"><span class="single_div_span" title="${place.name!}">${place.name!}</span>
 						</div>
 						</#list>
 						</#if>
 					</div>
 				</div>
-				<div class="input-group">
+				<div class="input-group" id="positionDiv">
 					<label class="input-label-other"><span class="lbl-no"></span>访客分类:</label>
-					<input class="input-checkbox" name="position" type="checkbox" value="1"><span class="input-checkbox-span otherspan">全部</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">认证页后</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="4"><span class="input-checkbox-span otherspan">上网过程</span>
+					<input class="input-checkbox" name="position" type="checkbox" value=""><span class="input-checkbox-span otherspan">全部</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="1"><span class="input-checkbox-span otherspan">认证页</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页后</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">上网过程</span>
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-no"></span>LBS定向:</label>

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

@@ -180,14 +180,14 @@
 					    <div class="time_add"><p id="setting_list" class="dateRangePicker" href="">新增时间段</p></div>
 				    </div>
 			  	</div>
-			  	<div class="input-group place-edit" id="placeDiv">
+			  	<div class="input-group place-edit" id="adgroup_placeDiv">
 			  		<input type="hidden" id="edit-place" value="${place!}"/>
 					<label class="input-label-other"><span class="lbl-yes">*</span>场景:</label>
 					<div class="input-checkboxsDiv">
 						<#if placeList ??>
 						<#list placeList as place>
 						<div class="single_div">
-							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
+							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}" title="${place.name!}"><span class="single_div_span" title="${place.name!}">${place.name!}</span>
 						</div>
 						</#list>
 						</#if>
@@ -196,10 +196,10 @@
 				<div class="input-group position-edit" id="positionDiv">
 					<label class="input-label-other"><span class="lbl-no"></span>访客分类:</label>
 					<input type="hidden" id="edit-position" value="${adGroup.position!}"/>
-					<input class="input-checkbox" name="position" type="checkbox" value="1"><span class="input-checkbox-span otherspan">全部</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">认证页后</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="4"><span class="input-checkbox-span otherspan">上网过程</span>
+					<input class="input-checkbox" name="position" type="checkbox" value=""><span class="input-checkbox-span otherspan">全部</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="1"><span class="input-checkbox-span otherspan">认证页</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页后</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">上网过程</span>
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-no"></span>LBS定向:</label>

+ 25 - 40
src/main/webapp/WEB-INF/pages/advertiser/main/ad/target/operator-ad-group/create.ftl

@@ -39,7 +39,7 @@
 					<li><i class="icon-angle-right"></i></li>
 					<li><a href="${ctx}/advertiser/main/ad/target/campaign/list?orderId=${orderId!}&advertiserId=${advertiserId!}">活动管理</a></li>
 					<li><i class="icon-angle-right"></i></li>
-					<li><a href="${ctx}/advertiser/main/ad/target/operator-ad-group/list?campaignId=${campaignId!}&orderId=${orderId!}&advertiserId=${advertiserId!}">投放管理</a></li>
+					<li><a href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaignId!}&orderId=${orderId!}&advertiserId=${advertiserId!}">投放管理</a></li>
 					<li><i class="icon-angle-right"></i></li>
 					<li class="navDiv_currentLi">媒体自投</li>
 				</ul>  
@@ -50,10 +50,10 @@
 	 			<input type="hidden" id="orderId" name="orderId" value="${orderId!}"/>
 	 			<input type="hidden" id="campaignId" name="campaignId" value="${campaignId!}"/>
 	 			<input type="hidden" name="agentId" value="${agentId!}"/>
-				<input type="hidden" name="zoneId" value=""/>
+				<input type="hidden" id="zoneId" name="zoneId" value=""/>
 				<input type="hidden" name="selectedwifi" id="selectedwifi" value=""/>
-				<div id="hidden_class">
-				</div>
+				<input type="hidden" id="placeId" name="place" value=""/>
+				<input type="hidden" id="placeName" name="placeName" value=""/>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>投放名称:</label>
 					<input class="input-text" tabindex="1" id="adGroupName" name="adGroupName" type="text" value="" verify="unspecial/255/1/0"/><span class="spanVaildate"></span>
@@ -172,61 +172,46 @@
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-no"></span>广告位:</label>
-					<input class="input-checkbox" name="position" checked="checked" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">认证页后</span>
-					<input class="input-checkbox" name="position" type="checkbox" value="4"><span class="input-checkbox-span otherspan">上网过程</span>
+					<input class="input-checkbox" name="position" checked="checked" type="checkbox" value="1"><span class="input-checkbox-span otherspan">认证页</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页后</span>
+					<input class="input-checkbox" name="position" type="checkbox" value="3"><span class="input-checkbox-span otherspan">上网过程</span>
 					<input type="hidden" name="pager" value="1"/>
-				<form  id="myform" method="post"  action="${ctx}/advertiser/main/ad/target/operator-ad-group/zonelist?position=1">
-				<div style="width:100%;height:500px;">	
-					<div style="width:20%;float:left;height:337px;border:thin solid #b9c5d9;border-bottom:2px solid #b9c5d9;margin-left:100px !important;">	
-						<table border="1" id="uploadTable" class="uploadTable" style="margin-left:0px !important;">
-							<thead>
-								<tr>
-									 <th style="width:20%;">全部app广告位</th>
-									 
-								</tr>
-							</thead>
-							<tbody>
-								<#if zoneList ??>
-								<#list zoneList as zone>
-								<tr>
-									<td class="all-app-advertiser"  value=${zone.id!}|${zone.name!} onclick="td_click(${zone.id!})"  id=td_${zone.id!}>${zone.name!}</td>
-								<tr>
-								</#list>
-								</#if>
-								
-							</tbody>
-						</table>
-						<ul style="border-bottom:thin solid #b9c5d9;text-align:center;height:50px;line-height:50px;font-weight:bold;">分页
+				</div>
+				<div class="input-group" id="zonechooseDiv">
+					<div id="zone-chooseing" class="zonechoose">
+						<span class="span_title">全部app广告位</span>
+						<ul id="zone-chooseingUl">
+						<#if zoneList ??>
+						<#list zoneList as zone>
+							<li value="${zone.id!}" title="${zone.name!}"><label>${zone.name!}</label></li>
+						</#list>
+						</#if>
 						</ul>
 					</div>
-					
-					<div id="choosed_ad" style="width:20%;height:337px;float:left;border:2px solid #b9c5d9;border-left:none;">
-						<ul style="border-bottom:thin solid #b9c5d9;text-align:center;height:50px;line-height:50px;font-weight:bold;">已选广告位
-						</ul>
+					<div id="zone-selected" class="zonechoose">
+						<span class="span_title">已选广告位</span>
+						<ul id="zone-selectedUl"></ul>
 					</div>
 				</div>
-				</div>
-				</form>
-				<div class="input-group">
+				<div class="input-group" id="placeChooseDiv">
 					<label class="input-label-other"><span class="lbl-yes">*</span>定向:</label>
 					<input class="input-radio" name="aa" type="radio" value="1" checked="checked"><span class="input-radio-span otherspan">数据场景</span>
 					<input class="input-radio" name="aa" type="radio" value="2"><span class="input-radio-span otherspan">分组</span>
 				</div>
-				<div class="input-group" id="placeDiv">
+				<div class="input-group" id="operatorAdgroup_placeDiv">
 					<label class="input-label-other"><span class="lbl-yes">*</span>场景:</label>
 					<div class="input-checkboxsDiv" id="input-checkboxsDiv">
 						<#if placeList ??>
 						<#list placeList as place>
 						<div class="single_div">
-							<input class="single_div_checkbox" name="place" type="checkbox" onclick="place_fun()" id="${place.id!}-${place.name!}" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
+							<input class="single_div_checkbox" name="place" type="checkbox" value="${place.id!}"><span class="single_div_span">${place.name!}</span>
 						</div>
 						</#list>
 						</#if>
 					</div>
 				</div>
 				
-				<div class="input-group">
+				<div class="input-group" id="LBSDiv">
 					<label class="input-label-other"><span class="lbl-no"></span>LBS定向:</label>
 					<a id="btn-toggle" class="btn2">LBS定向</a>
 					<span id="spanselectedhint"></span>
@@ -234,7 +219,7 @@
 				<div id="divLBS">
 					<div class="wifi-modal-dialog">
 						<div class="wifi-modal-head">
-							<lable>LBS 设定</label>
+							<label>LBS 设定</label>
 							<span id="wifi-headclose" class="close-tag"></span>
 						</div>
 						<div class="wifi-modal-content">

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

@@ -65,7 +65,7 @@
 			    </div>
 			    <div id="navButtons_other">
 					<div id="button">					
-						<a href="${ctx}/advertiser/main/ad/target/operator-ad-group/create?campaignId=${campaignId!}" class="btn2" id="btn-create">创建投放</a>
+						<a href="${ctx}/advertiser/main/ad/target/operator-ad-group/create?campaignId=${campaignId!}" class="btn2" id="btn-create">媒体自投</a>
 						<a class="btn2" id="all-btn-enable">批量开启</a>
 						<a class="btn2" id="all-btn-disable">批量停用</a>
 						<a class="btn2" id="all-btn-delete">批量删除</a>

+ 68 - 3
src/main/webapp/assets/css/common.css

@@ -230,7 +230,7 @@ li{
 	margin-bottom:60px;
 }
 
-.selectBar,#navDiv,#myform,#navButtons,#navButtons_other,#button,#content_choose,#content_chooseOther,#placeDiv,#footBtn{
+.selectBar,#navDiv,#myform,#navButtons,#navButtons_other,#button,#content_choose,#content_chooseOther,#footBtn{
 	clear:both;
 }
 
@@ -911,7 +911,6 @@ input.input-text-small{
 
 .input-group .input-checkboxsDiv{
 	margin:-34px 0 0 123px;
-	display: inline-block;
 }
 
 .input-checkboxsDiv .single_div{
@@ -928,7 +927,9 @@ input.input-text-small{
 	float: left;
     margin-left: 5px;
     position: relative;
-    width: 150px;
+    width: 140px;
+    margin-right: 10px;
+    overflow: hidden;
 }
 
 .input-group .otherspan{
@@ -1070,4 +1071,68 @@ table.tableApmac td{
 	height:40px;
 	border:none;
 	border-top:thin solid #b9c5d9;
+}
+
+/****** 广告主版-媒体自投 ********/
+#zonechooseDiv{
+	margin-left:120px;
+	height:332px;	
+}
+
+#zonechooseDiv .zonechoose{
+	border:thin solid #b9c5d9;
+	float:left;
+	height:330px;
+	width:260px;
+}
+
+#zonechooseDiv #zone-chooseing{
+	border-right:none;
+}
+
+#zonechooseDiv .span_title{
+	width:260px;
+	height:50px;
+	line-height:50px;
+	font-weight:bold;
+	display:inline-block;
+	text-align:center;
+	border-bottom:thin solid #b9c5d9;
+}
+
+#zonechooseDiv .zonechoose ul{
+	height:280px;
+	overflow:auto;
+}
+
+#zonechooseDiv .zonechoose ul li{
+	height:34px;
+	line-height:34px;
+	text-align:center;
+	border-bottom:thin solid #b9c5d9;
+}
+
+#zonechooseDiv .zonechoose ul li label{
+	width:170px;
+	overflow: hidden;
+}
+
+#zonechooseDiv .zonechoose ul#zone-selectedUl li input.movedel{
+	background: url("../images/cross.png") no-repeat 6px 5px;
+	border:none;
+	width:27px;
+	height:25px;
+	position: absolute;
+}
+
+#adgroup_placeDiv{
+	display: inline-block;
+}
+
+#LBSDiv{
+	padding-top:20px;
+}
+
+#positionDiv,#placeChooseDiv,#operatorAdgroup_placeDiv,#adgroup_placeDiv,#LBSDiv{
+	clear:both;
 }

+ 2 - 2
src/main/webapp/assets/js/advertiser/adGroup.js

@@ -348,7 +348,7 @@ $(document).ready(function(){
 			return false;
 		}
 		//提示场景选择
-		var placelist = $("#placeDiv input[type='checkbox']:checked");
+		var placelist = $("#adgroup_placeDiv input[type='checkbox']:checked");
 		if(placelist.length == 0){
 			bootbox.alert("场景为必填项,请选择!");
 			return false;
@@ -371,7 +371,7 @@ $(document).ready(function(){
 		setting_date();//获取排期时间
 		var place = $("#edit-place").val();
 		var authArr = place.split(",");
-		var checkboxs = $("#placeDiv input[type='checkbox']");
+		var checkboxs = $("#adgroup_placeDiv input[type='checkbox']");
 		checkboxs.each(function(i){
 			for(var i = 0;i<authArr.length;i++){
 				if($(this).val() == authArr[i]){

+ 104 - 108
src/main/webapp/assets/js/advertiser/operatoradGroup.js

@@ -109,7 +109,7 @@ $(document).ready(function(){
  	 	});
  	}
 	
-	if($("#areasDiv").html()){
+ 	if($("#areasDiv").html()){
 		var areasgeoPopup = $("#areas_popup")[0];
 		var GEO_list;
 		$('#btn-areas').click(function () {
@@ -348,10 +348,23 @@ $(document).ready(function(){
 			return false;
 		}
 		//提示场景选择
-		var placelist = $("#placeDiv input[type='checkbox']:checked");
+		var placelist = $("#operatorAdgroup_placeDiv input[type='checkbox']:checked");
+		var placeId = "";
+		var placeName = "";
 		if(placelist.length == 0){
 			bootbox.alert("场景为必填项,请选择!");
 			return false;
+		}else{
+			placelist.each(function(){
+				placeId += $(this).val()+",";
+				placeName += $(this).attr("title")+",";
+			});
+			if(placeId!=""){
+				placeId = placeId.substring(0, placeId.length-1);
+				placeName = placeName.substring(0, placeName.length-1);
+				$("#placeId").val(placeId);
+				$("#placeName").val(placeName);
+			}
 		}
 		$("#validateForm").submit();
 		return false;
@@ -369,9 +382,9 @@ $(document).ready(function(){
 	if($(".place-edit").html()){
 		savewifi();//获取保存的WiFi
 		setting_date();//获取排期时间
-		var place = $("#edit-place").val();
+		var place = $("#placeId").val();
 		var authArr = place.split(",");
-		var checkboxs = $("#placeDiv input[type='checkbox']");
+		var checkboxs = $("#operatorAdgroup_placeDiv input[type='checkbox']");
 		checkboxs.each(function(i){
 			for(var i = 0;i<authArr.length;i++){
 				if($(this).val() == authArr[i]){
@@ -380,114 +393,97 @@ $(document).ready(function(){
 			}
 		});
 	}
-	//默认广告位
-	var path = window.location.pathname;
-	if(path.indexOf("create") != -1){
-		
 	
-			//清空表格
-			var table = document.getElementById('uploadTable');
-		    var rowCount=table.rows.length;
-		     for (i=1;i<rowCount;i++){
-		        table.deleteRow(i);    
-		        rowCount=rowCount-1;
-		        i=i-1;
-		    }
-			//取值
-			var check_input = [];
-			check_input =$(".input-group input[name=position]");
-			console.log(check_input);
-			var checked_id = "";
-			for(i=0;i<check_input.length;i++){
-				var p_checked = check_input[i].checked;
-				if(check_input[i].checked ==true){
-					checked_id = check_input[i].value +","+ checked_id;
-				}
+	/******  广告位  *****/
+	//选中右移
+    var $chooseing_li = $("#zone-chooseingUl li");
+	$chooseing_li.live('click', function() {
+		var mychoice = $(this).attr("title");
+		var mychoiceId = $(this).attr("value");
+		$(this).remove();
+	    var ul = document.getElementById("dimension-selected");
+		$("#zone-selectedUl").append("<li value="+mychoiceId+" title="+mychoice+"><label>"+mychoice+"</label><input type='button' class='movedel'/></li>");
+		if($("#zoneId").val() == ""){
+			$("#zoneId").val(mychoiceId);
+		}else{
+			$("#zoneId").val($("#zoneId").val()+","+mychoiceId);
+		}
+	});
+	
+    //选中左移
+	$('#zone-selectedUl li input.movedel').live('click', function() {	
+		var mychoice = $(this).parents("li").attr("title");
+		var mychoiceId = $(this).parents("li").attr("value");
+		$(this).parents("li").remove();
+	    $("#zone-chooseingUl").append("<li value="+mychoiceId+" title="+mychoice+"><label>"+mychoice+"</label></li>");
+		//获取content值
+		var selectedArr = $("#zoneId").val().split(",");
+		for(var i=0;i<selectedArr.length;i++){
+			if(selectedArr[i] == mychoiceId){
+				selectedArr.splice(i,1);
 			}
-			var zone_url = ctx+"/advertiser/main/ad/target/operator-ad-group/zonelist?position="+checked_id;
-				$.getJSON( zone_url, function(data){
-		 			$.each( data, function( key, val ) {
-						$("#uploadTable").append('<tr><td class="all-app-advertiser" onclick="td_click('+val.id+')" value='+val.id+'|'+val.name+' id="td_'+val.id+'">'+val.name+'</td></tr>');
-					});
-		 			
-		 		})	
-	};
-	//选择广告位
-			$(".input-group input[name=position]").click(function(){
-				//清空表格
-				var table = document.getElementById('uploadTable');
-			    var rowCount=table.rows.length;
-			     for (i=1;i<rowCount;i++){
-			        table.deleteRow(i);    
-			        rowCount=rowCount-1;
-			        i=i-1;
-			    }
-				//取值
-				var check_input = [];
-				check_input =$(".input-group input[name=position]");
-				console.log(check_input);
-				var checked_id = "";
-				for(i=0;i<check_input.length;i++){
-					var p_checked = check_input[i].checked;
-					if(check_input[i].checked ==true){
-						checked_id = check_input[i].value +","+ checked_id;
-					}
+		} 
+		if(selectedArr.length !=0){
+			for(var j=0;j<selectedArr.length;j++){
+				if(j == 0){
+					$("#zoneId").val(selectedArr[0]);
+				}else{
+					$("#zoneId").val($("#zoneId").val()+","+selectedArr[j]);
 				}
-				var zone_url = ctx+"/advertiser/main/ad/target/operator-ad-group/zonelist?position="+checked_id;
-					$.getJSON( zone_url, function(data){
-			 			$.each( data, function( key, val ) {
-							$("#uploadTable").append('<tr><td class="all-app-advertiser" onclick="td_click('+val.id+')" value='+val.id+'|'+val.name+' id="td_'+val.id+'">'+val.name+'</td></tr>');
-						});
-			 		})	
-			})
-	//数据场景或分组
-		$(".input-group input[name=aa]").click(function(){	
-			$(".input-checkboxsDiv").html("");
-			var check_input = [];
-			check_input =$(".input-group input[name=aa]");
-			console.log(check_input);
-			var checked_id = "";
-			for(i=0;i<check_input.length;i++){
-				var p_checked = check_input[i].checked;
-				if(check_input[i].checked ==true){
-					checked_id = check_input[i].value;
-				
-				if(checked_id==1){
-					var zone_url_place = ctx+"/advertiser/main/ad/target/operator-ad-group/palceList";
-					$.getJSON( zone_url_place, function(data){
-			 			$.each( data, function( key, val ) {
-			 				//alert(val.name);
-							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="place" onclick="place_fun()" type="checkbox" id="'+val.id+'-'+val.name+'" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
-						});
-			 			
-			 		})	
-				}
-				if(checked_id==2){
-					var zone_url_adgroup = ctx+"/advertiser/main/ad/target/operator-ad-group/wifiGroupInfoList";
-					$.getJSON( zone_url_adgroup, function(data){
-			 			$.each( data, function( key, val ) {
-			 				//alert(val.name);
-							$(".input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" onclick="ad_group_fun()" name="ad_group_ed" type="checkbox" id="'+val.id+'-'+val.name+'" value="'+val.id+'"><span class="single_div_span">'+val.name+'</span></div>');
-						});
-			 		})	
-				}
-				}
-			}
-			
-		})
-	//位置
-	if($(".position-edit").html()){
-		var position = $("#edit-position").val();
-		var authArr = position.split(",");
-		var checkboxs = $("#positionDiv input[type='checkbox']");
-		checkboxs.each(function(i){
-			for(var i = 0;i<authArr.length;i++){
-				if($(this).val() == authArr[i]){
-					$(this).attr("checked","true");
-				}
-			}
+			} 
+		}else{
+			$("#zoneId").val("");
+		}
+	});
+	
+	//选择广告位
+	$(".input-group input[name=position]").click(function(){
+		$("#zone-chooseingUl").empty();//清空ul
+		$("#zone-selectedUl").empty();
+		//取值
+		var check_input = [];
+		checks =$(".input-group input[name=position]:checked");
+		var checked_id = "";
+		checks.each(function(){
+			checked_id += $(this).val() +",";
 		});
-	}
+		if(checked_id != ""){
+			checked_id = checked_id.substring(0, checked_id.length-1);
+		}
+		var zone_url = ctx+"/advertiser/main/ad/target/operator-ad-group/zonelist";
+		$.post( zone_url, {"position":checked_id}, function(data){
+	 		$.each( data, function( key, val ) {
+	 			$("#zone-chooseingUl").append("<li value="+val.id+" title="+val.name+"><label>"+val.name+"</label></li>");
+			});
+	 	});
+	})
+	
+	/******  数据场景或分组  *****/
+	//数据场景或分组
+	//数据场景或分组
+	$(".input-group input[name=aa]").click(function(){	
+		$("#input-checkboxsDiv").empty();
+		var checked_id =$(".input-group input[name=aa]:checked").val();
+		if(checked_id==1){
+			var zone_url_place = ctx+"/advertiser/main/ad/target/operator-ad-group/palceList";
+			$.getJSON( zone_url_place, function(data){
+			 	$.each( data, function( key, val ) {
+					$("#input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="place" type="checkbox" value="'+val.id+'" title="'+val.name+'"><span class="single_div_span" title="'+val.name+'">'+val.name+'</span></div>');
+				});
+			});
+		}
+		if(checked_id==2){
+			var zone_url_adgroup = ctx+"/advertiser/main/ad/target/operator-ad-group/wifiGroupInfoList";
+			$.getJSON( zone_url_adgroup, function(data){
+			 	$.each( data, function( key, val ) {
+			 		//alert(val.name);
+			 		$("#input-checkboxsDiv").append('<div class="single_div"><input class="single_div_checkbox" name="ad_group_ed" type="checkbox" value="'+val.id+'" title="'+val.name+'"><span class="single_div_span" title="'+val.name+'">'+val.name+'</span></div>');
+			 	});
+			 })	
+		}
+	});
+	
+	
 });
 function place_fun(){
 	var input_length = $(".input-checkboxsDiv input[name=place]").length;