媒体自投>创建投放>广告位选择管理（advertiser）

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

@@ -88,8 +88,8 @@
 								<td class="tbodyTd">${campaign.totalBudget!}</td>
 								<td class="tbodyTd">
 									<#--operatorId=0,到投放页面，operatorID>0,到自投页面-->
-									<a href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaign.id!}&orderId=${orderId!}&advertiserId=${advertiserId!}" class="tableTdStyle">${campaign.groupNumber!}个投放</a>
-									<#--<a href="${ctx}/advertiser/main/ad/target/operator-ad-group/list?campaignId=${campaign.id!}&orderId=${orderId!}&advertiserId=${advertiserId!}" class="tableTdStyle">${campaign.groupNumber!}个投放</a>-->
+									<#--<a href="${ctx}/advertiser/main/ad/target/ad-group/list?campaignId=${campaign.id!}&orderId=${orderId!}&advertiserId=${advertiserId!}" class="tableTdStyle">${campaign.groupNumber!}个投放</a>-->
+									<a href="${ctx}/advertiser/main/ad/target/operator-ad-group/list?campaignId=${campaign.id!}&orderId=${orderId!}&advertiserId=${advertiserId!}" class="tableTdStyle">${campaign.groupNumber!}个投放</a>
 								</td>
 								<td class="tbodyTd">${campaign.activeTime?date}~${campaign.expireTime?date}</td>
 								<td class="tbodyTd"><a href="${ctx}/advertiser/main/ad/target/campaign/update?campaignId=${campaign.id!}&advertiserId=${advertiserId!}" class="tableTdStyle">${campaign.upDated?datetime}</a></td>

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

@@ -19,7 +19,7 @@
 <script type="text/javascript" src="${ctx}/assets/js/common/validate.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/wifi.js"></script>
 <script type="text/javascript" src="${ctx}/assets/js/advertiser/operatoradGroup.js"></script>
-
+<script type="text/javascript" src="${ctx}/assets/js/common/table.js"></script>
 </@override>	
 <@override name="body">
 <div id=content_bg>
@@ -170,36 +170,42 @@
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-no"></span>广告位：</label>
-					<input class="input-checkbox" name="position" type="checkbox" value="2"><span class="input-checkbox-span otherspan">认证页</span>
+					<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 type="hidden" name="pager" value="1"/>
-					<table border="1" class="uploadTable">
-						<thead>
-							<tr>
-								 <th style="width:20%;">全部app广告位</th>
-								 
-							</tr>
-						</thead>
-						<tbody>
-							<#if zoneList ??>
-							<#list zoneList as zone>
-							<tr>
-								<td><label for="${zone.id!}" >${zone.name!}</label><input type="hidden" value=${zone.id!}  id=${zone.id!}></td>
-							<tr>
-							</#list>
-							</#if>
-							
-							<tr>
-								<td>
-									分页
-								</td>
+				<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>
 								
-							<tr>
-						</tbody>
-					</table>
-				
+							</tbody>
+						</table>
+						<ul style="border-bottom:thin solid #b9c5d9;text-align:center;height:50px;line-height:50px;font-weight:bold;">分页
+						</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>
+				</div>
 				</div>
+				</form>
 				<div class="input-group">
 					<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>

src/main/webapp/assets/js/advertiser/operatoradGroup.js

@@ -373,6 +373,82 @@ $(document).ready(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;
+		}
+	}
+	//alert(checked_id);
+	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);
+		//alert(check_input.length);
+		var checked_id = "";
+		for(i=0;i<check_input.length;i++){
+			var p_checked = check_input[i].checked;
+			//alert(p_checked+" check_input[i].checked");
+			if(check_input[i].checked ==true){
+				checked_id = check_input[i].value +","+ checked_id;
+				//alert(checked_id);
+			}
+		}
+		//alert(checked_id);
+		
+		var zone_url = ctx+"/advertiser/main/ad/target/operator-ad-group/zonelist?position="+checked_id;
+		//if(check_input=='checked'){
+			//document.getElementById('uploadTable').rows[];
+			//var array_table = document.getElementById("zone_tr");
+			//alert(array_table.length);
+			//for(i=0;i<array_table.length;i++){
+			//	$("#zone_tr").remove();
+			//}
+			
+	
+			$.getJSON( zone_url, function(data){
+	 		//	alert(data.positionList);
+	 			$.each( data, function( key, val ) {
+					//alert(val.name);
+					$("#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>');
+				});
+	 			
+	 		})	
+
+		//}
+	})
+	
 	
 	//位置
 	if($(".position-edit").html()){
@@ -388,7 +464,28 @@ $(document).ready(function(){
 		});
 	}
 });
-		
+
+function td_click(a){
+	var ii = "#td_"+a;
+	//alert("ii"+ii);
+	var ch = $(ii).attr("value");
+	//alert("ch"+ch);
+	var ch_ad =[];
+	ch_ad = ch.split("|");
+	//alert(ch_ad[1]);
+	var check_have = document.getElementById("choosed_ad").innerHTML;
+	var get_check_num = check_have.indexOf(ch_ad[0]);
+	//alert(get_check_num);
+	if(get_check_num == -1){
+	 $("#choosed_ad").append('<ul style="border-bottom:thin solid #b9c5d9;text-align:center;" id="ul'+ch_ad[0]+'">'+ch_ad[1]+'<image style="float:right;" id="images'+ch_ad[0]+'" onclick="cross('+ch_ad[0]+')" src="'+ctx+'/assets/images/cross.png"><input type="hidden" name="" id="'+ch_ad[0]+'"></ul>');
+	}
+}
+
+function cross(ss){
+	var ul_id = "#ul"+ss;
+	console.log($(ul_id).attr("id"));
+	$(ul_id).remove();
+}		
 function exportExcel_list(){
 	var searchValue = $("#searchValue").val();
 	if(searchValue == "请输入关键字"){