beautyFloorContentForm.jsp 131 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432
  1. <%@ page import="java.util.Date" %>
  2. <%@ page contentType="text/html;charset=UTF-8" %>
  3. <%@ include file="/WEB-INF/views/include/taglib.jsp" %>
  4. <html>
  5. <head>
  6. <title>楼层管理内容</title>
  7. <meta name="decorator" content="default"/>
  8. <style>
  9. .iconBox {
  10. font-size: 0;
  11. margin-left: 130px !important;
  12. }
  13. .controls .conList {
  14. display: inline-block;
  15. margin-right: 15px;
  16. }
  17. .conList .btn:nth-of-type(1) {
  18. margin-left: 25px;
  19. }
  20. .upload-content {
  21. margin-top: -100px;
  22. }
  23. .upload-content .conList .btn:nth-of-type(1) {
  24. width: 90px;
  25. height: 100px;
  26. border: 2px solid #eee;
  27. background: #fff;
  28. position: relative;
  29. }
  30. .upload-content .conList .btn:nth-of-type(1) > div {
  31. position: absolute;
  32. top: 50%;
  33. left: 50%;
  34. transform: translate(-50%, -50%);
  35. color: #666;
  36. }
  37. .upload-content .conList .btn:nth-of-type(1) span {
  38. font-size: 35px;
  39. }
  40. .upload-content .conList .btn:nth-of-type(1) h5 {
  41. color: #666;
  42. }
  43. .cancel-upload {
  44. background: transparent;
  45. border: none;
  46. box-shadow: none;
  47. position: relative;
  48. top: -38px;
  49. left: -25px;
  50. cursor: pointer;
  51. z-index: 100;
  52. }
  53. .upload-content .conList ol li {
  54. width: 114px;
  55. min-height: 80px;
  56. text-align: center;
  57. background: #fff;
  58. position: relative;
  59. top: 120px;
  60. margin-left: 2px;
  61. }
  62. .hide-pic {
  63. display: none !important;
  64. }
  65. td {
  66. border: solid black;
  67. border-width: 0px 1px 1px 0px;
  68. }
  69. table {
  70. border-collapse: inherit;
  71. border: solid black;
  72. border-width: 1px 0px 0px 1px;
  73. }
  74. .table-striped {
  75. margin-right: 10px;
  76. }
  77. .table-striped td {
  78. border-collapse: inherit;
  79. border: 1px solid #ddd;
  80. border-width: 1px 0px 0px 1px;
  81. }
  82. .table-striped th, .table-striped td {
  83. text-align: center !important;
  84. }
  85. select {
  86. width: 85px;
  87. line-height: 25px;
  88. height: 25px
  89. }
  90. .tbMargin {
  91. margin: 15px 17px;
  92. }
  93. em {
  94. background: #d7d7d7;
  95. color: black;
  96. padding: 2px 8px;
  97. font-style: normal;
  98. font-size: 14px;
  99. display: inline-block;
  100. border-radius: 2px
  101. }
  102. .middleEm {
  103. position: absolute;
  104. left: 40%;
  105. margin-top: 7px;
  106. }
  107. .rightEm {
  108. float: right;
  109. margin-top: 7px;
  110. margin-right: 10px;
  111. }
  112. .templateButton {
  113. margin: 15px 0 15px 15px !important;
  114. }
  115. .displayTemplate, .mallTemplate {
  116. position: relative;
  117. }
  118. .templateImageTable {
  119. margin-left: 20px;
  120. }
  121. .templateImageDiv {
  122. padding: 5px 10px;
  123. text-align: center;
  124. }
  125. #templateTd label {
  126. font-weight: bolder;
  127. font-size: 18px;
  128. }
  129. #displayDateDiv {
  130. height: 30px;
  131. }
  132. </style>
  133. <script type="text/javascript">
  134. $(document).ready(function () {
  135. //表单提交
  136. $("#inputForm").validate({
  137. submitHandler: function (form) {
  138. var templateType = $("input[name='templateType']:checked").val();
  139. if (templateType == '' || templateType == undefined) {
  140. alertx("请配置模板图片区域");
  141. return;
  142. }
  143. var type = $("#type").val();
  144. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  145. if (type == 'adsImage') {
  146. if (templateType >= 22 && templateType <= 25) {
  147. // 日期切换模板
  148. if (adsImageList1.length > 0) {
  149. var stringify = JSON.stringify(adsImageList1);
  150. $('#images').val(stringify);
  151. } else {
  152. alertx("时间1图片不能空");
  153. return;
  154. }
  155. if (adsImageList2.length > 0) {
  156. var stringify = JSON.stringify(adsImageList2);
  157. $('#images2').val(stringify);
  158. } else {
  159. alertx("时间2图片不能空");
  160. return;
  161. }
  162. if (adsImageList3.length > 0) {
  163. var stringify = JSON.stringify(adsImageList3);
  164. $('#images3').val(stringify);
  165. } else {
  166. alertx("时间3图片不能空");
  167. return;
  168. }
  169. } else {
  170. var stringify = JSON.stringify(adsImageList1);
  171. $('#images').val(stringify);
  172. }
  173. }else if ((type == 'videoImage' && videoImageList.length > 0)) {
  174. var stringify = JSON.stringify(videoImageList);
  175. $('#images').val(stringify);
  176. } else if ((type == 'infoImage' && infoImageList.length > 0)) {
  177. var stringify = JSON.stringify(infoImageList);
  178. $('#images').val(stringify);
  179. } else if ((type == 'productImage' && productImageList.length > 0)) {
  180. var stringify = JSON.stringify(productImageList);
  181. $('#images').val(stringify);
  182. } else {
  183. alertx("至少上传一张图片");
  184. return;
  185. }
  186. var wwwIcon1 = $("#wwwIcon1").val();
  187. var crmIcon1 = $("#crmIcon1").val();
  188. var wwwIcon2 = $("#wwwIcon2").val();
  189. var crmIcon2 = $("#crmIcon2").val();
  190. var wwwIcon3 = $("#wwwIcon3").val();
  191. var crmIcon3 = $("#crmIcon3").val();
  192. var wwwIcon4 = $("#wwwIcon4").val();
  193. var crmIcon4 = $("#crmIcon4").val();
  194. var wwwIcon5 = $("#wwwIcon5").val();
  195. var crmIcon5 = $("#crmIcon5").val();
  196. if (templateType >= 11 && templateType <= 20 && templateType != 14) {
  197. if (wwwIcon1 === '') {
  198. alertx("请上传网站端广告图1");
  199. return;
  200. }
  201. if (crmIcon1 === '') {
  202. alertx("请上传移动端广告图1");
  203. return;
  204. }
  205. if (templateType >= 11 && templateType <= 17) {
  206. if (wwwIcon2 === '') {
  207. alertx("请上传网站端广告图2");
  208. return;
  209. }
  210. if (crmIcon2 === '') {
  211. alertx("请上传移动端广告图2");
  212. return;
  213. }
  214. if (templateType >= 11 && templateType <= 15) {
  215. if (wwwIcon3 === '') {
  216. alertx("请上传网站端广告图3");
  217. return;
  218. }
  219. if (crmIcon3 === '') {
  220. alertx("请上传移动端广告图3");
  221. return;
  222. }
  223. if (templateType == 13) {
  224. if (wwwIcon4 === '') {
  225. alertx("请上传网站端广告图4");
  226. return;
  227. }
  228. if (crmIcon4 === '') {
  229. alertx("请上传移动端广告图4");
  230. return;
  231. }
  232. if (wwwIcon5 === '') {
  233. alertx("请上传网站端广告图5");
  234. return;
  235. }
  236. if (crmIcon5 === '') {
  237. alertx("请上传移动端广告图5");
  238. return;
  239. }
  240. } else {
  241. $(".Image4 .cancel-upload").click();
  242. $(".Image5 .cancel-upload").click();
  243. }
  244. } else {
  245. $(".Image3 .cancel-upload").click();
  246. $(".Image4 .cancel-upload").click();
  247. $(".Image5 .cancel-upload").click();
  248. }
  249. } else {
  250. $(".Image2 .cancel-upload").click();
  251. $(".Image3 .cancel-upload").click();
  252. $(".Image4 .cancel-upload").click();
  253. $(".Image5 .cancel-upload").click();
  254. }
  255. } else {
  256. $(".Image1 .cancel-upload").click();
  257. $(".Image2 .cancel-upload").click();
  258. $(".Image3 .cancel-upload").click();
  259. $(".Image4 .cancel-upload").click();
  260. $(".Image5 .cancel-upload").click();
  261. }
  262. $("#formType").val(${floorContent.type});
  263. loading('正在提交,请稍等...');
  264. form.submit();
  265. },
  266. errorContainer: "#messageBox",
  267. errorPlacement: function (error, element) {
  268. $("#messageBox").text("输入有误,请先更正。");
  269. if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
  270. error.appendTo(element.parent().parent());
  271. } else {
  272. error.insertAfter(element);
  273. }
  274. }
  275. });
  276. });
  277. </script>
  278. </head>
  279. <body>
  280. <ul class="nav nav-tabs">
  281. <c:if test="${not empty floorContent.floorId}">
  282. <li><a href="${ctx}/newhome/newPageFloor/">楼层管理列表</a></li>
  283. <li class="active"><a href="${ctx}/newhome/newPageFloor/goContentPage?floorId=${floorContent.floorId}">内容</a>
  284. </li>
  285. </c:if>
  286. <c:if test="${empty floorContent.floorId}">
  287. <li><a href="${ctx}/cmpage/cmPage/?flag=2">网页列表</a></li>
  288. <li><a href="${ctx}/cmpage/cmPageCentre/?pageId=${floorContent.pageId}&type=${floorContent.type}">${floorContent.type eq 7?'云上美博会商品楼层':'快捷运营商品楼层'}</a></li>
  289. <li class="active"><a
  290. href="${ctx}/cmpage/cmPageCentre/goContentPage?pageId=${floorContent.pageId}&centreId=${floorContent.centreId}&type=${floorContent.type}">内容</a>
  291. </li>
  292. </c:if>
  293. </ul>
  294. <br/>
  295. <input type="hidden" id="templateClassify">
  296. <form:form id="inputForm" modelAttribute="floorContent" action="${ctx}/newhome/newPageFloor/saveFloorContent"
  297. method="post" class="form-horizontal">
  298. <form:hidden path="id"/>
  299. <form:hidden path="floorId"/>
  300. <form:hidden path="centreId"/>
  301. <form:hidden path="pageId"/>
  302. <form:hidden path="images" id="images"/>
  303. <form:hidden path="images2" id="images2"/>
  304. <form:hidden path="images3" id="images3"/>
  305. <form:hidden path="type"/>
  306. <form:hidden path="formType"/>
  307. <form:hidden path="redirectFlag"/>
  308. <sys:message content="${message}"/>
  309. <div class="control-group">
  310. 楼层名称:<a style="text-decoration:none;">${floorContent.floorTitle}</a>
  311. </div>
  312. <div class="control-group">
  313. <table style="overflow:scroll;height: 400px !important;" class="templateTable">
  314. <tr>
  315. <td style="width: 380px !important;height: 50px">
  316. <label style="font-weight: bold;font-size: 16px" class="tbMargin">模板库</label>
  317. <form:select path="" id="templateSelect" onchange="changeTemplateSelect()" class="tbMargin"
  318. cssStyle="width: 130px">
  319. <form:option value="1" label="模板标签"/>
  320. <form:option value="2" label="偏展会标签"/>
  321. <form:option value="3" label="偏商城活动"/>
  322. </form:select>
  323. <form:select path="" id="sourceSelect" onchange="changeSourceSelect()" class="tbMargin"
  324. cssStyle="width: 90px">
  325. <form:option value="1" label="PC端"/>
  326. <form:option value="2" label="移动端"/>
  327. </form:select>
  328. </td>
  329. <td rowspan="2" style=" width: 2800px;">
  330. <div style="height: 100%;overflow-y:scroll;">
  331. <label id="infoLabel"
  332. style="display: none; position: relative;left: 200px;top: 200px; font-weight: bolder;font-size: 30px">请先选择左边模板后,再编辑模板相关内容</label>
  333. <div class="control-group clear Image1" style="display: none">
  334. <div style="float: left">
  335. <span class="help-inline"><font color="red">*</font> </span>网站端广告图1:
  336. <div class="controls upload-content iconBox" id="pcAdsImage1">
  337. <div class="conList">
  338. <form:hidden id="wwwIcon1" path="pcAdsImage1" htmlEscape="false" maxlength="255"
  339. class="input-xlarge required"/>
  340. <sys:ckfinder input="wwwIcon1" type="images" uploadPath="/photo"
  341. selectMultiple="false"
  342. maxWidth="100" maxHeight="100"/> <br>
  343. <label id="pcImageSize1">建议图片分辨率1184px*160px</label>
  344. </div>
  345. </div>
  346. </div>
  347. <div style="float: left">
  348. <span class="help-inline"><font color="red">*</font> </span>移动端广告图1:
  349. <div class="controls upload-content iconBox" id="appletsAdsImage1">
  350. <div class="conList">
  351. <form:hidden id="crmIcon1" path="appletsAdsImage1" htmlEscape="false"
  352. maxlength="255"
  353. class="input-xlarge required"/>
  354. <sys:ckfinder input="crmIcon1" type="images" uploadPath="/photo"
  355. selectMultiple="false"
  356. maxWidth="100" maxHeight="100"/><br>
  357. <label id="appletsImageSize1">建议图片分辨率702px*240px</label>
  358. </div>
  359. </div>
  360. </div>
  361. <div style="float: left">
  362. <span class="help-inline"></span>广告图1跳转链接:
  363. <div class="controls">
  364. <form:input path="adsLink1" htmlEscape="false" maxlength="255"
  365. class="input-xlarge"/>
  366. </div>
  367. </div>
  368. </div>
  369. <div class="control-group clear Image2" style="display: none">
  370. <div style="float: left">
  371. <span class="help-inline"><font color="red">*</font> </span>网站端广告图2:
  372. <div class="controls upload-content iconBox" id="pcAdsImage2">
  373. <div class="conList">
  374. <form:hidden id="wwwIcon2" path="pcAdsImage2" htmlEscape="false" maxlength="255"
  375. class="input-xlarge required"/>
  376. <sys:ckfinder input="wwwIcon2" type="images" uploadPath="/photo"
  377. selectMultiple="false"
  378. maxWidth="100" maxHeight="100"/><br>
  379. <label id="pcImageSize2">建议图片分辨率344px*268px</label>
  380. </div>
  381. </div>
  382. </div>
  383. <div style="float: left">
  384. <span class="help-inline"><font color="red">*</font> </span>移动端广告图2:
  385. <div class="controls upload-content iconBox" id="appletsAdsImage2">
  386. <div class="conList">
  387. <form:hidden id="crmIcon2" path="appletsAdsImage2" htmlEscape="false"
  388. maxlength="255"
  389. class="input-xlarge required"/>
  390. <sys:ckfinder input="crmIcon2" type="images" uploadPath="/photo"
  391. selectMultiple="false"
  392. maxWidth="100" maxHeight="100"/><br>
  393. <label id="appletsImageSize2">建议图片分辨率339px*516px</label>
  394. </div>
  395. </div>
  396. </div>
  397. <div style="float: left">
  398. <span class="help-inline"></span>广告图2跳转链接:
  399. <div class="controls">
  400. <form:input path="adsLink2" htmlEscape="false" maxlength="255"
  401. class="input-xlarge"/>
  402. </div>
  403. </div>
  404. </div>
  405. <div class="control-group clear Image3" style="display: none">
  406. <div style="float: left">
  407. <span class="help-inline"><font color="red">*</font> </span>网站端广告图3:
  408. <div class="controls upload-content iconBox" id="pcAdsImage3">
  409. <div class="conList">
  410. <form:hidden id="wwwIcon3" path="pcAdsImage3" htmlEscape="false" maxlength="255"
  411. class="input-xlarge required"/>
  412. <sys:ckfinder input="wwwIcon3" type="images" uploadPath="/photo"
  413. selectMultiple="false"
  414. maxWidth="100" maxHeight="100"/><br>
  415. <label id="pcImageSize3">建议图片分辨率344px*268px</label>
  416. </div>
  417. </div>
  418. </div>
  419. <div style="float: left">
  420. <span class="help-inline"><font color="red">*</font> </span>移动端广告图3:
  421. <div class="controls upload-content iconBox" id="appletsAdsImage3">
  422. <div class="conList">
  423. <form:hidden id="crmIcon3" path="appletsAdsImage3" htmlEscape="false"
  424. maxlength="255"
  425. class="input-xlarge required"/>
  426. <sys:ckfinder input="crmIcon3" type="images" uploadPath="/photo"
  427. selectMultiple="false"
  428. maxWidth="100" maxHeight="100"/><br>
  429. <label id="appletsImageSize3">建议图片分辨率339px*516px</label>
  430. </div>
  431. </div>
  432. </div>
  433. <div style="float: left">
  434. <span class="help-inline"></span>广告图3跳转链接:
  435. <div class="controls">
  436. <form:input path="adsLink3" htmlEscape="false" maxlength="255"
  437. class="input-xlarge"/>
  438. </div>
  439. </div>
  440. </div>
  441. <div class="control-group clear Image4" style="display: none">
  442. <div style="float: left">
  443. <span class="help-inline"><font color="red">*</font> </span>网站端广告图4:
  444. <div class="controls upload-content iconBox" id="pcAdsImage4">
  445. <div class="conList">
  446. <form:hidden id="wwwIcon4" path="pcAdsImage4" htmlEscape="false" maxlength="255"
  447. class="input-xlarge required"/>
  448. <sys:ckfinder input="wwwIcon4" type="images" uploadPath="/photo"
  449. selectMultiple="false"
  450. maxWidth="100" maxHeight="100"/><br>
  451. <label id="pcImageSize4">建议图片分辨率344px*268px</label>
  452. </div>
  453. </div>
  454. </div>
  455. <div style="float: left">
  456. <span class="help-inline"><font color="red">*</font> </span>移动端广告图4:
  457. <div class="controls upload-content iconBox" id="appletsAdsImage4">
  458. <div class="conList">
  459. <form:hidden id="crmIcon4" path="appletsAdsImage4" htmlEscape="false"
  460. maxlength="255"
  461. class="input-xlarge required"/>
  462. <sys:ckfinder input="crmIcon4" type="images" uploadPath="/photo"
  463. selectMultiple="false"
  464. maxWidth="100" maxHeight="100"/><br>
  465. <label id="appletsImageSize4">建议图片分辨率339px*516px</label>
  466. </div>
  467. </div>
  468. </div>
  469. <div style="float: left">
  470. <span class="help-inline"></span>广告图4跳转链接:
  471. <div class="controls">
  472. <form:input path="adsLink4" htmlEscape="false" maxlength="255"
  473. class="input-xlarge"/>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="control-group clear Image5" style="display: none">
  478. <div style="float: left">
  479. <span class="help-inline"><font color="red">*</font> </span>网站端广告图5:
  480. <div class="controls upload-content iconBox" id="pcAdsImage5">
  481. <div class="conList">
  482. <form:hidden id="wwwIcon5" path="pcAdsImage5" htmlEscape="false" maxlength="255"
  483. class="input-xlarge required"/>
  484. <sys:ckfinder input="wwwIcon5" type="images" uploadPath="/photo"
  485. selectMultiple="false"
  486. maxWidth="100" maxHeight="100"/><br>
  487. <label id="pcImageSize5">建议图片分辨率344px*268px</label>
  488. </div>
  489. </div>
  490. </div>
  491. <div style="float: left">
  492. <span class="help-inline"><font color="red">*</font> </span>移动端广告图5:
  493. <div class="controls upload-content iconBox" id="appletsAdsImage5">
  494. <div class="conList">
  495. <form:hidden id="crmIcon5" path="appletsAdsImage5" htmlEscape="false"
  496. maxlength="255"
  497. class="input-xlarge required"/>
  498. <sys:ckfinder input="crmIcon5" type="images" uploadPath="/photo"
  499. selectMultiple="false"
  500. maxWidth="100" maxHeight="100"/><br>
  501. <label id="appletsImageSize5">建议图片分辨率339px*516px</label>
  502. </div>
  503. </div>
  504. </div>
  505. <div style="float: left">
  506. <span class="help-inline"></span>广告图5跳转链接:
  507. <div class="controls">
  508. <form:input path="adsLink5" htmlEscape="false" maxlength="255"
  509. class="input-xlarge"/>
  510. </div>
  511. </div>
  512. </div>
  513. <br>
  514. <div class="control-group templateImageTable">
  515. <div id="displayDateDiv">
  516. <font color="red">*</font>日期切换控件
  517. <br>
  518. <input name="displayDateRadio" value="1" type="radio" checked="checked"
  519. onclick="changeDisplayDate()"/>日期1
  520. <input name="displayDate1" type="text" readonly="readonly" maxlength="10"
  521. class="input-medium Wdate required" id="displayDate1"
  522. value="<fmt:formatDate value="${floorContent.displayDate1}" pattern="yyyy-MM-dd"/>"
  523. onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
  524. <input name="displayDateRadio" value="2" type="radio" style="margin-left: 30px"
  525. onclick="changeDisplayDate()"/>日期2
  526. <input name="displayDate2" type="text" readonly="readonly" maxlength="10"
  527. class="input-medium Wdate required" id="displayDate2"
  528. value="<fmt:formatDate value="${floorContent.displayDate2}" pattern="yyyy-MM-dd"/>"
  529. onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
  530. <input name="displayDateRadio" value="3" type="radio" style="margin-left: 30px"
  531. onclick="changeDisplayDate()"/>日期3
  532. <input name="displayDate3" type="text" readonly="readonly" maxlength="10"
  533. class="input-medium Wdate required" id="displayDate3"
  534. value="<fmt:formatDate value="${floorContent.displayDate3}" pattern="yyyy-MM-dd"/>"
  535. onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
  536. </div>
  537. <br><br>
  538. <input class="btn" id="del" style="width: 50px" onclick="batchDeletion()" value="删除"/>&nbsp;&nbsp;&nbsp;&nbsp;
  539. <input class="btn btn-primary" id="sortBtn" style="width: 70px" onclick="batchSaveSort()"
  540. value="一键排序"/>&nbsp;&nbsp;&nbsp;&nbsp;
  541. <input class="btn btn-primary" id="showSelectBtn" style="width: 50px"
  542. onclick="showSelect('${ctx}/newhome/newPageFloor/addActivityImage')" value="添加"/>&nbsp;&nbsp;&nbsp;&nbsp;
  543. <a class="btn btn-primary"
  544. href="${fns:getConfig('wwwServer')}cmpage/info-${floorContent.type}-${floorContent.pageId}.html"
  545. target="_blank">一键预览</a>
  546. <br><br>
  547. <table id="adsImageTable" class="table table-striped table-bordered table-condensed"
  548. style="display: none">
  549. <thead>
  550. <tr>
  551. <th style="width:20px;"><input class="check-all" type="checkbox"
  552. onclick="clickAllSelect(this)"/> 全选
  553. </th>
  554. <th>PC图片</th>
  555. <th>小程序图片</th>
  556. <th>跳转链接</th>
  557. <th>小程序内容宣传图</th>
  558. <th>网站状态</th>
  559. <th>小程序状态</th>
  560. <th>排序</th>
  561. <th>创建时间</th>
  562. <th>操作</th>
  563. </tr>
  564. </thead>
  565. <tbody id="adsImageTbody"></tbody>
  566. </table>
  567. <table id="videoImageTable" class="table table-striped table-bordered table-condensed"
  568. style="display: none">
  569. <thead>
  570. <tr>
  571. <th style="width:20px;"><input class="check-all" type="checkbox"
  572. onclick="clickAllSelect(this)"/> 全选
  573. </th>
  574. <th>视频封面</th>
  575. <th hidden>视频链接</th>
  576. <th>网站状态</th>
  577. <th>小程序状态</th>
  578. <th>排序</th>
  579. <th>创建时间</th>
  580. <th>操作</th>
  581. </tr>
  582. </thead>
  583. <tbody id="videoImageTbody"></tbody>
  584. </table>
  585. <table id="infoImageTable" class="table table-striped table-bordered table-condensed"
  586. style="display: none">
  587. <thead>
  588. <tr>
  589. <th style="width:20px;"><input class="check-all" type="checkbox"
  590. onclick="clickAllSelect(this)"/> 全选
  591. </th>
  592. <th>PC图片</th>
  593. <th>小程序图片</th>
  594. <th>标题</th>
  595. <th>内容</th>
  596. <th>跳转链接</th>
  597. <th>小程序内容宣传图</th>
  598. <th>网站状态</th>
  599. <th>小程序状态</th>
  600. <th>排序</th>
  601. <th>创建时间</th>
  602. <th>操作</th>
  603. </tr>
  604. </thead>
  605. <tbody id="infoImageTbody"></tbody>
  606. </table>
  607. <table id="productImageTable" class="table table-striped table-bordered table-condensed"
  608. style="display: none">
  609. <thead>
  610. <tr>
  611. <th style="width:20px;"><input class="check-all" type="checkbox"
  612. onclick="clickAllSelect(this)"/> 全选
  613. </th>
  614. <th>图片</th>
  615. <th>名称</th>
  616. <th>跳转链接</th>
  617. <th>标签</th>
  618. <th>网站状态</th>
  619. <th>小程序状态</th>
  620. <th>排序</th>
  621. <th>创建时间</th>
  622. <th>操作</th>
  623. </tr>
  624. </thead>
  625. <tbody id="productImageTbody"></tbody>
  626. </table>
  627. </div>
  628. </div>
  629. </td>
  630. </tr>
  631. <tr>
  632. <td id="templateTd" style="display: block;height: 580px;overflow-y:scroll;width: 380px !important;">
  633. <div>
  634. <div id="pcTemplate" style="position: relative">
  635. <div id="pcTemplate1" class="displayTemplate" style="position: relative;">
  636. <form:radiobutton path="templateType" name="templateType" value="1" label="模板1" id="templateType1"
  637. cssClass="templateButton"
  638. onclick="showContent('pc')"/>
  639. <em class="middleEm">偏展会活动</em>
  640. <em class="rightEm">PC端</em>
  641. <div class="templateImageDiv">
  642. <img src="/static/template/beauty/pc/1.png">
  643. </div>
  644. </div>
  645. <div id="pcTemplate2" class="displayTemplate">
  646. <form:radiobutton path="templateType" name="templateType" value="2" label="模板2" id="templateType2"
  647. cssClass="templateButton"
  648. onclick="showContent('pc')"/>
  649. <em class="middleEm">偏展会活动</em>
  650. <em class="rightEm">PC端</em>
  651. <div class="templateImageDiv">
  652. <img src="/static/template/beauty/pc/2.png">
  653. </div>
  654. </div>
  655. <div id="pcTemplate3" class="displayTemplate">
  656. <form:radiobutton path="templateType" name="templateType" value="3" label="模板3" id="templateType3"
  657. cssClass="templateButton"
  658. onclick="showContent('pc')"/>
  659. <em class="middleEm">偏展会活动</em>
  660. <em class="rightEm">PC端</em>
  661. <div class="templateImageDiv">
  662. <img src="/static/template/beauty/pc/3.png">
  663. </div>
  664. </div>
  665. <div id="pcTemplate4" class="displayTemplate">
  666. <form:radiobutton path="templateType" name="templateType" value="4" label="模板4" id="templateType4"
  667. cssClass="templateButton"
  668. onclick="showContent('pc')"/>
  669. <em class="middleEm">偏展会活动</em>
  670. <em class="rightEm">PC端</em>
  671. <div class="templateImageDiv">
  672. <img src="/static/template/beauty/pc/4.png">
  673. </div>
  674. </div>
  675. <div id="pcTemplate5" class="displayTemplate">
  676. <form:radiobutton path="templateType" name="templateType" value="5" label="模板5" id="templateType5"
  677. cssClass="templateButton"
  678. onclick="showContent('pc')"/>
  679. <em class="middleEm">偏展会活动</em>
  680. <em class="rightEm">PC端</em>
  681. <div class="templateImageDiv">
  682. <img src="/static/template/beauty/pc/5.png">
  683. </div>
  684. </div>
  685. <div id="pcTemplate6" class="displayTemplate">
  686. <form:radiobutton path="templateType" name="templateType" value="6" label="模板6" id="templateType6"
  687. cssClass="templateButton"
  688. onclick="showContent('pc')"/>
  689. <em class="middleEm">偏展会活动</em>
  690. <em class="rightEm">PC端</em>
  691. <div class="templateImageDiv">
  692. <img src="/static/template/beauty/pc/6.png">
  693. </div>
  694. </div>
  695. <div id="pcTemplate7" class="displayTemplate">
  696. <form:radiobutton path="templateType" name="templateType" value="7" label="模板7" id="templateType7"
  697. cssClass="templateButton"
  698. onclick="showContent('pc')"/>
  699. <em class="middleEm">偏展会活动</em>
  700. <em class="rightEm">PC端</em>
  701. <div class="templateImageDiv">
  702. <img src="/static/template/beauty/pc/7.png">
  703. </div>
  704. </div>
  705. <div id="pcTemplate8" class="displayTemplate">
  706. <form:radiobutton path="templateType" name="templateType" value="8" label="模板8" id="templateType8"
  707. cssClass="templateButton"
  708. onclick="showContent('pc')"/>
  709. <em class="middleEm">偏展会活动</em>
  710. <em class="rightEm">PC端</em>
  711. <div class="templateImageDiv">
  712. <img src="/static/template/beauty/pc/8.png">
  713. </div>
  714. </div>
  715. <div id="pcTemplate9" class="displayTemplate">
  716. <form:radiobutton path="templateType" name="templateType" value="9" label="模板9" id="templateType9"
  717. cssClass="templateButton"
  718. onclick="showContent('pc')"/>
  719. <em class="middleEm">偏展会活动</em>
  720. <em class="rightEm">PC端</em>
  721. <div class="templateImageDiv">
  722. <img src="/static/template/beauty/pc/9.png">
  723. </div>
  724. </div>
  725. <div id="pcTemplate10" class="displayTemplate">
  726. <form:radiobutton path="templateType" name="templateType" value="10" label="模板10" id="templateType10"
  727. cssClass="templateButton"
  728. onclick="showContent('pc')"/>
  729. <em class="middleEm">偏展会活动</em>
  730. <em class="rightEm">PC端</em>
  731. <div class="templateImageDiv">
  732. <img src="/static/template/beauty/pc/10.png">
  733. </div>
  734. </div>
  735. <div id="pcTemplate11" class="mallTemplate">
  736. <form:radiobutton path="templateType" name="templateType" value="11" label="模板11" id="templateType11"
  737. cssClass="templateButton"
  738. onclick="showContent('pc')"/>
  739. <em class="middleEm">偏商城活动</em>
  740. <em class="rightEm">PC端</em>
  741. <div class="templateImageDiv">
  742. <img src="/static/template/beauty/pc/11.png">
  743. </div>
  744. </div>
  745. <div id="pcTemplate12" class="mallTemplate">
  746. <form:radiobutton path="templateType" name="templateType" value="12" label="模板12" id="templateType12"
  747. cssClass="templateButton"
  748. onclick="showContent('pc')"/>
  749. <em class="middleEm">偏商城活动</em>
  750. <em class="rightEm">PC端</em>
  751. <div class="templateImageDiv">
  752. <img src="/static/template/beauty/pc/12.png">
  753. </div>
  754. </div>
  755. <div id="pcTemplate13" class="mallTemplate">
  756. <form:radiobutton path="templateType" name="templateType" value="13" label="模板13" id="templateType13"
  757. cssClass="templateButton"
  758. onclick="showContent('pc')"/>
  759. <em class="middleEm">偏商城活动</em>
  760. <em class="rightEm">PC端</em>
  761. <div class="templateImageDiv">
  762. <img src="/static/template/beauty/pc/13.png">
  763. </div>
  764. </div>
  765. <div id="pcTemplate14" class="mallTemplate">
  766. <form:radiobutton path="templateType" name="templateType" value="14" label="模板14" id="templateType14"
  767. cssClass="templateButton"
  768. onclick="showContent('pc')"/>
  769. <em class="middleEm">偏商城活动</em>
  770. <em class="rightEm">PC端</em>
  771. <div class="templateImageDiv">
  772. <img src="/static/template/beauty/pc/14.png">
  773. </div>
  774. </div>
  775. <div id="pcTemplate15" class="mallTemplate">
  776. <form:radiobutton path="templateType" name="templateType" value="15" label="模板15" id="templateType15"
  777. cssClass="templateButton"
  778. onclick="showContent('pc')"/>
  779. <em class="middleEm">偏商城活动</em>
  780. <em class="rightEm">PC端</em>
  781. <div class="templateImageDiv">
  782. <img src="/static/template/beauty/pc/15.png">
  783. </div>
  784. </div>
  785. <div id="pcTemplate16" class="mallTemplate">
  786. <form:radiobutton path="templateType" name="templateType" value="16" label="模板16" id="templateType16"
  787. cssClass="templateButton"
  788. onclick="showContent('pc')"/>
  789. <em class="middleEm">偏商城活动</em>
  790. <em class="rightEm">PC端</em>
  791. <div class="templateImageDiv">
  792. <img src="/static/template/beauty/pc/16.png">
  793. </div>
  794. </div>
  795. <div id="pcTemplate17" class="mallTemplate">
  796. <form:radiobutton path="templateType" name="templateType" value="17" label="模板17" id="templateType17"
  797. cssClass="templateButton"
  798. onclick="showContent('pc')"/>
  799. <em class="middleEm">偏商城活动</em>
  800. <em class="rightEm">PC端</em>
  801. <div class="templateImageDiv">
  802. <img src="/static/template/beauty/pc/17.png">
  803. </div>
  804. </div>
  805. <div id="pcTemplate18" class="mallTemplate">
  806. <form:radiobutton path="templateType" name="templateType" value="18" label="模板18" id="templateType18"
  807. cssClass="templateButton"
  808. onclick="showContent('pc')"/>
  809. <em class="middleEm">偏商城活动</em>
  810. <em class="rightEm">PC端</em>
  811. <div class="templateImageDiv">
  812. <img src="/static/template/beauty/pc/18.png">
  813. </div>
  814. </div>
  815. <div id="pcTemplate19" class="mallTemplate">
  816. <form:radiobutton path="templateType" name="templateType" value="19" label="模板19" id="templateType19"
  817. cssClass="templateButton"
  818. onclick="showContent('pc')"/>
  819. <em class="middleEm">偏商城活动</em>
  820. <em class="rightEm">PC端</em>
  821. <div class="templateImageDiv">
  822. <img src="/static/template/beauty/pc/19.png">
  823. </div>
  824. </div>
  825. <div id="pcTemplate20" class="mallTemplate">
  826. <form:radiobutton path="templateType" name="templateType" value="20" label="模板20" id="templateType20"
  827. cssClass="templateButton"
  828. onclick="showContent('pc')"/>
  829. <em class="middleEm">偏商城活动</em>
  830. <em class="rightEm">PC端</em>
  831. <div class="templateImageDiv">
  832. <img src="/static/template/beauty/pc/20.png">
  833. </div>
  834. </div>
  835. <div id="pcTemplate21" class="mallTemplate">
  836. <form:radiobutton path="templateType" name="templateType" value="21" label="模板21" id="templateType21"
  837. cssClass="templateButton"
  838. onclick="showContent('pc')"/>
  839. <em class="middleEm">偏商城活动</em>
  840. <em class="rightEm">PC端</em>
  841. <div class="templateImageDiv">
  842. <img src="/static/template/beauty/pc/21.png">
  843. </div>
  844. </div>
  845. <div id="pcTemplate22" class="displayTemplate">
  846. <form:radiobutton path="templateType" name="templateType" value="22" label="模板22" id="templateType22"
  847. cssClass="templateButton"
  848. onclick="showContent('pc')"/>
  849. <em class="middleEm">偏展会活动</em>
  850. <em class="rightEm">PC端</em>
  851. <div class="templateImageDiv">
  852. <img src="/static/template/beauty/pc/22.png">
  853. </div>
  854. </div>
  855. <div id="pcTemplate23" class="displayTemplate">
  856. <form:radiobutton path="templateType" name="templateType" value="23" label="模板23" id="templateType23"
  857. cssClass="templateButton"
  858. onclick="showContent('pc')"/>
  859. <em class="middleEm">偏展会活动</em>
  860. <em class="rightEm">PC端</em>
  861. <div class="templateImageDiv">
  862. <img src="/static/template/beauty/pc/23.png">
  863. </div>
  864. </div>
  865. <div id="pcTemplate24" class="displayTemplate">
  866. <form:radiobutton path="templateType" name="templateType" value="24" label="模板24" id="templateType24"
  867. cssClass="templateButton"
  868. onclick="showContent('pc')"/>
  869. <em class="middleEm">偏展会活动</em>
  870. <em class="rightEm">PC端</em>
  871. <div class="templateImageDiv">
  872. <img src="/static/template/beauty/pc/24.png">
  873. </div>
  874. </div>
  875. <div id="pcTemplate25" class="displayTemplate">
  876. <form:radiobutton path="templateType" name="templateType" value="25" label="模板25" id="templateType25"
  877. cssClass="templateButton"
  878. onclick="showContent('pc')"/>
  879. <em class="middleEm">偏展会活动</em>
  880. <em class="rightEm">PC端</em>
  881. <div class="templateImageDiv">
  882. <img src="/static/template/beauty/pc/25.png">
  883. </div>
  884. </div>
  885. <div id="pcTemplate26" class="displayTemplate">
  886. <form:radiobutton path="templateType" name="templateType" value="26" label="模板26" id="templateType26"
  887. cssClass="templateButton"
  888. onclick="showContent('pc')"/>
  889. <em class="middleEm">偏展会活动</em>
  890. <em class="rightEm">PC端</em>
  891. <div class="templateImageDiv">
  892. <img src="/static/template/beauty/pc/26.png">
  893. </div>
  894. </div>
  895. <div id="pcTemplate27" class="displayTemplate">
  896. <form:radiobutton path="templateType" name="templateType" value="27" label="模板27" id="templateType27"
  897. cssClass="templateButton"
  898. onclick="showContent('pc')"/>
  899. <em class="middleEm">偏展会活动</em>
  900. <em class="rightEm">PC端</em>
  901. <div class="templateImageDiv">
  902. <img src="/static/template/beauty/pc/27.png">
  903. </div>
  904. </div>
  905. <div id="pcTemplate28" class="displayTemplate">
  906. <form:radiobutton path="templateType" name="templateType" value="28" label="模板28" id="templateType28"
  907. cssClass="templateButton"
  908. onclick="showContent('pc')"/>
  909. <em class="middleEm">偏展会活动</em>
  910. <em class="rightEm">PC端</em>
  911. <div class="templateImageDiv">
  912. <img src="/static/template/beauty/pc/28.png">
  913. </div>
  914. </div>
  915. <div id="pcTemplate29" class="displayTemplate">
  916. <form:radiobutton path="templateType" name="templateType" value="29" label="模板29" id="templateType29"
  917. cssClass="templateButton"
  918. onclick="showContent('pc')"/>
  919. <em class="middleEm">偏展会活动</em>
  920. <em class="rightEm">PC端</em>
  921. <div class="templateImageDiv">
  922. <img src="/static/template/beauty/pc/29.png">
  923. </div>
  924. </div>
  925. <div id="pcTemplate30" class="displayTemplate">
  926. <form:radiobutton path="templateType" name="templateType" value="30" label="模板30" id="templateType30"
  927. cssClass="templateButton"
  928. onclick="showContent('pc')"/>
  929. <em class="middleEm">偏展会活动</em>
  930. <em class="rightEm">PC端</em>
  931. <div class="templateImageDiv">
  932. <img src="/static/template/beauty/pc/26.png">
  933. </div>
  934. </div>
  935. <div id="pcTemplate31" class="displayTemplate">
  936. <form:radiobutton path="templateType" name="templateType" value="31" label="模板31" id="templateType31"
  937. cssClass="templateButton"
  938. onclick="showContent('pc')"/>
  939. <em class="middleEm">偏展会活动</em>
  940. <em class="rightEm">PC端</em>
  941. <div class="templateImageDiv">
  942. <img src="/static/template/beauty/pc/27.png">
  943. </div>
  944. </div>
  945. <div id="pcTemplate32" class="displayTemplate">
  946. <form:radiobutton path="templateType" name="templateType" value="32" label="模板32" id="templateType32"
  947. cssClass="templateButton"
  948. onclick="showContent('pc')"/>
  949. <em class="middleEm">偏展会活动</em>
  950. <em class="rightEm">PC端</em>
  951. <div class="templateImageDiv">
  952. <img src="/static/template/beauty/pc/28.png">
  953. </div>
  954. </div>
  955. <div id="pcTemplate33" class="displayTemplate">
  956. <form:radiobutton path="templateType" name="templateType" value="33" label="模板33" id="templateType33"
  957. cssClass="templateButton"
  958. onclick="showContent('pc')"/>
  959. <em class="middleEm">偏展会活动</em>
  960. <em class="rightEm">PC端</em>
  961. <div class="templateImageDiv">
  962. <img src="/static/template/beauty/pc/29.png">
  963. </div>
  964. </div>
  965. </div>
  966. <div id="appletsTemplate" class="hide">
  967. <div id="appletsTemplate1" class="displayTemplate">
  968. <form:radiobutton path="templateType" name="templateType" value="51" label="模板1" id="templateType51"
  969. cssClass="templateButton"
  970. onclick="showContent('applets')"/>
  971. <em class="middleEm">偏展会活动</em>
  972. <em class="rightEm">移动端</em>
  973. <div class="templateImageDiv">
  974. <img src="/static/template/beauty/applets/1.png">
  975. </div>
  976. </div>
  977. <div id="appletsTemplate2" class="displayTemplate">
  978. <form:radiobutton path="templateType" name="templateType" value="52" label="模板2" id="templateType52"
  979. cssClass="templateButton"
  980. onclick="showContent('applets')"/>
  981. <em class="middleEm">偏展会活动</em>
  982. <em class="rightEm">移动端</em>
  983. <div class="templateImageDiv">
  984. <img src="/static/template/beauty/applets/2.png">
  985. </div>
  986. </div>
  987. <div id="appletsTemplate3" class="displayTemplate">
  988. <form:radiobutton path="templateType" name="templateType" value="53" label="模板3" id="templateType53"
  989. cssClass="templateButton"
  990. onclick="showContent('applets')"/>
  991. <em class="middleEm">偏展会活动</em>
  992. <em class="rightEm">移动端</em>
  993. <div class="templateImageDiv">
  994. <img src="/static/template/beauty/applets/3.png">
  995. </div>
  996. </div>
  997. <div id="appletsTemplate4" class="displayTemplate">
  998. <form:radiobutton path="templateType" name="templateType" value="54" label="模板4" id="templateType54"
  999. cssClass="templateButton"
  1000. onclick="showContent('applets')"/>
  1001. <em class="middleEm">偏展会活动</em>
  1002. <em class="rightEm">移动端</em>
  1003. <div class="templateImageDiv">
  1004. <img src="/static/template/beauty/applets/4.png">
  1005. </div>
  1006. </div>
  1007. <div id="appletsTemplate5" class="displayTemplate">
  1008. <form:radiobutton path="templateType" name="templateType" value="55" label="模板5" id="templateType55"
  1009. cssClass="templateButton"
  1010. onclick="showContent('applets')"/>
  1011. <em class="middleEm">偏展会活动</em>
  1012. <em class="rightEm">移动端</em>
  1013. <div class="templateImageDiv">
  1014. <img src="/static/template/beauty/applets/5.png">
  1015. </div>
  1016. </div>
  1017. <div id="appletsTemplate6" class="displayTemplate">
  1018. <form:radiobutton path="templateType" name="templateType" value="56" label="模板6" id="templateType56"
  1019. cssClass="templateButton"
  1020. onclick="showContent('applets')"/>
  1021. <em class="middleEm">偏展会活动</em>
  1022. <em class="rightEm">移动端</em>
  1023. <div class="templateImageDiv">
  1024. <img src="/static/template/beauty/applets/6.png">
  1025. </div>
  1026. </div>
  1027. <div id="appletsTemplate7" class="displayTemplate">
  1028. <form:radiobutton path="templateType" name="templateType" value="57" label="模板7" id="templateType57"
  1029. cssClass="templateButton"
  1030. onclick="showContent('applets')"/>
  1031. <em class="middleEm">偏展会活动</em>
  1032. <em class="rightEm">移动端</em>
  1033. <div class="templateImageDiv">
  1034. <img src="/static/template/beauty/applets/7.png">
  1035. </div>
  1036. </div>
  1037. <div id="appletsTemplate8" class="displayTemplate">
  1038. <form:radiobutton path="templateType" name="templateType" value="58" label="模板8" id="templateType58"
  1039. cssClass="templateButton"
  1040. onclick="showContent('applets')"/>
  1041. <em class="middleEm">偏展会活动</em>
  1042. <em class="rightEm">移动端</em>
  1043. <div class="templateImageDiv">
  1044. <img src="/static/template/beauty/applets/8.png">
  1045. </div>
  1046. </div>
  1047. <div id="appletsTemplate9" class="displayTemplate">
  1048. <form:radiobutton path="templateType" name="templateType" value="59" label="模板9" id="templateType59"
  1049. cssClass="templateButton"
  1050. onclick="showContent('applets')"/>
  1051. <em class="middleEm">偏展会活动</em>
  1052. <em class="rightEm">移动端</em>
  1053. <div class="templateImageDiv">
  1054. <img src="/static/template/beauty/applets/9.png">
  1055. </div>
  1056. </div>
  1057. <div id="appletsTemplate10" class="displayTemplate">
  1058. <form:radiobutton path="templateType" name="templateType" value="60" label="模板10" id="templateType60"
  1059. cssClass="templateButton"
  1060. onclick="showContent('applets')"/>
  1061. <em class="middleEm">偏展会活动</em>
  1062. <em class="rightEm">移动端</em>
  1063. <div class="templateImageDiv">
  1064. <img src="/static/template/beauty/applets/10.png">
  1065. </div>
  1066. </div>
  1067. <div id="appletsTemplate11" class="mallTemplate">
  1068. <form:radiobutton path="templateType" name="templateType" value="61" label="模板11" id="templateType61"
  1069. cssClass="templateButton"
  1070. onclick="showContent('applets')"/>
  1071. <em class="middleEm">偏商城活动</em>
  1072. <em class="rightEm">移动端</em>
  1073. <div class="templateImageDiv">
  1074. <img src="/static/template/beauty/applets/11.png">
  1075. </div>
  1076. </div>
  1077. <div id="appletsTemplate12" class="mallTemplate">
  1078. <form:radiobutton path="templateType" name="templateType" value="62" label="模板12" id="templateType62"
  1079. cssClass="templateButton"
  1080. onclick="showContent('applets')"/>
  1081. <em class="middleEm">偏商城活动</em>
  1082. <em class="rightEm">移动端</em>
  1083. <div class="templateImageDiv">
  1084. <img src="/static/template/beauty/applets/12.png">
  1085. </div>
  1086. </div>
  1087. <div id="appletsTemplate13" class="mallTemplate">
  1088. <form:radiobutton path="templateType" name="templateType" value="63" label="模板13" id="templateType63"
  1089. cssClass="templateButton"
  1090. onclick="showContent('applets')"/>
  1091. <em class="middleEm">偏商城活动</em>
  1092. <em class="rightEm">移动端</em>
  1093. <div class="templateImageDiv">
  1094. <img src="/static/template/beauty/applets/13.png">
  1095. </div>
  1096. </div>
  1097. <div id="appletsTemplate14" class="mallTemplate">
  1098. <form:radiobutton path="templateType" name="templateType" value="64" label="模板14" id="templateType64"
  1099. cssClass="templateButton"
  1100. onclick="showContent('applets')"/>
  1101. <em class="middleEm">偏商城活动</em>
  1102. <em class="rightEm">移动端</em>
  1103. <div class="templateImageDiv">
  1104. <img src="/static/template/beauty/applets/14.png">
  1105. </div>
  1106. </div>
  1107. <div id="appletsTemplate15" class="mallTemplate">
  1108. <form:radiobutton path="templateType" name="templateType" value="65" label="模板15" id="templateType65"
  1109. cssClass="templateButton"
  1110. onclick="showContent('applets')"/>
  1111. <em class="middleEm">偏商城活动</em>
  1112. <em class="rightEm">移动端</em>
  1113. <div class="templateImageDiv">
  1114. <img src="/static/template/beauty/applets/15.png">
  1115. </div>
  1116. </div>
  1117. <div id="appletsTemplate16" class="mallTemplate">
  1118. <form:radiobutton path="templateType" name="templateType" value="66" label="模板16" id="templateType66"
  1119. cssClass="templateButton"
  1120. onclick="showContent('applets')"/>
  1121. <em class="middleEm">偏商城活动</em>
  1122. <em class="rightEm">移动端</em>
  1123. <div class="templateImageDiv">
  1124. <img src="/static/template/beauty/applets/16.png">
  1125. </div>
  1126. </div>
  1127. <div id="appletsTemplate17" class="mallTemplate">
  1128. <form:radiobutton path="templateType" name="templateType" value="67" label="模板17" id="templateType67"
  1129. cssClass="templateButton"
  1130. onclick="showContent('applets')"/>
  1131. <em class="middleEm">偏商城活动</em>
  1132. <em class="rightEm">移动端</em>
  1133. <div class="templateImageDiv">
  1134. <img src="/static/template/beauty/applets/17.png">
  1135. </div>
  1136. </div>
  1137. <div id="appletsTemplate18" class="mallTemplate">
  1138. <form:radiobutton path="templateType" name="templateType" value="68" label="模板18" id="templateType68"
  1139. cssClass="templateButton"
  1140. onclick="showContent('applets')"/>
  1141. <em class="middleEm">偏商城活动</em>
  1142. <em class="rightEm">移动端</em>
  1143. <div class="templateImageDiv">
  1144. <img src="/static/template/beauty/applets/18.png">
  1145. </div>
  1146. </div>
  1147. <div id="appletsTemplate19" class="mallTemplate">
  1148. <form:radiobutton path="templateType" name="templateType" value="69" label="模板19" id="templateType69"
  1149. cssClass="templateButton"
  1150. onclick="showContent('applets')"/>
  1151. <em class="middleEm">偏商城活动</em>
  1152. <em class="rightEm">移动端</em>
  1153. <div class="templateImageDiv">
  1154. <img src="/static/template/beauty/applets/19.png">
  1155. </div>
  1156. </div>
  1157. <div id="appletsTemplate20" class="mallTemplate">
  1158. <form:radiobutton path="templateType" name="templateType" value="70" label="模板20" id="templateType70"
  1159. cssClass="templateButton"
  1160. onclick="showContent('applets')"/>
  1161. <em class="middleEm">偏商城活动</em>
  1162. <em class="rightEm">移动端</em>
  1163. <div class="templateImageDiv">
  1164. <img src="/static/template/beauty/applets/20.png">
  1165. </div>
  1166. </div>
  1167. <div id="appletsTemplate21" class="mallTemplate">
  1168. <form:radiobutton path="templateType" name="templateType" value="71" label="模板21" id="templateType71"
  1169. cssClass="templateButton"
  1170. onclick="showContent('applets')"/>
  1171. <em class="middleEm">偏商城活动</em>
  1172. <em class="rightEm">移动端</em>
  1173. <div class="templateImageDiv">
  1174. <img src="/static/template/beauty/applets/21.png">
  1175. </div>
  1176. </div>
  1177. <div id="appletsTemplate22" class="displayTemplate">
  1178. <form:radiobutton path="templateType" name="templateType" value="72" label="模板22" id="templateType72"
  1179. cssClass="templateButton"
  1180. onclick="showContent('applets')"/>
  1181. <em class="middleEm">偏展会活动</em>
  1182. <em class="rightEm">移动端</em>
  1183. <div class="templateImageDiv">
  1184. <img src="/static/template/beauty/applets/22.png">
  1185. </div>
  1186. </div>
  1187. <div id="appletsTemplate23" class="displayTemplate">
  1188. <form:radiobutton path="templateType" name="templateType" value="73" label="模板23" id="templateType73"
  1189. cssClass="templateButton"
  1190. onclick="showContent('applets')"/>
  1191. <em class="middleEm">偏展会活动</em>
  1192. <em class="rightEm">移动端</em>
  1193. <div class="templateImageDiv">
  1194. <img src="/static/template/beauty/applets/23.png">
  1195. </div>
  1196. </div>
  1197. <div id="appletsTemplate24" class="displayTemplate">
  1198. <form:radiobutton path="templateType" name="templateType" value="74" label="模板24" id="templateType74"
  1199. cssClass="templateButton"
  1200. onclick="showContent('applets')"/>
  1201. <em class="middleEm">偏展会活动</em>
  1202. <em class="rightEm">移动端</em>
  1203. <div class="templateImageDiv">
  1204. <img src="/static/template/beauty/applets/24.png">
  1205. </div>
  1206. </div>
  1207. <div id="appletsTemplate25" class="displayTemplate">
  1208. <form:radiobutton path="templateType" name="templateType" value="75" label="模板25" id="templateType75"
  1209. cssClass="templateButton"
  1210. onclick="showContent('applets')"/>
  1211. <em class="middleEm">偏展会活动</em>
  1212. <em class="rightEm">移动端</em>
  1213. <div class="templateImageDiv">
  1214. <img src="/static/template/beauty/applets/25.png">
  1215. </div>
  1216. </div>
  1217. <div id="appletsTemplate26" class="displayTemplate">
  1218. <form:radiobutton path="templateType" name="templateType" value="76" label="模板26" id="templateType76"
  1219. cssClass="templateButton"
  1220. onclick="showContent('applets')"/>
  1221. <em class="middleEm">偏展会活动</em>
  1222. <em class="rightEm">移动端</em>
  1223. <div class="templateImageDiv">
  1224. <img src="/static/template/beauty/applets/26.png">
  1225. </div>
  1226. </div>
  1227. <div id="appletsTemplate27" class="displayTemplate">
  1228. <form:radiobutton path="templateType" name="templateType" value="77" label="模板27" id="templateType77"
  1229. cssClass="templateButton"
  1230. onclick="showContent('applets')"/>
  1231. <em class="middleEm">偏展会活动</em>
  1232. <em class="rightEm">移动端</em>
  1233. <div class="templateImageDiv">
  1234. <img src="/static/template/beauty/applets/27.png">
  1235. </div>
  1236. </div>
  1237. <div id="appletsTemplate28" class="displayTemplate">
  1238. <form:radiobutton path="templateType" name="templateType" value="78" label="模板28" id="templateType78"
  1239. cssClass="templateButton"
  1240. onclick="showContent('applets')"/>
  1241. <em class="middleEm">偏展会活动</em>
  1242. <em class="rightEm">移动端</em>
  1243. <div class="templateImageDiv">
  1244. <img src="/static/template/beauty/applets/28.png">
  1245. </div>
  1246. </div>
  1247. <div id="appletsTemplate29" class="displayTemplate">
  1248. <form:radiobutton path="templateType" name="templateType" value="79" label="模板29" id="templateType79"
  1249. cssClass="templateButton"
  1250. onclick="showContent('applets')"/>
  1251. <em class="middleEm">偏展会活动</em>
  1252. <em class="rightEm">移动端</em>
  1253. <div class="templateImageDiv">
  1254. <img src="/static/template/beauty/applets/29.png">
  1255. </div>
  1256. </div>
  1257. <div id="appletsTemplate30" class="displayTemplate">
  1258. <form:radiobutton path="templateType" name="templateType" value="80" label="模板30" id="templateType80"
  1259. cssClass="templateButton"
  1260. onclick="showContent('applets')"/>
  1261. <em class="middleEm">偏展会活动</em>
  1262. <em class="rightEm">移动端</em>
  1263. <div class="templateImageDiv">
  1264. <img src="/static/template/beauty/applets/26.png">
  1265. </div>
  1266. </div>
  1267. <div id="appletsTemplate31" class="displayTemplate">
  1268. <form:radiobutton path="templateType" name="templateType" value="81" label="模板31" id="templateType81"
  1269. cssClass="templateButton"
  1270. onclick="showContent('applets')"/>
  1271. <em class="middleEm">偏展会活动</em>
  1272. <em class="rightEm">移动端</em>
  1273. <div class="templateImageDiv">
  1274. <img src="/static/template/beauty/applets/27.png">
  1275. </div>
  1276. </div>
  1277. <div id="appletsTemplate32" class="displayTemplate">
  1278. <form:radiobutton path="templateType" name="templateType" value="82" label="模板32" id="templateType82"
  1279. cssClass="templateButton"
  1280. onclick="showContent('applets')"/>
  1281. <em class="middleEm">偏展会活动</em>
  1282. <em class="rightEm">移动端</em>
  1283. <div class="templateImageDiv">
  1284. <img src="/static/template/beauty/applets/28.png">
  1285. </div>
  1286. </div>
  1287. <div id="appletsTemplate33" class="displayTemplate">
  1288. <form:radiobutton path="templateType" name="templateType" value="83" label="模板33" id="templateType83"
  1289. cssClass="templateButton"
  1290. onclick="showContent('applets')"/>
  1291. <em class="middleEm">偏展会活动</em>
  1292. <em class="rightEm">移动端</em>
  1293. <div class="templateImageDiv">
  1294. <img src="/static/template/beauty/applets/29.png">
  1295. </div>
  1296. </div>
  1297. </div>
  1298. </div>
  1299. </td>
  1300. </tr>
  1301. </table>
  1302. </div>
  1303. <div class="form-actions">
  1304. <shiro:hasPermission name="newhome:newPageFloor:edit"><input id="btnSubmit" class="btn btn-primary"
  1305. type="submit" onclick="changeRedirectFlag(1)"
  1306. value="保 存"/>&nbsp;</shiro:hasPermission>
  1307. <input id="btnSubmit" class="btn btn-primary"
  1308. type="submit" onclick="changeRedirectFlag(0)"
  1309. value="保存并继续"/>&nbsp;
  1310. <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
  1311. </div>
  1312. </form:form>
  1313. <script>
  1314. var adsImageList1 = [];
  1315. var adsImageList2 = [];
  1316. var adsImageList3 = [];
  1317. var infoImageList = [];
  1318. var videoImageList= [];
  1319. var productImageList = [];
  1320. var productIds = '';
  1321. $(function () {
  1322. $('.upload-content .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
  1323. $('.upload-content .conList .btn:nth-of-type(2)').after('<img class="cancel-upload" src="/static/images/close-btn1.png">').remove();
  1324. $('.upload-content .conList').find('.cancel-upload').hide();
  1325. var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  1326. var MutationObserverConfig = {
  1327. childList: true,
  1328. subtree: true,
  1329. characterData: true
  1330. };
  1331. var observer = new MutationObserver(function (mutations) {
  1332. $.each(mutations, function (index, item) {
  1333. if (item.type === 'childList') {
  1334. // 在创建新的 element 时调用
  1335. var target = $(item.target),
  1336. thisWrapper = target.closest('.conList'),
  1337. nextEle = thisWrapper.next();
  1338. thisWrapper.find('li').css('z-index', 99);
  1339. thisWrapper.find('.cancel-upload').show();
  1340. if (nextEle.hasClass('hide-pic')) {
  1341. nextEle.removeClass('hide-pic');
  1342. }
  1343. }
  1344. })
  1345. });
  1346. for (var i = 0; i < 10; i++) {
  1347. var observeEle = document.getElementsByClassName('upload-content')[i];
  1348. observer.observe(observeEle, MutationObserverConfig)
  1349. }
  1350. $('body').on('click', '.cancel-upload', function () {
  1351. var wrapper = $(this).closest('.conList');
  1352. wrapper.find('li').css('z-index', '-1');
  1353. wrapper.find('input').val('');
  1354. $(this).hide();
  1355. wrapper.removeClass("hide-pic");
  1356. wrapper.parent().append(wrapper.clone());
  1357. wrapper.remove();
  1358. $(".conList").each(function (i, ele) {
  1359. if ($(ele).find("input.input-xlarge").val()) {
  1360. $(ele).next().removeClass("hide-pic")
  1361. }
  1362. })
  1363. });
  1364. $(window).on("load", function () {
  1365. // 默认展示pc模板
  1366. $("#templateClassify").val('pc');
  1367. setTimeout(showImage(), 100);
  1368. });
  1369. var templateType = $("input[name='templateType']:checked").val();
  1370. if (templateType != undefined) {
  1371. //数据填充
  1372. if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 29)) {
  1373. <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
  1374. adsImageList1.push({
  1375. id: "${floorImage.id}",
  1376. image: "${floorImage.image}",
  1377. appletsImage: "${floorImage.appletsImage}",
  1378. adsImage: "${floorImage.adsImage}",
  1379. link: "${floorImage.link}",
  1380. sort: "${floorImage.sort}",
  1381. pcStatus: "${floorImage.pcStatus}",
  1382. appletsStatus: "${floorImage.appletsStatus}",
  1383. createDate: "${floorImage.createDate}"
  1384. });
  1385. </c:forEach>
  1386. }
  1387. else if (templateType >= 30 && templateType <=33) {
  1388. <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
  1389. videoImageList.push({
  1390. id: "${floorImage.id}",
  1391. image: "${floorImage.image}",
  1392. link: "${floorImage.link}",
  1393. sort: "${floorImage.sort}",
  1394. pcStatus: "${floorImage.pcStatus}",
  1395. appletsStatus: "${floorImage.appletsStatus}",
  1396. createDate: "${floorImage.createDate}"
  1397. });
  1398. </c:forEach>
  1399. }
  1400. else if (templateType >= 3 && templateType <=6) {
  1401. <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
  1402. infoImageList.push({
  1403. id: "${floorImage.id}",
  1404. name: "${floorImage.name}",
  1405. image: "${floorImage.image}",
  1406. appletsImage: "${floorImage.appletsImage}",
  1407. adsImage: "${floorImage.adsImage}",
  1408. content: "${floorImage.content}",
  1409. link: "${floorImage.link}",
  1410. sort: "${floorImage.sort}",
  1411. pcStatus: "${floorImage.pcStatus}",
  1412. appletsStatus: "${floorImage.appletsStatus}",
  1413. createDate: "${floorImage.createDate}"
  1414. });
  1415. </c:forEach>
  1416. } else if (templateType >= 11 && templateType <= 21) {
  1417. <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
  1418. productImageList.push({
  1419. id: "${floorImage.id}",
  1420. productId: "${empty floorImage.productId ? "":floorImage.productId}",
  1421. image: "${floorImage.image}",
  1422. name: "${floorImage.name}",
  1423. link: "${floorImage.link}",
  1424. sort: "${floorImage.sort}",
  1425. pcStatus: "${floorImage.pcStatus}",
  1426. appletsStatus: "${floorImage.appletsStatus}",
  1427. label: "${floorImage.label}",
  1428. createDate: "${floorImage.createDate}"
  1429. });
  1430. </c:forEach>
  1431. } else if (templateType >= 22 && templateType <= 25) {
  1432. <c:forEach items="${floorContent.floorImageList}" var="floorImage" varStatus="index">
  1433. adsImageList1.push({
  1434. id: "${floorImage.id}",
  1435. image: "${floorImage.image}",
  1436. appletsImage: "${floorImage.appletsImage}",
  1437. adsImage: "${floorImage.adsImage}",
  1438. link: "${floorImage.link}",
  1439. sort: "${floorImage.sort}",
  1440. pcStatus: "${floorImage.pcStatus}",
  1441. appletsStatus: "${floorImage.appletsStatus}",
  1442. createDate: "${floorImage.createDate}"
  1443. });
  1444. </c:forEach>
  1445. <c:forEach items="${floorContent.floorImageList2}" var="floorImage" varStatus="index">
  1446. adsImageList2.push({
  1447. id: "${floorImage.id}",
  1448. image: "${floorImage.image}",
  1449. appletsImage: "${floorImage.appletsImage}",
  1450. adsImage: "${floorImage.adsImage}",
  1451. link: "${floorImage.link}",
  1452. sort: "${floorImage.sort}",
  1453. pcStatus: "${floorImage.pcStatus}",
  1454. appletsStatus: "${floorImage.appletsStatus}",
  1455. createDate: "${floorImage.createDate}"
  1456. });
  1457. </c:forEach>
  1458. <c:forEach items="${floorContent.floorImageList3}" var="floorImage" varStatus="index">
  1459. adsImageList3.push({
  1460. id: "${floorImage.id}",
  1461. image: "${floorImage.image}",
  1462. appletsImage: "${floorImage.appletsImage}",
  1463. adsImage: "${floorImage.adsImage}",
  1464. link: "${floorImage.link}",
  1465. sort: "${floorImage.sort}",
  1466. pcStatus: "${floorImage.pcStatus}",
  1467. appletsStatus: "${floorImage.appletsStatus}",
  1468. createDate: "${floorImage.createDate}"
  1469. });
  1470. </c:forEach>
  1471. }
  1472. }
  1473. showContent('pc');
  1474. });
  1475. //展示选中模板对应的表单
  1476. function showContent(templateClassify) {
  1477. $("#templateClassify").val(templateClassify);
  1478. var list = [];
  1479. var type;
  1480. for (var i = 1; i <= 33; i++) {
  1481. if ('pc' == templateClassify) {
  1482. list.push('#pcTemplate' + i);
  1483. } else {
  1484. list.push('#appletsTemplate' + i);
  1485. }
  1486. }
  1487. var templateType = parseInt($("input[name='templateType']:checked").val());
  1488. if (templateType > 50) {
  1489. templateType = templateType - 50;
  1490. }
  1491. $('.Image1').hide();
  1492. $('.Image2').hide();
  1493. $('.Image3').hide();
  1494. $('.Image4').hide();
  1495. $('.Image5').hide();
  1496. if (!isNaN(templateType)) {
  1497. if ('pc' == templateClassify) {
  1498. toTop(list, '#pcTemplate', $("#pcTemplate" + templateType))
  1499. } else {
  1500. toTop(list, '#appletsTemplate', $("#appletsTemplate" + templateType))
  1501. }
  1502. //滚动条滚动到最上方
  1503. document.getElementById("templateTd").scrollTop = 0;
  1504. //展示模板内容表单
  1505. $("#infoLabel").hide();
  1506. $(".templateImageTable").show();
  1507. $("#displayDateDiv").css('display', 'none');
  1508. $("#adsImageTable").hide();
  1509. $("#videoImageTable").hide();
  1510. $("#infoImageTable").hide();
  1511. $("#productImageTable").hide();
  1512. //广告图
  1513. if (templateType == 11 || templateType == 12 || templateType == 15) {
  1514. $('.Image1').show();
  1515. $('.Image2').show();
  1516. $('.Image3').show();
  1517. } else if (templateType == 13) {
  1518. $('.Image1').show();
  1519. $('.Image2').show();
  1520. $('.Image3').show();
  1521. $('.Image4').show();
  1522. $('.Image5').show();
  1523. } else if (templateType == 16 || templateType == 17) {
  1524. $('.Image1').show();
  1525. $('.Image2').show();
  1526. } else if (templateType == 18 || templateType == 19 || templateType == 20) {
  1527. $('.Image1').show();
  1528. }
  1529. //删除按钮和表格展示
  1530. if (templateType == 1 || templateType == 2 || (templateType >= 7 && templateType <= 10) || (templateType >= 26 && templateType <= 29)) {
  1531. if (adsImageList1.length == 0) {
  1532. $("#del").attr("disabled", "disabled");
  1533. } else {
  1534. $("#adsImageTable").show();
  1535. $("#del").removeAttr("disabled");
  1536. }
  1537. type = 'adsImage';
  1538. }else if (templateType >= 30 && templateType <=33) {
  1539. if (videoImageList.length == 0) {
  1540. $("#del").attr("disabled", "disabled");
  1541. } else {
  1542. $("#videoImageTable").show();
  1543. $("#del").removeAttr("disabled");
  1544. }
  1545. type = 'videoImage';
  1546. } else if (templateType >= 3 && templateType <=6) {
  1547. if (infoImageList.length == 0) {
  1548. $("#del").attr("disabled", "disabled");
  1549. } else {
  1550. $("#infoImageTable").show();
  1551. $("#del").removeAttr("disabled");
  1552. }
  1553. type = 'infoImage';
  1554. } else if (templateType >= 11 && templateType <= 21) {
  1555. //图片表格
  1556. if (productImageList.length == 0) {
  1557. $("#del").attr("disabled", "disabled");
  1558. } else {
  1559. $("#productImageTable").show();
  1560. $("#del").removeAttr("disabled");
  1561. }
  1562. type = 'productImage';
  1563. } else if (templateType >= 22 && templateType <= 25) {
  1564. $("#displayDateDiv").css('display', 'inline');
  1565. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  1566. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  1567. if (imageList.length == 0) {
  1568. $("#del").attr("disabled", "disabled");
  1569. } else if(templateType >= 26 && templateType <= 29){
  1570. $("#adsImageTable").show();
  1571. $("#del").removeAttr("disabled");
  1572. type = 'adsImage';
  1573. }else{
  1574. $("#videoImageTable").show();
  1575. $("#del").removeAttr("disabled");
  1576. }
  1577. type = 'videoImage';
  1578. }
  1579. $("#type").val(type);
  1580. //广告图建议尺寸
  1581. if (templateType == 11) {
  1582. $("#pcImageSize1").text("建议图片分辨率1140px*150px");
  1583. $("#appletsImageSize1").text("建议图片分辨率702px*240px");
  1584. $("#pcImageSize2").text("建议图片分辨率560px*220px");
  1585. $("#appletsImageSize2").text("建议图片分辨率339px*260px");
  1586. $("#pcImageSize3").text("建议图片分辨率560px*220px");
  1587. $("#appletsImageSize3").text("建议图片分辨率339px*260px");
  1588. } else if (templateType == 12) {
  1589. $("#pcImageSize1").text("建议图片分辨率660px*330px");
  1590. $("#appletsImageSize1").text("建议图片分辨率339px*516px");
  1591. $("#pcImageSize2").text("建议图片分辨率470px*160px");
  1592. $("#appletsImageSize2").text("建议图片分辨率339px*246px");
  1593. $("#pcImageSize3").text("建议图片分辨率470px*160px");
  1594. $("#appletsImageSize3").text("建议图片分辨率339px*246px");
  1595. } else if (templateType == 13) {
  1596. $("#pcImageSize1").text("建议图片分辨率640px*320px");
  1597. $("#appletsImageSize1").text("建议图片分辨率339px*516px");
  1598. $("#pcImageSize2").text("建议图片分辨率240px*150px");
  1599. $("#appletsImageSize2").text("建议图片分辨率339px*246px");
  1600. $("#pcImageSize3").text("建议图片分辨率240px*150px");
  1601. $("#appletsImageSize3").text("建议图片分辨率339px*246px");
  1602. $("#pcImageSize4").text("建议图片分辨率240px*150px");
  1603. $("#appletsImageSize4").text("建议图片分辨率339px*246px");
  1604. $("#pcImageSize5").text("建议图片分辨率240px*150px");
  1605. $("#appletsImageSize5").text("建议图片分辨率339px*246px");
  1606. } else if (templateType == 15 || templateType == 16 || templateType == 19 || templateType == 20) {
  1607. $("#pcImageSize1").text("建议图片分辨率1140px*150px");
  1608. $("#appletsImageSize1").text("建议图片分辨率702px*240px");
  1609. $("#pcImageSize2").text("建议图片分辨率660px*330px");
  1610. $("#appletsImageSize2").text("建议图片分辨率339px*516px");
  1611. $("#pcImageSize3").text("建议图片分辨率460px*330px");
  1612. $("#appletsImageSize3").text("建议图片分辨率339px*516px");
  1613. } else if (templateType == 17 || templateType == 18) {
  1614. $("#pcImageSize1").text("建议图片分辨率660px*330px");
  1615. $("#appletsImageSize1").text("建议图片分辨率339px*516px");
  1616. $("#pcImageSize2").text("建议图片分辨率460px*330px");
  1617. $("#appletsImageSize2").text("建议图片分辨率339px*516px");
  1618. }
  1619. showImage();
  1620. batchSaveSort();
  1621. } else {
  1622. $("#infoLabel").show();
  1623. $(".templateImageTable").hide();
  1624. }
  1625. }
  1626. //被选中的模板置顶
  1627. function toTop(list = [], parent, children) {
  1628. list.forEach(function (item, index) {
  1629. $(parent).append($(item))
  1630. })
  1631. $(parent).prepend($(children))
  1632. }
  1633. //展示图片
  1634. function showImage() {
  1635. for (var i = 0; i <= 5; i++) {
  1636. $("#pcAdsImage" + i).find("input.input-xlarge").each(function (j, ele) {
  1637. if ($(ele).val() && $(ele).val() != '') {
  1638. $(ele).next().find("li").css("z-index", "99");
  1639. $(ele).parents(".conList").find(".cancel-upload").show();
  1640. $(ele).parents(".conList").next().removeClass("hide-pic");
  1641. } else {
  1642. $("#pcAdsImage" + i + " .cancel-upload").click();
  1643. }
  1644. });
  1645. $("#appletsAdsImage" + i).find("input.input-xlarge").each(function (j, ele) {
  1646. if ($(ele).val() && $(ele).val() != '') {
  1647. $(ele).next().find("li").css("z-index", "99");
  1648. $(ele).parents(".conList").find(".cancel-upload").show();
  1649. $(ele).parents(".conList").next().removeClass("hide-pic")
  1650. } else {
  1651. $("#appletsAdsImage" + i + " .cancel-upload").click();
  1652. }
  1653. });
  1654. }
  1655. }
  1656. //点击添加
  1657. function showSelect(url) {
  1658. var title = '添加';
  1659. var width = $(top.document).width() - 800;
  1660. var height = $(top.document).height() - 160;
  1661. var type = $("#type").val();
  1662. var pageId= $("#pageId").val();
  1663. var templateType = $("input[name='templateType']:checked").val();
  1664. console.log(type);
  1665. if (type == 'adsImage') {
  1666. url = url + "?pageId="+pageId+"&type=adsImage&templateType=" + templateType;
  1667. } else if(type == 'videoImage'){
  1668. url = url + "?pageId="+pageId+"&type=adsImage&templateType=" + templateType;
  1669. }
  1670. else if (type == 'infoImage') {
  1671. url = url + "?type=infoImage&templateType=" + templateType;
  1672. }
  1673. else {
  1674. url = url + "?type=productImage&productCategory=1&productIds=" + productIds + "&templateType=" + templateType;
  1675. title = '商品图片';
  1676. width = $(top.document).width() - 400;
  1677. height = $(top.document).height() - 160;
  1678. }
  1679. top.$.jBox("iframe:" + url, {
  1680. iframeScrolling: 'yes',
  1681. width: width,
  1682. height: height,
  1683. persistent: true,
  1684. title: title,
  1685. buttons: {"确定": '1', "取消": '-1'},
  1686. submit: function (v, h, f) {
  1687. //确定
  1688. var $jboxFrame = top.$('#jbox-iframe');
  1689. var $mainFrame = top.$('#mainFrame');
  1690. if ('1' == v && 1 == $jboxFrame.size() && 1 == $mainFrame.size()) {
  1691. var items = $jboxFrame[0].contentWindow.getCheckedItems();
  1692. items.createDate = '<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>';
  1693. console.log(items);
  1694. if (type == 'adsImage') {
  1695. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  1696. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  1697. // 宣传图活动
  1698. if (items.image == '') {
  1699. alertx("请上传PC图片");
  1700. return false;
  1701. }
  1702. if (items.appletsImage == '') {
  1703. alertx("请上传小程序图片");
  1704. return false;
  1705. }
  1706. if (items.sort == '') {
  1707. alertx("请输入排序值");
  1708. return false;
  1709. }
  1710. imageList.push(items);
  1711. if (displayDateNo == 1) {
  1712. adsImageList1 = imageList;
  1713. } else if (displayDateNo == 2) {
  1714. adsImageList2 = imageList;
  1715. } else if (displayDateNo == 3) {
  1716. adsImageList3 = imageList;
  1717. }
  1718. $('#adsImageTable').show();
  1719. $('#infoImageTable').hide();
  1720. $('#productImageTable').hide();
  1721. $('#videoImageTable').hide();
  1722. } else if (type == 'videoImage') {
  1723. //信息宣传图活动
  1724. if (items.image == '') {
  1725. alertx("请上传视频封面图片");
  1726. return false;
  1727. }
  1728. if (items.sort == '') {
  1729. alertx("请输入排序值");
  1730. return false;
  1731. }
  1732. if(items.link ==''){
  1733. alertx("请上传视频");
  1734. return false;
  1735. }
  1736. videoImageList.push(items);
  1737. $('#adsImageTable').hide();
  1738. $('#infoImageTable').hide();
  1739. $('#productImageTable').hide();
  1740. $('#videoImageTable').show();
  1741. } else if (type == 'infoImage') {
  1742. //信息宣传图活动
  1743. if (items.image == '') {
  1744. alertx("请上传PC图片");
  1745. return false;
  1746. }
  1747. if (items.appletsImage == '') {
  1748. alertx("请上传小程序图片");
  1749. return false;
  1750. }
  1751. if (items.name == '') {
  1752. alertx("请输入名称");
  1753. return false;
  1754. }
  1755. if (items.content == '') {
  1756. alertx("请输入名称");
  1757. return false;
  1758. }
  1759. if (items.sort == '') {
  1760. alertx("请输入排序值");
  1761. return false;
  1762. }
  1763. infoImageList.push(items);
  1764. $('#adsImageTable').hide();
  1765. $('#infoImageTable').show();
  1766. $('#productImageTable').hide();
  1767. $('#videoImageTable').hide();
  1768. } else {
  1769. //商品图片活动
  1770. for (var i = 0; i < items.length; i++) {
  1771. console.log('**-*-**'+items)
  1772. if (items.productId == "") {
  1773. if (items.image == '') {
  1774. alertx("请上传图片");
  1775. return false;
  1776. }
  1777. if (items.name == '') {
  1778. alertx("请输入名称");
  1779. return false;
  1780. }
  1781. if (items.link == '') {
  1782. alertx("请输入跳转链接");
  1783. return false;
  1784. }
  1785. if (items.sort == '') {
  1786. alertx("请输入排序值");
  1787. return false;
  1788. }
  1789. if (items.label == '') {
  1790. alertx("请输入标签");
  1791. return false;
  1792. }
  1793. }
  1794. }
  1795. productImageList = productImageList.concat(items);
  1796. $('#adsImageTable').hide();
  1797. $('#infoImageTable').hide();
  1798. $('#productImageTable').show();
  1799. $('#videoImageTable').hide();
  1800. }
  1801. $("#del").removeAttr("disabled");
  1802. batchSaveSort();
  1803. }
  1804. return true;
  1805. }
  1806. });
  1807. }
  1808. //相关图片列表数据
  1809. function appendShopOrderHead(data, index) {
  1810. var type = $("#type").val();
  1811. var html = '<tr id ="ads' + index + '">' +
  1812. '<td>' +
  1813. '<input class="check-item" type="checkbox" name="info" value="' + index + '"/>' + (index + 1) +
  1814. '</td>' +
  1815. '<td>' +
  1816. '<img src="' + data.image + '" width="60px" border="none" title="启用">' +
  1817. '</td>' +
  1818. (type == 'adsImage' || type == 'infoImage' ? (
  1819. '<td>' + '<img src="' + data.appletsImage + '" width="60px" border="none">' + '</td>'
  1820. ) : '') +
  1821. (type == 'infoImage' ? (
  1822. ('<td>' + '<input value="' + data.name + '" onchange="changeName(' + index + ',this)">' + '</td>') +
  1823. ('<td>' + '<input value="' + data.content + '" onchange="changeContent(' + index + ',this)">' + '</td>')
  1824. ) : '') +
  1825. (type == 'productImage' ?
  1826. ('<td>' + (data.productId == '' ? ('<input name="name" value="' + data.name + '" onchange="changeName(' + index + ',this)">') : (data.name)) + '</td>') : '') +
  1827. (type == 'adsImage' || type == 'infoImage' ? (
  1828. ('<td>' + '<input value="' + data.link + '" onchange="changeLink(' + index + ',this)">' + '</td>') +
  1829. ('<td>' + '<img src="' + data.adsImage + '" width="60px" border="none">' + '</td>')
  1830. ) :
  1831. (
  1832. ('<td>' + (data.productId == '' ? ('<input value="' + data.link + '" onchange="changeLink(' + index + ',this)">') : ('------')) + '</td>') +
  1833. ('<td>' + (data.productId == '' ? ('<input value="' + data.label + '" onchange="changeLabel(' + index + ',this)" maxlength = "10">') : ('------')) + '</td>')
  1834. )
  1835. ) +
  1836. '<td>' +
  1837. (data.pcStatus == 1 ? (
  1838. '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
  1839. '<a href="javascript:void(0);" onclick="updatePcStatus(0,' + index + ');" >' +
  1840. '停用</a>'
  1841. ) : (
  1842. '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
  1843. '<a href="javascript:void(0)" onclick="updatePcStatus(1,' + index + ');">' +
  1844. '启用</a>'
  1845. )) +
  1846. '</td>' +
  1847. '<td>' +
  1848. (data.appletsStatus == 1 ? (
  1849. '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
  1850. '<a href="javascript:void(0);" onclick="updateAppletsStatus(0,' + index + ');" >' +
  1851. '停用</a>'
  1852. ) : (
  1853. '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
  1854. '<a href="javascript:void(0)" onclick="updateAppletsStatus(1,' + index + ');">' +
  1855. '启用</a>'
  1856. )) +
  1857. '</td>' +
  1858. '<td>' +
  1859. '<input name="sort" style="width:50px;" value="' + data.sort + '" onkeyup="onlynum(this)" onchange="changeSort(' + index + ',this)"></td>' +
  1860. '</td>' +
  1861. '<td>' +
  1862. (data.createDate == '' ? (
  1863. '<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>'
  1864. ) : (
  1865. data.createDate
  1866. )) +
  1867. '</td>' +
  1868. '<td>' +
  1869. (type == 'adsImage' || type == 'infoImage' || type == 'videoImage' ? (
  1870. '<a href="javascript:;" onclick="update(' + index + ')">编辑</a>'
  1871. ) : '') +
  1872. ' <a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
  1873. '</td>' +
  1874. '</tr>';
  1875. return html;
  1876. }
  1877. //相关图片列表数据
  1878. function appendVideoHead(data, index) {
  1879. var type = $("#type").val();
  1880. var html = '<tr id ="ads' + index + '">' +
  1881. '<td>' +
  1882. '<input class="check-item" type="checkbox" name="info" value="' + index + '"/>' + (index + 1) +
  1883. '</td>' +
  1884. '<td>' +
  1885. '<img src="' + data.image + '" width="60px" border="none" title="启用">' +
  1886. '</td>' +
  1887. ('<td hidden>' + data.link + '</td>') +
  1888. '<td>' +
  1889. (data.pcStatus == 1 ? (
  1890. '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
  1891. '<a href="javascript:void(0);" onclick="updatePcStatus(0,' + index + ');" >' +
  1892. '停用</a>'
  1893. ) : (
  1894. '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
  1895. '<a href="javascript:void(0)" onclick="updatePcStatus(1,' + index + ');">' +
  1896. '启用</a>'
  1897. )) +
  1898. '</td>' +
  1899. '<td>' +
  1900. (data.appletsStatus == 1 ? (
  1901. '<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
  1902. '<a href="javascript:void(0);" onclick="updateAppletsStatus(0,' + index + ');" >' +
  1903. '停用</a>'
  1904. ) : (
  1905. '<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
  1906. '<a href="javascript:void(0)" onclick="updateAppletsStatus(1,' + index + ');">' +
  1907. '启用</a>'
  1908. )) +
  1909. '</td>' +
  1910. '<td>' +
  1911. '<input name="sort" style="width:50px;" value="' + data.sort + '" onkeyup="onlynum(this)" onchange="changeSort(' + index + ',this)"></td>' +
  1912. '</td>' +
  1913. '<td>' +
  1914. (data.createDate == '' ? (
  1915. '<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>'
  1916. ) : (
  1917. data.createDate
  1918. )) +
  1919. '</td>' +
  1920. '<td>' +
  1921. (type == 'adsImage' || type == 'infoImage' || type == 'videoImage' ? (
  1922. '<a href="javascript:;" onclick="update(' + index + ')">编辑</a>'
  1923. ) : '') +
  1924. ' <a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
  1925. '</td>' +
  1926. '</tr>';
  1927. return html;
  1928. }
  1929. function insertHtml(list) {
  1930. var html = '';
  1931. var type = $("#type").val();
  1932. if (type == 'adsImage') {
  1933. list.forEach(function (item, index) {
  1934. html += appendShopOrderHead(item, index);
  1935. })
  1936. $("#adsImageTbody").html(html);
  1937. } else if (type == 'videoImage') {
  1938. list.forEach(function (item, index) {
  1939. html += appendVideoHead(item, index);
  1940. })
  1941. $("#videoImageTbody").html(html);
  1942. } else if (type == 'infoImage') {
  1943. list.forEach(function (item, index) {
  1944. html += appendShopOrderHead(item, index);
  1945. })
  1946. $("#infoImageTbody").html(html);
  1947. } else {
  1948. productIds = '';
  1949. list.forEach(function (item, index) {
  1950. html += appendShopOrderHead(item, index);
  1951. productIds += "," + item.productId;
  1952. });
  1953. $("#productImageTbody").html(html);
  1954. }
  1955. }
  1956. /**
  1957. * 一键排序
  1958. */
  1959. function batchSaveSort() {
  1960. var type = $("#type").val();
  1961. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  1962. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  1963. if (type == 'adsImage') {
  1964. imageList.sort(sort);
  1965. insertHtml(imageList);
  1966. if (displayDateNo == 1) {
  1967. adsImageList1 = imageList;
  1968. } else if (displayDateNo == 2) {
  1969. adsImageList2 = imageList;
  1970. } else if (displayDateNo == 3) {
  1971. adsImageList3 = imageList;
  1972. }
  1973. } else if (type == 'videoImage') {
  1974. videoImageList.sort(sort);
  1975. insertHtml(videoImageList);
  1976. } else if (type == 'infoImage') {
  1977. infoImageList.sort(sort);
  1978. insertHtml(infoImageList);
  1979. } else {
  1980. productImageList.sort(sort);
  1981. insertHtml(productImageList);
  1982. }
  1983. }
  1984. //根据sort值 从小到大排序
  1985. function sort(a, b) {
  1986. return ((a.sort - b.sort) == 0 ? (a.createDate > b.createDate ? -1 : 1) : (a.sort - b.sort));
  1987. }
  1988. /**
  1989. * @param obj
  1990. * jquery控制input只能输入数字
  1991. */
  1992. function onlynum(obj) {
  1993. obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
  1994. }
  1995. function changeSort(index, sortThis) {
  1996. var sort = sortThis.value;
  1997. var image = getImage(index);
  1998. image.sort = sort;
  1999. }
  2000. function changeName(index, nameThis) {
  2001. var name = nameThis.value;
  2002. var image = getImage(index);
  2003. image.name = name;
  2004. }
  2005. function changeContent(index, nameThis) {
  2006. var content = nameThis.value;
  2007. var image = infoImageList[index];
  2008. image.content = content;
  2009. }
  2010. function changeLink(index, linkThis) {
  2011. var link = linkThis.value;
  2012. var image = getImage(index);
  2013. image.link = link;
  2014. }
  2015. function changeLabel(index, labelThis) {
  2016. var label = labelThis.value;
  2017. var image = productImageList[index];
  2018. image.label = label;
  2019. }
  2020. /**
  2021. * 删除操作
  2022. */
  2023. function delect(index) {
  2024. var type = $("#type").val();
  2025. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  2026. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  2027. return confirmx("确定删除该数据吗?", function () {
  2028. var image = getImage(index);
  2029. if (type == 'adsImage') {
  2030. imageList.splice(index, 1);
  2031. insertHtml(adsImageList1);
  2032. if (imageList.length == 0) {
  2033. $("#del").attr("disabled", "disabled");
  2034. $('#adsImageTable').hide();
  2035. }
  2036. if (displayDateNo == 1) {
  2037. adsImageList1 = imageList;
  2038. } else if (displayDateNo == 2) {
  2039. adsImageList2 = imageList;
  2040. } else if (displayDateNo == 3) {
  2041. adsImageList3 = imageList;
  2042. }
  2043. }else if (type == 'videoImage') {
  2044. videoImageList.splice(index, 1);
  2045. insertHtml(videoImageList);
  2046. if (videoImageList.length == 0) {
  2047. $("#del").attr("disabled", "disabled");
  2048. $('#videoImageTable').hide();
  2049. }
  2050. } else if (type == 'infoImage') {
  2051. infoImageList.splice(index, 1);
  2052. insertHtml(infoImageList);
  2053. if (infoImageList.length == 0) {
  2054. $("#del").attr("disabled", "disabled");
  2055. $('#infoImageTable').hide();
  2056. }
  2057. } else {
  2058. if (image.productId != '') {
  2059. productIds = productIds.replace(image.productId, "");
  2060. }
  2061. productImageList.splice(index, 1);
  2062. insertHtml(productImageList);
  2063. if (productImageList.length == 0) {
  2064. $("#del").attr("disabled", "disabled");
  2065. $('#productImageTable').hide();
  2066. }
  2067. }
  2068. });
  2069. }
  2070. /**
  2071. * 批量删除
  2072. */
  2073. function batchDeletion() {
  2074. var index = -1;
  2075. var i = 1;
  2076. var type = $("#type").val();
  2077. var length = $('input[name="info"]:checked').length;
  2078. if (length > 0) {
  2079. return confirmx("确定删除吗?", function () {
  2080. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  2081. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  2082. $('input[name="info"]:checked').each(function () {
  2083. var thisIndex = $(this).val();
  2084. if (index >= 0 && index < thisIndex) {
  2085. thisIndex = thisIndex - i;
  2086. i++;
  2087. } else {
  2088. index = thisIndex;
  2089. }
  2090. var image = getImage(thisIndex);
  2091. if (type == 'adsImage') {
  2092. imageList.splice(thisIndex, 1);
  2093. } else if (type == 'videoImage') {
  2094. videoImageList.splice(thisIndex, 1);
  2095. } else if (type == 'infoImage') {
  2096. infoImageList.splice(thisIndex, 1);
  2097. } else {
  2098. if (image.productId != '') {
  2099. productIds = productIds.replace(image.productId, "");
  2100. }
  2101. productImageList.splice(thisIndex, 1);
  2102. }
  2103. });
  2104. if (type == 'adsImage') {
  2105. insertHtml(imageList);
  2106. if (imageList.length == 0) {
  2107. $("#del").attr("disabled", "disabled");
  2108. $('#adsImageTable').hide();
  2109. } else {
  2110. $("#del").removeAttr("disabled");
  2111. }
  2112. if (displayDateNo == 1) {
  2113. adsImageList1 = imageList;
  2114. } else if (displayDateNo == 2) {
  2115. adsImageList2 = imageList;
  2116. } else if (displayDateNo == 3) {
  2117. adsImageList3 = imageList;
  2118. }
  2119. } else if (type == 'videoImage') {
  2120. insertHtml(videoImageList);
  2121. if (videoImageList.length == 0) {
  2122. $("#del").attr("disabled", "disabled");
  2123. $('#videoImageTable').hide();
  2124. } else {
  2125. $("#del").removeAttr("disabled");
  2126. }
  2127. } else if (type == 'infoImage') {
  2128. insertHtml(infoImageList);
  2129. if (infoImageList.length == 0) {
  2130. $("#del").attr("disabled", "disabled");
  2131. $('#infoImageTable').hide();
  2132. } else {
  2133. $("#del").removeAttr("disabled");
  2134. }
  2135. } else {
  2136. insertHtml(productImageList);
  2137. if (productImageList.length == 0) {
  2138. $('#productImageTable').hide();
  2139. $("#del").attr("disabled", "disabled");
  2140. } else {
  2141. $("#del").removeAttr("disabled");
  2142. }
  2143. }
  2144. });
  2145. } else {
  2146. alertx("请先选中要删除的数据")
  2147. }
  2148. }
  2149. /**
  2150. * 更新操作
  2151. */
  2152. function update(index) {
  2153. // 数据回显
  2154. var title = '编辑';
  2155. var width = $(top.document).width() - 800;
  2156. var height = $(top.document).height() - 160;
  2157. var type = $("#type").val();
  2158. var templateType = $("input[name='templateType']:checked").val();
  2159. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  2160. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  2161. var image = null;
  2162. var url = '${ctx}/newhome/newPageFloor/addActivityImage';
  2163. if (type == 'adsImage') {
  2164. image = imageList[index];
  2165. url = url + "?type=adsImage&templateType=" + templateType + "&image=" + image.image + "&appletsImage=" + image.appletsImage +
  2166. "&link=" + image.link + "&adsImage=" + image.adsImage + "&pcStatus=" + image.pcStatus +
  2167. "&appletsStatus=" + image.appletsStatus + "&sort=" + image.sort + "&createDate=" + image.createDate;
  2168. } else if (type == 'videoImage') {
  2169. image = videoImageList[index];
  2170. url = url + "?type=infoImage&templateType=" + templateType + "&image=" + image.image +
  2171. "&link=" + image.link + "&pcStatus=" + image.pcStatus +
  2172. "&appletsStatus=" + image.appletsStatus + "&sort=" + image.sort + "&createDate=" + image.createDate;
  2173. } else if (type == 'infoImage') {
  2174. image = infoImageList[index];
  2175. url = url + "?type=infoImage&templateType=" + templateType + "&image=" + image.image + "&appletsImage=" + image.appletsImage +
  2176. "&name=" + image.name + "&content=" + image.content + "&link=" + image.link + "&adsImage=" + image.adsImage + "&pcStatus=" + image.pcStatus +
  2177. "&appletsStatus=" + image.appletsStatus + "&sort=" + image.sort + "&createDate=" + image.createDate;
  2178. }
  2179. top.$.jBox("iframe:" + url, {
  2180. iframeScrolling: 'yes',
  2181. width: width,
  2182. height: height,
  2183. persistent: true,
  2184. title: title,
  2185. buttons: {"确定": '1', "取消": '-1'},
  2186. submit: function (v, h, f) {
  2187. //确定
  2188. var $jboxFrame = top.$('#jbox-iframe');
  2189. var $mainFrame = top.$('#mainFrame');
  2190. if ('1' == v && 1 == $jboxFrame.size() && 1 == $mainFrame.size()) {
  2191. var items = $jboxFrame[0].contentWindow.getCheckedItems();
  2192. items.createDate = '<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>';
  2193. console.log(items);
  2194. if (type == 'adsImage') {
  2195. // 宣传图活动
  2196. if (items.image == '') {
  2197. alertx("请上传PC图片");
  2198. return false;
  2199. }
  2200. if (items.appletsImage == '') {
  2201. alertx("请上传小程序图片");
  2202. return false;
  2203. }
  2204. if (items.sort == '') {
  2205. alertx("请输入排序值");
  2206. return false;
  2207. }
  2208. // 编辑成功,先删除原来的数据,再重新添加
  2209. imageList.splice(index, 1);
  2210. imageList.push(items);
  2211. if (displayDateNo == 1) {
  2212. adsImageList1 = imageList;
  2213. } else if (displayDateNo == 2) {
  2214. adsImageList2 = imageList;
  2215. } else if (displayDateNo == 3) {
  2216. adsImageList3 = imageList;
  2217. }
  2218. $('#adsImageTable').show();
  2219. $('#infoImageTable').hide();
  2220. $('#productImageTable').hide();
  2221. $('#videoImageTable').hide();
  2222. } else if (type == 'videoImage') {
  2223. //信息宣传图活动
  2224. if (items.image == '') {
  2225. alertx("请上传PC图片");
  2226. return false;
  2227. }
  2228. if (items.sort == '') {
  2229. alertx("请输入排序值");
  2230. return false;
  2231. }
  2232. // 编辑成功,先删除原来的数据,再重新添加
  2233. videoImageList.splice(index, 1);
  2234. videoImageList.push(items);
  2235. $('#adsImageTable').hide();
  2236. $('#infoImageTable').hide();
  2237. $('#productImageTable').hide();
  2238. $('#videoImageTable').show();
  2239. } else if (type == 'infoImage') {
  2240. //信息宣传图活动
  2241. if (items.image == '') {
  2242. alertx("请上传PC图片");
  2243. return false;
  2244. }
  2245. if (items.appletsImage == '') {
  2246. alertx("请上传小程序图片");
  2247. return false;
  2248. }
  2249. if (items.name == '') {
  2250. alertx("请输入名称");
  2251. return false;
  2252. }
  2253. if (items.content == '') {
  2254. alertx("请输入名称");
  2255. return false;
  2256. }
  2257. if (items.sort == '') {
  2258. alertx("请输入排序值");
  2259. return false;
  2260. }
  2261. // 编辑成功,先删除原来的数据,再重新添加
  2262. infoImageList.splice(index, 1);
  2263. infoImageList.push(items);
  2264. $('#adsImageTable').hide();
  2265. $('#infoImageTable').show();
  2266. $('#productImageTable').hide();
  2267. $('#videoImageTable').hide();
  2268. }
  2269. $("#del").removeAttr("disabled");
  2270. batchSaveSort();
  2271. }
  2272. return true;
  2273. }
  2274. });
  2275. }
  2276. function getImage(index) {
  2277. var image;
  2278. var type = $("#type").val();
  2279. if (type == 'adsImage') {
  2280. var displayDateNo = $("input[name='displayDateRadio']:checked").val();
  2281. var imageList = displayDateNo == 1 ? adsImageList1 : (displayDateNo == 2 ? adsImageList2 : adsImageList3);
  2282. image = imageList[index];
  2283. } else if (type == 'videoImage') {
  2284. image = videoImageList[index];
  2285. } else if (type == 'infoImage') {
  2286. image = infoImageList[index];
  2287. } else {
  2288. image = productImageList[index];
  2289. }
  2290. return image;
  2291. }
  2292. function updatePcStatus(status, index) {
  2293. var image = getImage(index);
  2294. confirmx(status == 0 ? '确定停用吗?' : '确定启用吗?', function () {
  2295. image.pcStatus = status;
  2296. batchSaveSort();
  2297. })
  2298. }
  2299. function updateAppletsStatus(status, index) {
  2300. var image = getImage(index);
  2301. confirmx(status == 0 ? '确定停用吗?' : '确定启用吗?', function () {
  2302. image.appletsStatus = status;
  2303. batchSaveSort();
  2304. })
  2305. }
  2306. function showTemplate() {
  2307. var title = '';
  2308. var url = "${ctx}/newhome/newPageFloor/showTemplate";
  2309. title = "模板";
  2310. top.$.jBox("iframe:" + url, {
  2311. iframeScrolling: 'yes',
  2312. width: $(top.document).width() - 600,
  2313. height: $(top.document).height() - 160,
  2314. persistent: true,
  2315. title: title,
  2316. buttons: {"关闭": '-1'}
  2317. })
  2318. }
  2319. function clickAllSelect(ckb) {
  2320. var isChecked = ckb.checked;
  2321. $(".check-item").attr('checked', isChecked);
  2322. }
  2323. //修改偏展会/商城筛选项
  2324. function changeTemplateSelect() {
  2325. let templateSelect = $("#templateSelect").val();
  2326. if (1 == templateSelect) {
  2327. $(".displayTemplate").removeClass("hide");
  2328. $(".mallTemplate").removeClass("hide");
  2329. } else if (2 == templateSelect) {
  2330. $(".displayTemplate").removeClass("hide");
  2331. $(".mallTemplate").addClass("hide");
  2332. } else if (3 == templateSelect) {
  2333. $(".mallTemplate").removeClass("hide");
  2334. $(".displayTemplate").addClass("hide");
  2335. }
  2336. }
  2337. //修改偏pc/移动端筛选项
  2338. function changeSourceSelect() {
  2339. let source = $("#sourceSelect").val();
  2340. var templateType = parseInt($("input[name='templateType']:checked").val());
  2341. if (1 == source) {
  2342. $("#pcTemplate").removeClass("hide");
  2343. $("#appletsTemplate").addClass("hide");
  2344. $('input:radio[id=templateType' + templateType + ']').attr('checked', false);
  2345. templateType = templateType - 50;
  2346. $('input:radio[id=templateType' + templateType + ']').attr('checked', true);
  2347. } else if (2 == source) {
  2348. $("#appletsTemplate").removeClass("hide");
  2349. $("#pcTemplate").addClass("hide");
  2350. $('input:radio[id=templateType' + templateType + ']').attr('checked', false);
  2351. templateType = templateType + 50;
  2352. $('input:radio[id=templateType' + templateType + ']').attr('checked', true);
  2353. }
  2354. showContent(1 == source ? 'pc' : 'applets');
  2355. }
  2356. // 保存完是否重定向到楼层列表
  2357. function changeRedirectFlag(redirectFlag) {
  2358. $("#redirectFlag").val(redirectFlag);
  2359. }
  2360. // 切换展示日期
  2361. function changeDisplayDate() {
  2362. var templateClassify = $("#templateClassify").val();
  2363. showContent(templateClassify);
  2364. }
  2365. </script>
  2366. </body>
  2367. </html>