content_add.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>添加内容</title>
  7. <style>
  8. label.error {
  9. left: 15px;
  10. top: 29px
  11. }
  12. .ke-container {
  13. width: 100% !important;
  14. }
  15. .ke-swfupload-body {
  16. height: 265px
  17. }
  18. .ke-dialog-body {
  19. height: 340px !important;
  20. }
  21. .ke-dialog-default {
  22. height: 410px !important;
  23. }
  24. </style>
  25. </head>
  26. <body layout:fragment="content">
  27. <article class="page-container">
  28. <form class="form form-horizontal" id="form-content-add">
  29. <div class="row cl">
  30. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类栏目:</label>
  31. <div class="formControls col-xs-8 col-sm-9">
  32. <span class="select-box">
  33. <input type="hidden" name="navigation_name"/>
  34. <select th:id="navigation_id" class="select" th:name="navigation_id" onchange="getName(this);">
  35. <option value="">--请选择--</option>
  36. <option value="" th:each="item : ${navigationList}" th:value="${item.id}" th:text="${item.name}">
  37. </option>
  38. </select>
  39. </span>
  40. </div>
  41. </div>
  42. <div class="row cl service_pic">
  43. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>图片:</label>
  44. <div class="formControls col-xs-8 col-sm-9">
  45. <div class="uploader-thum-container">
  46. <div id="fileList" class="uploader-list"></div>
  47. <div id="filePicker" class="margin-right-10">选择图片</div>
  48. <input type="hidden" value="" th:id="img" th:name="img"/>
  49. <div id="fileListPre"></div>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="row cl">
  54. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>内容标题:</label>
  55. <div class="formControls col-xs-8 col-sm-9">
  56. <input type="text" class="input-text" value="" placeholder="请输入内容标题" th:id="title" th:name="title"/>
  57. </div>
  58. </div>
  59. <div class="row cl">
  60. <label class="form-label col-xs-4 col-sm-2"><span c lass="c-red"></span>来源:</label>
  61. <div class="formControls col-xs-8 col-sm-9">
  62. <input type="text" class="input-text" value="" placeholder="请输入内容来源" th:id="resource"
  63. th:name="resource"/>
  64. </div>
  65. </div>
  66. <div class="row cl">
  67. <label class="form-label col-xs-4 col-sm-2"><span>内容摘要:</span></label>
  68. <div class="formControls col-xs-8 col-sm-9">
  69. <input type="text" class="input-text" th:id="brief" th:name="brief"/>
  70. </div>
  71. </div>
  72. <div class="row cl">
  73. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>内容正文:</label>
  74. <div class="formControls col-xs-8 col-sm-9">
  75. <textarea id="content" name="content" th:name="content"></textarea>
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <label class="form-label col-xs-4 col-sm-2"><span>置顶:</span></label>
  80. <div class="formControls col-xs-8 col-sm-9">
  81. <input type="radio" name="is_top" checked value="0">否</input>
  82. <input type="radio" name="is_top" value="1">是</input>
  83. </div>
  84. </div>
  85. <div class="row cl">
  86. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>显示顺序:</label>
  87. <div class="formControls col-xs-8 col-sm-9">
  88. <input type="number" class="input-text" value="1" th:id="sort" th:name="sort"/>
  89. </div>
  90. </div>
  91. <div class="row cl" id = "addfile">
  92. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>附件:</label>
  93. <div class="formControls col-xs-8 col-sm-9">
  94. <!-- <div><i class="Hui-iconfont" style="cursor: pointer;" onclick="addFileLine('otherMaterials')">&#xe600; 添加</i></div> -->
  95. <table class="table table-border table-bordered table-bg table-hover ">
  96. <thead>
  97. <tr class="text-c">
  98. <th>上传材料</th>
  99. <th>操作</th>
  100. </tr>
  101. </thead>
  102. <tbody class="add_file_line">
  103. <tr class="text-c" >
  104. <td class="td_material">
  105. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFileByName(\'/government/content/addFile'+'\',this);'"/>
  106. <input class="uploadFileId" type="hidden" th:name="addFileDown.file_id"/>
  107. </td>
  108. <td class="icon_font"><i class='Hui-iconfont' onclick='deleteFile(this)'>&#xe6a1; 删除</i></td>
  109. </tr>
  110. </tbody>
  111. </table>
  112. </div>
  113. </div>
  114. <div class="row cl">
  115. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  116. <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 发布</button>
  117. <!--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i-->
  118. <!--class="Hui-iconfont">&#xe632;</i> 保存草稿-->
  119. <!--</button>-->
  120. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  121. </div>
  122. </div>
  123. </form>
  124. </article>
  125. <script type="text/javascript" th:src="@{/js/government/content/content_add.js}"></script>
  126. <script th:inline="javascript">
  127. $(".service_pic").hide();
  128. var uploadflag = true;
  129. //富文本kindeditor初始化
  130. var editor;
  131. KindEditor.ready(function (K) {
  132. editor = K.create('#content', {
  133. uploadJson: pagePath + '/upload/kindEditorUpload',
  134. allowFileManager: false,
  135. allowUpload: true,
  136. width: "100%",
  137. height: "350px",
  138. items: array,
  139. syncType: "auto",
  140. afterBlur: function () {
  141. this.sync();
  142. }
  143. });
  144. });
  145. /*
  146. // 初始化图片上传
  147. var options = {
  148. auto: false,
  149. uploadBtnId: '#filePicker',
  150. picturePreId: 'fileListPre',
  151. hiddenPictureUrl: 'fileDown.file_id',
  152. hiddenPictureName: 'imgName',
  153. accept: {
  154. title: 'Images',
  155. extensions: 'gif,jpg,jpeg,bmp,png',
  156. mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  157. },
  158. fileSizeLimit: 100 * 1024 * 1024,
  159. fileSingleSizeLimit: 100 * 1024 * 1024,
  160. //fileNumLimit: 3
  161. };
  162. var webUploadPicture = new $WebUploadPicture(options);
  163. */
  164. /**
  165. * 取消
  166. */
  167. function removeIframe() {
  168. var index = parent.layer.getFrameIndex(window.name);
  169. parent.layer.close(index);
  170. }
  171. function getName(obj) {
  172. $("input[name='navigation_name']").val($(obj).find("option:selected").text());
  173. if ($(obj).val() == '2') {
  174. $(".service_pic").show();
  175. if(uploadflag){
  176. webUploadPicture.init();
  177. }
  178. uploadflag = false;
  179. //$("#addfile").hide();
  180. } else {
  181. $(".service_pic").hide();
  182. //$("#addfile").show();
  183. }
  184. }
  185. function deleteFile(obj) {
  186. $(obj).parent().parent()
  187. .find(".uploadFileName").val("").end()
  188. .find(".uploadFileId").val("").end();
  189. }
  190. //添加相应name的文件
  191. function addFileByName(url,obj){
  192. var name = $(obj).next().attr("name");
  193. url += "?fileIdName="+name;
  194. layer_show('添加文件',pagePath+url,800,350);
  195. }
  196. </script>
  197. </body>
  198. </html>