创建投放》编辑页面调整（advertiser）

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

@@ -19,6 +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">
@@ -44,7 +45,7 @@
 					<li class="navDiv_currentLi">媒体自投</li>
 				</ul>  
 	 		</div>
-	 		<form id="validateForm" action="" method="post">
+	 		<form id="validateForm" action="${ctx}/advertiser/main/ad/target/operator-ad-group/save" method="post">
 	 			<input type="hidden" id="adGroupId" name="id" value=""/>
 	 			<input type="hidden" id="advertiserId" name="advertiserId" value="${advertiserId!}"/>
 	 			<input type="hidden" id="orderId" name="orderId" value="${orderId!}"/>
@@ -52,22 +53,24 @@
 	 			<input type="hidden" name="agentId" value="${agentId!}"/>
 				<input type="hidden" name="zoneIdString" value="1,12"/>
 				<input type="hidden" name="selectedwifi" id="selectedwifi" value=""/>
+				<div id="hidden_class">
+				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>投放名称：</label>
-					<input class="input-text" tabindex="1" readonly="readonly" id="adGroupName" name="adGroupName" type="text" value="${adGroup.adGroupName!}" verify="unspecial/255/1/0"/><span class="spanVaildate"></span>
+					<input class="input-text" tabindex="1" disabled="true"   id="adGroupName" name="adGroupName" type="text" value="${adGroup.adGroupName!}" verify="unspecial/255/1/0"/><span class="spanVaildate"></span>
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>活动周期：</label>
 					<span id="input-calendar">
 						<i class="icon-calendar"></i>   
-						<input type="text" tabindex="2" readonly="readonly" name="activeTime" id="dateRangePicker" value="${activeTime!}" readonly/>
+						<input type="text" tabindex="2" disabled="true"   name="activeTime" id="dateRangePicker" value="${activeTime!}" verify="date-to/24/1/0"/><span class="spanVaildate"></span>
 					</span>
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>总预算：</label>
 					<input name="budget" type="hidden" id="budget" value="${budget!}"/>
-					<input class="input-text" tabindex="3" id="totalBudget" name="totalBudget" type="text" value="${adGroup.totalBudget!}" verify="float/11/1/2"/>
-					<span class="input-span">元</span><span class="help-inline">总预算不能大于订单总预算</span>
+					<input class="input-text" tabindex="3" disabled="true"  id="totalBudget" name="totalBudget" type="text" value="${adGroup.totalBudget!}" verify="float/11/1/2"/>
+					<span class="input-span">元</span><span class="help-inline">总预算不能大于订单总预算</span><span class="spanVaildate"></span>
 				</div>
 				<div class="input-group">
 					<label class="input-label-other"><span class="lbl-yes">*</span>投放模式：</label>
@@ -174,47 +177,72 @@
 					<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 unselectZoneList ??>
+								<#list unselectZoneList 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>
+							<#if selectZoneList ??>
+								<#list selectZoneList as zone>
+								<tr>
+									<ul style="border-bottom:thin solid #b9c5d9;text-align:center;" id="ul${zone.id!}">${zone.name!}
+									<image src="${ctx}/assets/images/cross.png"  style="float:right;" id="images${zone.id!}" onclick="cross(${zone.id!})" >
+									<input type="hidden" name="" id="${zone.id!}">
+									</ul>
+								<tr>
+								</#list>
+								</#if>
+					</div>
 				</div>
 				<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>
-					<input class="input-radio" name="aa" type="radio" value="2"><span class="input-radio-span otherspan">分组</span>
+					<#if place1 ??><input class="input-radio" name="aa" type="radio" value="1" checked="checked"><span class="input-radio-span otherspan">数据场景</span></#if>
+					<#if selectWifiGroupInfoList ??><input class="input-radio" name="aa" type="radio" checked="checked" value="2"><span class="input-radio-span otherspan">分组</span></#if>
 				</div>
 				<div class="input-group" id="placeDiv">
 					<label class="input-label-other"><span class="lbl-yes">*</span>场景：</label>
 					<div class="input-checkboxsDiv">
+					<#if place1 ??>
 						<#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" id="${place.id!}-${place.name!}" type="checkbox" value="${place.id!}" onclick="place_fun()"><span class="single_div_span">${place.name!}</span>
+						</div>
+						</#list>
+						</#if>
+					</#if> 
+					<#if selectWifiGroupInfoList ??>
+						<#if allWifiGroupInfoList ??>
+						<#list allWifiGroupInfoList as place>
+						<div class="single_div">
+							<input class="single_div_checkbox" name="place" id="${place.id!}-${place.name!}" type="checkbox" value="${place.id!}" onclick="place_fun()"><span class="single_div_span">${place.name!}</span>
 						</div>
 						</#list>
 						</#if>
+					</#if> 
 					</div>
 				</div>
 				<div class="input-group">