brand_placement_info.jsp 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%@ include file="../common/common.jsp"%>
  3. <title>品牌植入详情</title>
  4. </head>
  5. <body>
  6. <%@ include file="../common/head.jsp"%>
  7. <div class="screen main">
  8. <%@ include file="../common/left.jsp" %>
  9. <div class="main-content">
  10. <div class="btn-radius">品牌植入详情</div>
  11. <form id="dataForm" method="post">
  12. <ul class="ulFrm mTop10">
  13. <li>
  14. <span class="label"><em>*</em>&nbsp;品牌</span>
  15. <div class="select selectW200 {width:200,onchange:onchangeByBrand}">
  16. <select name="brand">
  17. <option value="">请选择品牌</option>
  18. <c:forEach items="${brandList}" var="item">
  19. <option value="${item.brand}" <c:if test="${map.brand == item.brand}"> selected="selected"</c:if> >${item.brand}</option>
  20. </c:forEach>
  21. </select>
  22. </div>
  23. </li>
  24. <li>
  25. <span class="label"><em>*</em>&nbsp;型号</span>
  26. <div class="select selectW200 {width:200}">
  27. <select name="model">
  28. <option value="">请选择型号</option>
  29. <c:forEach items="${modelList}" var="item">
  30. <option value="${item.model}" <c:if test="${map.model == item.model}"> selected="selected"</c:if> >${item.model}</option>
  31. </c:forEach>
  32. </select>
  33. </div>
  34. </li>
  35. <li>
  36. <span class="label"><em>*</em>&nbsp;节目类型</span>
  37. <input type="radio" name="type" class="radio {click:brandType}" value="1" <c:if test="${empty map.type || map.type == 1}">checked="checked"</c:if> /><label>综艺</label>&nbsp;&nbsp;&nbsp;&nbsp;
  38. <input type="radio" name="type" class="radio {click:brandType}" value="2" <c:if test="${map.type == 2}">checked="checked"</c:if> /><label>栏目</label>&nbsp;&nbsp;&nbsp;&nbsp;
  39. <input type="radio" name="type" class="radio {click:brandType}" value="3" <c:if test="${map.type == 3}">checked="checked"</c:if> /><label>电视剧</label>&nbsp;&nbsp;&nbsp;&nbsp;
  40. <input type="radio" name="type" class="radio {click:brandType}" value="4" <c:if test="${map.type == 4}">checked="checked"</c:if> /><label>电影</label>
  41. </li>
  42. <li>
  43. <span class="label"><em>*</em>&nbsp;节目名称</span>
  44. <div class="select selectW200 {width:200,onchange:onchangeByProgramName}">
  45. <select name="programName" id="programName">
  46. <option value="">请选择节目</option>
  47. <c:forEach items="${programNameList}" var="item">
  48. <option value="${item.programName}" <c:if test="${map.programName == item.programName}"> selected="selected"</c:if> >${item.programName}</option>
  49. </c:forEach>
  50. </select>
  51. </div>
  52. </li>
  53. <li class="tv<c:if test="${map.type != 3}"> contentTxt</c:if>">
  54. <span class="label"><em>*</em>&nbsp;集数</span>
  55. <div class="select selectW200">
  56. <select name="episode" id="episode">
  57. <option value="">请选择集数</option>
  58. </select>
  59. </div>
  60. </li>
  61. <li class="column<c:if test="${not empty map.type && map.type != 1}"> contentTxt</c:if>">
  62. <span class="label"><em>*</em>&nbsp;年份/季</span>
  63. <div class="select {onchange:onchangeByShowYear}">
  64. <select name="showYear" id="showYear">
  65. <option value="">年份/季</option>
  66. </select>
  67. </div>
  68. <span class="label">&nbsp;&nbsp;<em>*</em>&nbsp;期数</span>
  69. <div class="select">
  70. <select name="showPhase" id="showPhase">
  71. <option value="">期数</option>
  72. </select>
  73. </div>
  74. </li>
  75. <li class="column<c:if test="${not empty map.type && map.type != 1}"> contentTxt</c:if>">
  76. <span class="label"><em>*</em>&nbsp;广告形式</span>
  77. <c:forEach items="${formList}" var="item">
  78. <input type="checkbox" name="form" class="checkbox" value="${item.id}" <c:if test="${fn:contains(map.form,item.id)}">checked="checked"</c:if> /><label>${item.val}</label>
  79. </c:forEach>
  80. </li>
  81. <li>
  82. <span class="label">预计金额</span>
  83. <input type="text" name="price" class="text {text:'请输入金额'}" value="${map.price}" /> 万
  84. </li>
  85. <li>
  86. <div class="clear-table-float">
  87. <a href="javascript:placementModfiy('add','植入方式');" class="btn rFloat">+添加</a>
  88. <span class="label"><em>*</em>&nbsp;植入方式</span>
  89. </div>
  90. <table class="table mTop10" cellpadding="0" cellspacing="0">
  91. <thead>
  92. <tr>
  93. <th>广告属性/植入方式</th>
  94. <th class="nop">创意图</th>
  95. <%--<th class="nop">创意视频</th>--%>
  96. <th<c:if test="${map.type == 3 || map.type == 4}"> style="display:none;"</c:if>>广告语</th>
  97. <th>频次(次)</th>
  98. <th>时长(秒)</th>
  99. <th width="98">操作</th>
  100. </tr>
  101. </thead>
  102. <tbody>
  103. <c:if test="${!empty sonList}">
  104. <c:forEach items="${sonList}" var="item" varStatus="status">
  105. <tr data-id="${item.id}" data-mode="${item.mode}" data-img="${item.imgUrls}" data-slogan="${item.slogan}" data-frequency="${item.frequency}" data-length="${item.length}">
  106. <td>${item.modeName}</td>
  107. <td class="nop" width="98">
  108. <c:if test="${empty item.imgUrls}"><img src="" width="98" height="58" valign="middle" /></c:if>
  109. <c:if test="${!empty item.imgUrls}">
  110. <c:set value="${ fn:split(item.imgUrls, ';') }" var="imgArr" />
  111. <img src="${imgArr[0]}" width="98" height="58" valign="middle" onerror="javascript:this.src='static/img/noimg.jpg';" />
  112. </c:if>
  113. </td>
  114. <%--<td class="nop" width="98">
  115. <c:if test="${empty item.videoUrls}"></c:if>
  116. <c:if test="${!empty item.videoUrls}">
  117. <c:set value="${ fn:split(item.videoUrls, ';') }" var="videoArr" />
  118. <video src="${videoArr[0]}" controls="controls"/>
  119. &lt;%&ndash;<video controls>
  120. <source src="${videoArr[0]}" type="video/mp4">
  121. <source src="${videoArr[0]}" type="video/ogg">
  122. <source src="${videoArr[0]}" type="video/webm">
  123. </video>&ndash;%&gt;
  124. </c:if>
  125. </td>--%>
  126. <td<c:if test="${map.type == 3 || map.type == 4}"> style="display:none;"</c:if>>${item.slogan}</td>
  127. <td>${item.frequency}</td>
  128. <td>${item.length}</td>
  129. <td class="edit">
  130. <a href="javascript:placementModfiy('edit','植入方式', ${item.id}, ${status.index});">编辑</a>&nbsp;&nbsp;
  131. <a class="del">删除</a>
  132. </td>
  133. </tr>
  134. </c:forEach>
  135. </c:if>
  136. </tbody>
  137. </table>
  138. </li>
  139. <li class="center mTop20">
  140. <input type="button" name="" value="提交" onclick="save()" class="btn-radius max-btn" />
  141. </li>
  142. </ul>
  143. </form>
  144. </div>
  145. <div class="clear"></div>
  146. </div>
  147. <%@ include file="../common/footer.jsp"%>
  148. <script type="text/javascript" src="${staticPath}js/advertise/brand_placement.js"></script>
  149. <script type="text/javascript">
  150. $(function(){
  151. $.resetText();
  152. $(".text").input();
  153. $(".select").uiSelect();
  154. $.radio();
  155. $.checkbox();
  156. onchangeByProgramName('${map.showYear}','${map.episode}');
  157. onchangeByShowYear('${map.showPhase}');
  158. $('a.del').on('click',function(){
  159. $(this).parent().parent().remove();
  160. })
  161. })
  162. </script>
  163. </body>
  164. </html>