zoneImageForm.jsp 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>专区轮播图管理</title>
  6. <meta name="decorator" content="default"/>
  7. <script type="text/javascript">
  8. $(document).ready(function() {
  9. //$("#name").focus();
  10. $("#inputForm").validate({
  11. submitHandler: function(form){
  12. var image = $("#image").val();
  13. if(image != undefined && image.trim() != ""){
  14. loading('正在提交,请稍等...');
  15. form.submit();
  16. }else {
  17. alertx("请先选择PC端图!");
  18. }
  19. },
  20. errorContainer: "#messageBox",
  21. errorPlacement: function(error, element) {
  22. $("#messageBox").text("输入有误,请先更正。");
  23. if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
  24. error.appendTo(element.parent().parent());
  25. } else {
  26. error.insertAfter(element);
  27. }
  28. }
  29. });
  30. });
  31. //过滤转换特殊字符
  32. function clearChar(obj) {
  33. obj.value = obj.value.replace(",", "");
  34. obj.value = obj.value.replace(",", "");
  35. };
  36. </script>
  37. </head>
  38. <body>
  39. <ul class="nav nav-tabs">
  40. <li><a href="${ctx}/newhome/newPageZone/imageList?imageId=${zoneImage.zoneId}">专区轮播图列表</a></li>
  41. <li class="active"><a href="${ctx}/newhome/newPageZone/imageForm?zoneId=${zoneImage.zoneId}">专区轮播图${not empty zoneImage.zoneId?'编辑':'添加'}</a></li>
  42. </ul><br/>
  43. <form:form id="inputForm" modelAttribute="zoneImage" action="${ctx}/newhome/newPageZone/imageSave" method="post" class="form-horizontal">
  44. <form:hidden path="imageId"/>
  45. <form:hidden path="zoneId"/>
  46. <sys:message content="${message}"/>
  47. <div class="control-group">
  48. <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>标题:</label>
  49. <div class="controls">
  50. <form:input path="title" htmlEscape="false" maxlength="40" class="input-xlarge required" onkeyup="clearChar(this)" />
  51. </div>
  52. </div>
  53. <div class="control-group">
  54. <label class="control-label"><span class="required"><font color="red">*</font> </span>PC端图:</label>
  55. <div class="controls">
  56. <form:hidden id="image" path="image" htmlEscape="false" value="${image}" maxlength="255" class="input-xlarge required"/>
  57. <sys:ckfinder input="image" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
  58. </div>
  59. <div class="controls" style="padding-top: 20px;">
  60. <p style="color:#D0D0D0 ;">建议尺寸:1920 * 510 / PX</p>
  61. </div>
  62. </div>
  63. <div class="control-group">
  64. <label class="control-label"><span class="required"><font color="red">*</font> </span>PC端链接:</label>
  65. <div class="controls">
  66. <form:input path="link" htmlEscape="false" maxlength="255" class="input-xlarge required url"/>
  67. </div>
  68. </div>
  69. <div class="control-group">
  70. <label class="control-label">小程序端图:</label>
  71. <div class="controls">
  72. <form:hidden id="crmImage" path="crmImage" htmlEscape="false" value="${crmImage}" maxlength="255" class="input-xlarge"/>
  73. <sys:ckfinder input="crmImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
  74. </div>
  75. <div class="controls" style="padding-top: 20px;">
  76. <p style="color:#D0D0D0 ;">建议尺寸:702 * 280 / PX</p>
  77. </div>
  78. </div>
  79. <div class="control-group">
  80. <label class="control-label">小程序端链接:</label>
  81. <div class="controls">
  82. <form:input path="crmLink" htmlEscape="false" maxlength="255" class="input-xlarge url"/>
  83. </div>
  84. </div>
  85. <div class="control-group">
  86. <label class="control-label">小程序页面title:</label>
  87. <div class="controls">
  88. <form:input path="crmTitle" placeholder="最多输入15个汉字" htmlEscape="false" maxlength="15" class="input-xlarge"/>
  89. </div>
  90. </div>
  91. <div class="control-group">
  92. <label class="control-label"><span class="help-inline"><font color="red">*</font> </span>排序:</label>
  93. <div class="controls">
  94. <c:if test="${empty zoneImage.imageId}">
  95. <form:input path="sort" htmlEscape="false" maxlength="9" class="input-xlarge required digits" value="${empty sort?0:sort+1}"/>
  96. </c:if>
  97. <c:if test="${not empty zoneImage.imageId}">
  98. <form:input path="sort" htmlEscape="false" maxlength="9" class="input-xlarge required digits" value="${empty zoneImage.sort?0:(zoneImage.sort) }"/>
  99. </c:if>
  100. </div>
  101. </div>
  102. <div class="control-group crmstatus" style="" >
  103. <label class="control-label">小程序状态:</label>
  104. <div class="controls">
  105. <form:select path="crmEnabledStatus" class="input-xlarge ">
  106. <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" />
  107. </form:select>
  108. </div>
  109. </div>
  110. <div class="control-group crmstatus" style="" >
  111. <label class="control-label">PC端状态:</label>
  112. <div class="controls">
  113. <form:select path="wwwEnabledStatus" class="input-xlarge ">
  114. <form:options items="${fns:getDictList('enabled_status')}" itemLabel="label" itemValue="value" htmlEscape="false" />
  115. </form:select>
  116. </div>
  117. </div>
  118. <div class="form-actions">
  119. <input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
  120. <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
  121. </div>
  122. </form:form>
  123. </body>
  124. </html>