notify_add.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  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. .ke-container-default {
  9. width: 100% !important
  10. }
  11. .error {
  12. color: red;
  13. }
  14. </style>
  15. </head>
  16. <body layout:fragment="content">
  17. <article class="page-container">
  18. <form class="form form-horizontal" id="form-notify-add">
  19. <div class="row cl">
  20. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>类别:</label>
  21. <div class="formControls col-xs-8 col-sm-9">
  22. <span class="select-box">
  23. <select th:id="type" class="select" th:name="type">
  24. <option value="">--请选择--</option>
  25. <option th:each="item : ${notify_type}" th:value="${item.value}" th:text="${item.code}">
  26. </option>
  27. </select>
  28. </span>
  29. </div>
  30. </div>
  31. <div class="row cl">
  32. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>标题:</label>
  33. <div class="formControls col-xs-8 col-sm-9">
  34. <input type="text" class="input-text" value="" placeholder="请输入标题" th:id="title" th:name="title"/>
  35. </div>
  36. </div>
  37. <!-- <div class="row cl">
  38. <label class="form-label col-xs-4 col-sm-2"><span>置顶:</span></label>
  39. <div class="formControls col-xs-8 col-sm-9">
  40. <input type="radio" name="is_top" checked value="0">否</input>
  41. <input type="radio" name="is_top" value="1">是</input>
  42. </div>
  43. </div> -->
  44. <div class="row cl">
  45. <label class="form-label col-xs-4 col-sm-2"><span>摘要:</span></label>
  46. <div class="formControls col-xs-8 col-sm-9">
  47. <textarea id="notify_abstract" class="input-text" name="notify_abstract"></textarea>
  48. </div>
  49. </div>
  50. <div class="row cl">
  51. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>内容:</label>
  52. <div class="formControls col-xs-8 col-sm-9">
  53. <textarea id="content" name="content"></textarea>
  54. </div>
  55. </div>
  56. <div class="row cl">
  57. <label class="form-label col-xs-4 col-sm-2"><span>截止有效日期:</span></label>
  58. <div class="formControls col-xs-8 col-sm-9">
  59. <input type="text" class="input-text" id="expiry_date" name="expiry_date"/>
  60. <input class="Wdate input-text" type="text" th:id="expiry_dateIE" th:name="expiry_date"
  61. onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true,readOnly:true})"/>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span><span>推送:</span></label>
  66. <div class="formControls col-xs-8 col-sm-9">
  67. <a class="btn btn-primary radius"
  68. th:onclick="'javascript:notify_addPush(\'新增通知公告推送单位\',\'/government/notify/addPush\',\'800\',\'500\');'"><i
  69. class="Hui-iconfont">&#xe6df;</i>添加</a>
  70. <input id="pushStreetIds" name="push_street_ids" type="hidden"/>
  71. <input id="pushBuildIds" name="push_build_ids" type="hidden"/>
  72. <input id="pushCompanyIds" name="push_company_ids" type="hidden"/>
  73. <input id="pushStreetNames" name="push_street_names" type="hidden"/>
  74. <input id="pushBuildNames" name="push_build_names" type="hidden"/>
  75. <input id="pushCompanyNames" name="push_company_names" type="hidden"/>
  76. <input type="hidden" id="isPush">
  77. </div>
  78. <label class="form-label col-xs-4 col-sm-2"><span>已添加单位:</span></label>
  79. <div class="formControls col-xs-8 col-sm-9">
  80. <span id="pushNames"></span>
  81. </div>
  82. </div>
  83. <div class="row cl">
  84. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  85. <button class="btn btn-primary radius" onclick="sendNotify()"><i class="Hui-iconfont">&#xe632;</i> 发布
  86. </button>
  87. <button type="submit" onclick="clearPush()" class="btn btn-secondary radius"><i class="Hui-iconfont">&#xe632;</i>
  88. 保存草稿
  89. </button>
  90. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  91. </div>
  92. </div>
  93. </form>
  94. </article>
  95. <script type="text/javascript" th:src="@{/js/government/notify/notify_add.js}"></script>
  96. <script type="text/javascript" th:src="@{/h-ui/lib/webuploader/0.1.5/webuploader.min.js}"></script>
  97. <script th:inline="javascript">
  98. //富文本kindeditor初始化
  99. var editor;
  100. KindEditor.ready(function (K) {
  101. editor = K.create('#content', {
  102. uploadJson: pagePath + '/upload/kindEditorUpload',
  103. allowFileManager: false,
  104. allowUpload: true,
  105. width: "750px",
  106. height: "350px",
  107. items: array,
  108. afterBlur: function () {
  109. this.sync();
  110. }
  111. });
  112. });
  113. $(function () {
  114. // 初始化图片上传
  115. var options = {
  116. auto: false,
  117. uploadBtnId: '#filePicker',
  118. picturePreId: 'fileListPre',
  119. serverUrl: '/government/slides/uploadImg',
  120. hiddenPictureUrl: 'imgUrl',
  121. hiddenPictureName: 'img',
  122. accept: {
  123. title: 'Images',
  124. extensions: 'gif,jpg,jpeg,bmp,png',
  125. mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  126. },
  127. width: 81,
  128. height: 81,
  129. fileSizeLimit: 100 * 1024 * 1024,
  130. fileSingleSizeLimit: 100 * 1024 * 1024
  131. // fileNumLimit: 1
  132. };
  133. var webUploadPicture = new $WebUploadPicture(options);
  134. webUploadPicture.init();
  135. var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
  136. var isOpera = userAgent.indexOf("Opera") > -1;
  137. //判断是否IE浏览器
  138. if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
  139. $("#expiry_date").remove();
  140. } else {
  141. $("#expiry_dateIE").remove();
  142. laydate.render({
  143. elem: '#expiry_date', //指定元素
  144. min: 0
  145. });
  146. }
  147. });
  148. /**
  149. * 取消
  150. */
  151. function removeIframe() {
  152. var index = parent.layer.getFrameIndex(window.name);
  153. parent.layer.close(index);
  154. }
  155. </script>
  156. </body>
  157. </html>