创意中心素材替换按钮更改 前端

Signed-off-by: jiapeng.dong <jiapeng.dong@cloudcross.com>

src/main/webapp/WEB-INF/pages/advertiser/main/ad/banner-template/index.ftl

@@ -1,28 +1,40 @@
 <@override name="head">
 	<title>广告投放系统</title>
 	<!--css-->
-	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css">
+	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/bootstrap.min.css">
 	<!--公共头的样式-->
-	<link rel="stylesheet" href="${ctx}/assets/css/public-head.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/public-head.css"/>
 	<!--这个页面的样式-->
-	<link rel="stylesheet" href="${ctx}/assets/css/banner-template-list.css"/>
+	<link rel="stylesheet" href="${ctx}/assets/advertiser/css/banner-template-list.css"/>
 	<!--Include Required Prerequisites js-->
-	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery-1.9.1.min.js"></script>
-	<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/lib/jquery.ui.widget.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.iframe-transport.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/lib/jquery.fileupload.js"></script>
-	<script type="text/javascript" src="${ctx}/assets/js/divselect.js"></script>
+	<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
+<style>
+
+    .replace-file {
+display:block;
+overflow:hidden;
+position:relative;
+ background-color: #36aeea;
+ border: medium none;
+ border-radius: 5px;
+ color: #ffffff;
+ font-size: 12px;
+ height: 34px;
+ width: 90px;
+ float:left;
+ text-align:center;
+ line-height:34px;
+}
+.replace-file input{
+opacity:0;
+filter:alpha(opacity=0);
+font-size:100px;
+position:absolute;
+top:0;
+right:0;
+width:90px
+}
 
-<style>
-table td a{background-color: #36aeea;
-    border: medium none;
-    border-radius: 5px;
-    color: #ffffff;
-    font-size: 12px;
-    height: 34px;
-    width: 90px;}
 </style>
 
 </@override>
@@ -100,6 +112,12 @@ table td a{background-color: #36aeea;
 </@override>
 <@extends name="/common/simple.ftl"/>
 
+
+<!--linked js-->
+<script type="text/javascript" src="${ctx}/assets/advertiser/js/jquery-1.9.1.min.js"></script>
+<!-- 弹出框插件 -->
+<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="${ctx}/assets/advertiser/js/bootbox.min.js"></script>
 <script type="text/javascript">
 	<!--修改个人信息js 控制上下切换-->
 	$(document).ready(function(){
@@ -304,6 +322,10 @@ table td a{background-color: #36aeea;
 	
 </script>
 
+ 
+<script src="${ctx}/assets/advertiser/js/jquery.ui.widget.js"></script>
+<script src="${ctx}/assets/advertiser/js/jquery.iframe-transport.js"></script>
+<script src="${ctx}/assets/advertiser/js/jquery.fileupload.js"></script>
 <script type="text/javascript">
 $(function () {
     $("#fileupload_input").fileupload({
@@ -388,18 +410,12 @@ $(function () {
 		
 		//广告主value change调用此函数， 清除活动列表和策略列表
 		$('#selectedAdvertiserId').change(function() {
-			clearPullDownList($('#selectedCampaignId'), "全部活动");
-			clearPullDownList($('#selectedAdgroupId'), "全部投放");
 			var id = $(this).val();
-			//loadCampaignGroup(id);
 			if(id == -1){
 				$("#tableList form input[name=advertiserId]").val(null);
 			} else {
 				$("#tableList form input[name=advertiserId]").val(id);
 			}
-			$("#tableList form input[name=orderId]").val(null);
-			$("#tableList form input[name=campaignId]").val(null);
-			$("#tableList form input[name=adgroupId]").val(null);
 			$('#searchBar img').trigger('click');
 		});
 		

src/main/webapp/WEB-INF/pages/advertiser/main/ad/banner-template/list.ftl

@@ -25,19 +25,17 @@
             <td style="width:5%">${bannerTemplate.id!}</td>
             <td style="width:7%" class="hidden-480"><img src='${bannerTemplate.pathSmall!}'></td>
             <td style="width:7%" class='bannerName'>
-            	<input readonly="readonly" value='${bannerTemplate.name!}' title="${bannerTemplate.name!}"/>
+            	<input readonly="readonly" value='${bannerTemplate.name!}' title="${bannerTemplate.name!}" style="width:150px"/>
             </td>
             <td style="width:7%">${bannerTemplate.width!}x${bannerTemplate.height!}</td>
             <td style="width:7%">
             	<#if bannerTemplate.type == 1>Flash<#elseif bannerTemplate.type == 2>图片<#else>视频</#if>
             </td>
             <td style="width:15%" class="hidden-480">${bannerTemplate.updated?datetime}</td>
-            <td style="width:9%"><#if bannerTemplate.status==0>开启<#else>停用</#if></td>
-            <td style="width:30%">
-            	<a href="javascript:;" id="uploadFile_banner" style="margin:0 5px 0 5px;">替换素材
-					<input type="file" id="file${bannerTemplate.id}" valueId="${bannerTemplate.id!}"/>
-				</a>
-                <button href="${ctx}/advertiser/main/ad/banner-template/alterName?id=${bannerTemplate.id!}" style="margin:0 5px 0 35px;">修改名称</button>
+            <td style="width:5%"><#if bannerTemplate.status==0>开启<#else>停用</#if></td>
+            <td style="width:40%">
+            	<span class="replace-file">替换素材<input type="file" id="file${bannerTemplate.id}" valueId="${bannerTemplate.id!}"></span>     
+                <button href="${ctx}/advertiser/main/ad/banner-template/alterName?id=${bannerTemplate.id!}" style="margin:0 5px 0 5px;">修改名称</button>
                 <#if bannerTemplate.status==0>
                 <button class="btn-status" data-toggle="dropdown" href="${ctx}/advertiser/main/ad/banner-template/disable?id=${bannerTemplate.id!}" style="margin-right:5px;">暂停</button>
 				<#elseif bannerTemplate.status==1>
@@ -56,6 +54,7 @@
 	<input type="hidden" name="height" value="${height!}">
 	<input type="hidden" name="type" value="${type!}">
 	<input type="hidden" name="status" value="${status!}">
+	<input type="hidden" name="advertiserId" value="${advertiserId!}">
 </form>
 
 <div id="footBar">
@@ -66,13 +65,14 @@
 
 <script type="text/javascript">
 $(function () {
-	$('#uploadFile_banner input').each(function(){
+	$('.replace-file input').each(function(){
 		var bannerTemplateId = $(this).attr("valueId");
 		$(this).fileupload({
 		autoUpload: true,
 		url: '${ctx}/advertiser/main/ad/banner-template/replace',
 		formData:{bannerTemplateId:bannerTemplateId},
 		done:function(e,result){
+			alert(result.result);
 			$('#pagecontent .search-form').find('img').click();
 	        console.log(JSON.stringify(result.result));            
 	          }