add.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  4. <%
  5. String path = request.getContextPath();
  6. %>
  7. <!DOCTYPE HTML>
  8. <html>
  9. <head>
  10. <meta charset="utf-8">
  11. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  14. <meta http-equiv="Cache-Control" content="no-siteapp" />
  15. <link href="<%= path %>/common/admin/css/H-ui.min.css" rel="stylesheet" type="text/css" />
  16. <link href="<%= path %>/common/admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
  17. <link href="<%= path %>/common/admin/css/style.css" rel="stylesheet" type="text/css" />
  18. <link href="<%= path %>/common/admin/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
  19. <script charset="utf-8" src="<%= path %>/common/other/kingedit/kindeditor.js"></script>
  20. <script charset="utf-8" src="<%= path %>/common/other/kingedit/lang/zh_CN.js"></script>
  21. <script type="text/javascript">
  22. KindEditor.ready(function(K) {
  23. window.editor = K.create('#imagetextContext',{
  24. uploadJson : '<%= path %>/common/other/kingedit/jsp/upload_json.jsp',
  25. showRemote : false,
  26. afterBlur: function(){this.sync();},
  27. width : '450px',
  28. filterMode:true,
  29. htmlTags: {
  30. font : ['color', 'size', 'face', '.background-color'],
  31. span : [
  32. '.color', '.background-color', '.font-size', '.font-family', '.background',
  33. '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.line-height'
  34. ],
  35. div : [
  36. 'align', '.border', '.margin', '.padding', '.text-align', '.color',
  37. '.background-color', '.font-size', '.font-family', '.font-weight', '.background',
  38. '.font-style', '.text-decoration', '.vertical-align', '.margin-left'
  39. ],
  40. table: [
  41. 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'bordercolor',
  42. '.padding', '.margin', '.border', 'bgcolor', '.text-align', '.color', '.background-color',
  43. '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.background',
  44. '.width', '.height', '.border-collapse'
  45. ],
  46. 'td,th': [
  47. 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor',
  48. '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight',
  49. '.font-style', '.text-decoration', '.vertical-align', '.background', '.border'
  50. ],
  51. a : ['href', 'target', 'name'],
  52. embed : ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'],
  53. img : ['src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height', '.border'],
  54. 'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : [
  55. 'align', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.background',
  56. '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.text-indent', '.margin-left'
  57. ],
  58. pre : ['class'],
  59. hr : ['class', '.page-break-after'],
  60. 'br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del' : []
  61. },
  62. allowImageRemote:false,
  63. pasteType : 2,
  64. useContextmenu : false,
  65. allowFlashUpload : false,
  66. allowFileUpload : false,
  67. allowFileManager : false,
  68. items:[
  69. 'undo', 'redo', '|', 'preview', 'cut', 'copy', 'paste',
  70. 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
  71. 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
  72. 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
  73. 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
  74. 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image'
  75. , 'table', 'hr', 'emoticons', 'pagebreak',
  76. 'anchor']
  77. });
  78. });
  79. </script>
  80. <!--[if IE 6]>
  81. <script type="text/javascript" src="<%= path %>/common/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  82. <script>DD_belatedPNG.fix('*');</script>
  83. <![endif]-->
  84. <title>新增新闻</title>
  85. </head>
  86. <body>
  87. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 官网管理 <span class="c-gray en">&gt;</span> 添加新闻 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
  88. <div class="pd-20">
  89. <c:choose>
  90. <c:when test="${!(empty obj)}">
  91. <form action="<%= path %>/admin/www/news/update" method="post" class="form form-horizontal" id="form-product-add">
  92. <input type="hidden" value="${obj.newsId }" name="newsId">
  93. </c:when>
  94. <c:otherwise>
  95. <form action="<%= path %>/admin/www/news/add" method="post" class="form form-horizontal" id="form-product-add">
  96. </c:otherwise>
  97. </c:choose>
  98. <form action="<%= path %>/admin/www/news/add" method="post" class="form form-horizontal" id="form-product-add">
  99. <input type="hidden" value="${token }" name="addNewsToken">
  100. <div class="row cl">
  101. <label class="form-label col-2"><span class="c-red">*</span>新闻标题:</label>
  102. <div class="formControls col-10">
  103. <input type="text" class="input-text" value="${obj.newsTitle }" errormsg="请输入6-30位的新闻标题!" datatype="s6-30" nullmsg="新闻标题不能为空" placeholder="" id="newsTitle" name="newsTitle">
  104. </div>
  105. <div class="col-2"> </div>
  106. </div>
  107. <div class="row cl">
  108. <label class="form-label col-2"><span class="c-red">*</span>新闻简介:</label>
  109. <div class="formControls col-10">
  110. <input type="text" class="input-text" errormsg="请输入4-100位的新闻简介!" datatype="s4-100" nullmsg="新闻简介不能为空" value="${obj.newsDesc }" placeholder="" id="newsDesc" name="newsDesc">
  111. </div>
  112. <div class="col-2"> </div>
  113. </div>
  114. <div class="row cl">
  115. <label class="form-label col-2"><span class="c-red">*</span>作者:</label>
  116. <div class="formControls col-2">
  117. <input type="text" class="input-text" datatype="s1-9" errormsg="请输入1-9位的新闻作者!" nullmsg="新闻作者不能为空" value="${obj.newsAuthor }" placeholder="" id="newsAuthor" name="newsAuthor">
  118. </div>
  119. <div class="col-2"> </div>
  120. <label class="form-label col-2"><span class="c-red">*</span>新闻封面图:</label>
  121. <div class="col-offset-3 col-4">
  122. <div id="productPicImgDiv" class="uploader-list">
  123. <c:if test="${!(empty obj)}">
  124. <span><img style='width:80px;height: 80px;margin-left:10px' src='${obj.newsImage }'/><input type='hidden' id='newsImage-input' name='newsImage' class='user-images-p' value='${obj.newsImage }'></span>
  125. </c:if>
  126. </div>
  127. <div class="ml-10">
  128. <a id="startUploadPicBtn" href="javascript:;" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 开始上传简介图</a>
  129. </div>
  130. </div>
  131. <div class="col-2"> </div>
  132. </div>
  133. <div class="row cl">
  134. <label class="form-label col-2 bulik-label"><span class="c-red">*</span>来源:</label>
  135. <div class="formControls col-2 bulik-label">
  136. <input type="text" class="input-text" datatype="s1-9" errormsg="请输入1-9位的新闻来源!" nullmsg="新闻来源不能为空" value="${obj.newsSource }" placeholder="" id="newsSource" name="newsSource">
  137. </div>
  138. <label class="form-label col-4 bulik-label"><span class="c-red">*</span>来源链接(没有则填#):</label>
  139. <div class="formControls col-2 bulik-label">
  140. <input type="text" class="input-text" datatype="*1-200" errormsg="请输入1-200位的来源链接!" nullmsg="来源链接不能为空" value="${obj.newsSourceUrl }" placeholder="" id="newsSourceUrl" name="newsSourceUrl">
  141. </div>
  142. </div>
  143. <div class="row cl">
  144. <label class="form-label col-2"><span class="c-red">*</span>新闻内容:</label>
  145. <div class="formControls col-10">
  146. <textarea id="imagetextContext" name="newsContexts" class="textarea">${obj.newsContexts }</textarea>
  147. </div>
  148. <div class="col-2"> </div>
  149. </div>
  150. <div class="row cl">
  151. <div class="col-10 col-offset-2">
  152. <button class="btn btn-primary radius" id="butSub" type="button"><i class="Hui-iconfont">&#xe632;</i> 保存并提交新闻信息</button>
  153. <button class="btn btn-default radius" id="btn_reset" type="button">&nbsp;&nbsp;清空&nbsp;&nbsp;</button>
  154. </div>
  155. </div>
  156. </form>
  157. </div>
  158. <script type="text/javascript" src="<%= path %>/common/admin/lib/jquery/1.9.1/jquery.min.js"></script>
  159. <script type="text/javascript" src="<%= path %>/common/admin/lib/layer/1.9.3/layer.js"></script>
  160. <script type="text/javascript" src="<%= path %>/common/admin/lib/laypage/1.2/laypage.js"></script>
  161. <script type="text/javascript" src="<%= path %>/common/admin/lib/My97DatePicker/WdatePicker.js"></script>
  162. <script type="text/javascript" src="<%= path %>/common/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
  163. <script type="text/javascript" src="<%= path %>/common/admin/js/H-ui.js"></script>
  164. <script type="text/javascript" src="<%= path %>/common/admin/js/H-ui.admin.js"></script>
  165. <script type="text/javascript" src="<%= path %>/common/admin/lib/select2/select2.min.js"></script>
  166. <script type="text/javascript" src="<%= path %>/common/admin/lib/select2/zh-CN.js"></script>
  167. <script type="text/javascript" src="<%= path %>/common/admin/lib/Validform/5.3.2/Validform.min.js"></script>
  168. <script type="text/javascript">
  169. var imageLen = 0;
  170. var isRebate = true;
  171. var isBulk = true;
  172. $(function(){
  173. $("#form-product-add").Validform({
  174. btnSubmit:"#butSub",
  175. btnReset:"#btn_reset",
  176. tiptype:function(msg,o,cssctl){
  177. if (o.type == 3) {
  178. layer.msg(msg,{icon:2,time:1500});
  179. }
  180. },
  181. ignoreHidden: true,
  182. beforeSubmit:function(curform){
  183. // 封面图
  184. var productIntroduceImg = $("#newsImage-input").val();
  185. if (productIntroduceImg == null || productIntroduceImg == "") {
  186. layer.msg('请选择新闻封面图!',{icon:2,time:1500});
  187. return false;
  188. }
  189. // 新闻内容
  190. var imagetextContext = $("#imagetextContext").val();
  191. if (imagetextContext == null || imagetextContext == "") {
  192. layer.msg('请填写新闻内容!',{icon:2,time:1500});
  193. return false;
  194. }
  195. }
  196. });
  197. });
  198. addBtnEvent("startUploadPicBtn", "", "productPicImgDiv", "<i class='Hui-iconfont'>&#xe600;</i>更换新闻封面图");
  199. function addBtnEvent(id, handlerId, showDivId, showBtnText){
  200. KindEditor.ready(function(K) {
  201. var editor = K.editor({
  202. uploadJson : '<%= path %>/common/other/kingedit/jsp/upload_json.jsp',
  203. allowFileManager : false
  204. });
  205. K('#'+id).click(function() {
  206. editor.loadPlugin('image', function() {
  207. editor.plugin.imageDialog({
  208. showRemote : false,
  209. fileUrl : "",
  210. clickFn : function(url, title) {
  211. /* if (location.port == "80") {
  212. url = location.protocol + "//" + location.hostname + url;
  213. } else {
  214. url = location.protocol + "//" + location.hostname + ":" + location.port + url;
  215. } */
  216. $("#" + handlerId).val(url);
  217. if (id == "productIntroduceImgBtn") {
  218. $('#' + showDivId).html("<img style='width:80px;height: 80px;' src='" + url + "'/>");
  219. } else {
  220. imageLen = imageLen + 1;
  221. $('#' + showDivId).html("<span ><img style='width:80px;height: 80px;margin-left:10px' src='" + url + "'/><input type='hidden' id='newsImage-input' name='newsImage' class='user-images-p' value='" + url + "'></span>");
  222. }
  223. $("#" + id).html(showBtnText);
  224. editor.hideDialog();
  225. }
  226. });
  227. });
  228. });
  229. });
  230. }
  231. </script>
  232. </body>
  233. </html>