edit.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. <include file="public@header"/>
  2. <style type="text/css">
  3. .pic-list li {
  4. margin-bottom: 5px;
  5. }
  6. </style>
  7. </head>
  8. <body>
  9. <div class="wrap js-check-wrap">
  10. <ul class="nav nav-tabs">
  11. <li><a href="{:url('AdminArticle/index')}">所有资讯</a></li>
  12. <li>
  13. <a href="{:url('AdminArticle/add')}">添加资讯</a>
  14. </li>
  15. <li class="active"><a href="#">编辑资讯</a></li>
  16. </ul>
  17. <form action="{:url('AdminArticle/editPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
  18. <div class="row">
  19. <div class="col-md-9">
  20. <table class="table table-bordered">
  21. <tr>
  22. <th>标题<span class="form-required">*</span></th>
  23. <td>
  24. <input id="post-id" type="hidden" name="post[id]" value="{$post.id}">
  25. <input class="form-control" type="text" name="post[post_title]"
  26. required value="{$post.post_title}" placeholder="请输入标题"/>
  27. </td>
  28. </tr>
  29. <tr>
  30. <th>文章来源</th>
  31. <td>
  32. <input class="form-control" type="text" name="post[post_source]"
  33. value="{$post['post_source']}" placeholder="请输入文章来源">
  34. </td>
  35. </tr>
  36. <tr>
  37. <th>摘要</th>
  38. <td>
  39. <textarea class="form-control" name="post[post_excerpt]" style="height: 50px;"
  40. placeholder="请填写摘要">{$post.post_excerpt}</textarea>
  41. </td>
  42. </tr>
  43. <tr>
  44. <th>内容</th>
  45. <td>
  46. <script type="text/plain" id="content" name="post[post_content]">{$post.post_content}</script>
  47. </td>
  48. </tr>
  49. </table>
  50. <hook name="portal_admin_article_edit_view_main"/>
  51. </div>
  52. <div class="col-md-3">
  53. <table class="table table-bordered">
  54. <tr>
  55. <th>缩略图(建议284*150)</th>
  56. </tr>
  57. <tr>
  58. <td>
  59. <div style="text-align: center;">
  60. <input type="hidden" name="post[more][thumbnail]" id="thumbnail"
  61. value="{$post.more.thumbnail|default=''}">
  62. <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
  63. <if condition="empty($post.more.thumbnail)">
  64. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  65. id="thumbnail-preview"
  66. width="135" style="cursor: pointer"/>
  67. <else/>
  68. <img src="{:cmf_get_image_preview_url($post.more.thumbnail)}"
  69. id="thumbnail-preview"
  70. width="135" style="cursor: pointer"/>
  71. </if>
  72. </a>
  73. <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
  74. </div>
  75. </td>
  76. </tr>
  77. <tr>
  78. <th>发布时间</th>
  79. </tr>
  80. <tr>
  81. <td>
  82. <input class="form-control js-bootstrap-datetime" type="text" name="post[published_time]"
  83. value="{:date('Y-m-d H:i',$post['published_time'])}">
  84. </td>
  85. </tr>
  86. <!--
  87. <tr>
  88. <th>评论</th>
  89. </tr>
  90. <tr>
  91. <td>
  92. <label style="width: 88px"><a
  93. href="javascript:openIframeDialog('{:url('comment/commentadmin/index',array('post_id'=>$post['id']))}','评论列表')">查看评论</a></label>
  94. </td>
  95. </tr>
  96. -->
  97. <tr>
  98. <th>状态</th>
  99. <php>
  100. $status_yes=$post['post_status']==1?"checked":"";
  101. $is_top_yes=$post['is_top']==1?"checked":"";
  102. $recommended_yes=$post['recommended']==1?"checked":"";
  103. </php>
  104. </tr>
  105. <tr>
  106. <td>
  107. <div class="checkbox">
  108. <label>
  109. <input type="checkbox" id="post-status-checkbox" name="post[post_status]" value="1"
  110. {$status_yes}>发布
  111. <span id="post-status-error" style="color: red;display: none"></span>
  112. </label>
  113. </div>
  114. </td>
  115. </tr>
  116. <tr>
  117. <td>
  118. <div class="checkbox">
  119. <label><input type="checkbox" id="is-top-checkbox" name="post[is_top]" value="1"
  120. {$is_top_yes}>置顶</label>
  121. <span id="is-top-error" style="color: red;display: none"></span>
  122. </div>
  123. </td>
  124. </tr>
  125. </table>
  126. <hook name="portal_admin_article_edit_view_right_sidebar"/>
  127. </div>
  128. </div>
  129. <div class="form-group">
  130. <div class="col-sm-offset-2 col-sm-10">
  131. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
  132. <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. <script type="text/javascript" src="__STATIC__/js/admin.js"></script>
  138. <script type="text/javascript">
  139. //编辑器路径定义
  140. var editorURL = GV.WEB_ROOT;
  141. </script>
  142. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
  143. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
  144. <script type="text/javascript">
  145. $(function () {
  146. editorcontent = new baidu.editor.ui.Editor();
  147. editorcontent.render('content');
  148. try {
  149. editorcontent.sync();
  150. } catch (err) {
  151. }
  152. $('.btn-cancel-thumbnail').click(function () {
  153. $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  154. $('#thumbnail').val('');
  155. });
  156. $('#more-template-select').val("{$post.more.template|default=''}");
  157. });
  158. function doSelectCategory() {
  159. var selectedCategoriesId = $('#js-categories-id-input').val();
  160. openIframeLayer("{:url('AdminCategory/select')}?ids=" + selectedCategoriesId, '请选择分类', {
  161. area: ['700px', '400px'],
  162. btn: ['确定', '取消'],
  163. yes: function (index, layero) {
  164. //do something
  165. var iframeWin = window[layero.find('iframe')[0]['name']];
  166. var selectedCategories = iframeWin.confirm();
  167. if (selectedCategories.selectedCategoriesId.length == 0) {
  168. layer.msg('请选择分类');
  169. return;
  170. }
  171. $('#js-categories-id-input').val(selectedCategories.selectedCategoriesId.join(','));
  172. $('#js-categories-name-input').val(selectedCategories.selectedCategoriesName.join(' '));
  173. //console.log(layer.getFrameIndex(index));
  174. layer.close(index); //如果设定了yes回调,需进行手工关闭
  175. }
  176. });
  177. }
  178. </script>
  179. <script>
  180. var publishYesUrl = "{:url('AdminArticle/publish',array('yes'=>1))}";
  181. var publishNoUrl = "{:url('AdminArticle/publish',array('no'=>1))}";
  182. var topYesUrl = "{:url('AdminArticle/top',array('yes'=>1))}";
  183. var topNoUrl = "{:url('AdminArticle/top',array('no'=>1))}";
  184. var recommendYesUrl = "{:url('AdminArticle/recommend',array('yes'=>1))}";
  185. var recommendNoUrl = "{:url('AdminArticle/recommend',array('no'=>1))}";
  186. var postId = $('#post-id').val();
  187. //发布操作
  188. $("#post-status-checkbox").change(function () {
  189. if ($('#post-status-checkbox').is(':checked')) {
  190. //发布
  191. $.ajax({
  192. url: publishYesUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  193. if (data.code != 1) {
  194. $('#post-status-checkbox').removeAttr("checked");
  195. $('#post-status-error').html(data.msg).show();
  196. } else {
  197. $('#post-status-error').hide();
  198. }
  199. }
  200. });
  201. } else {
  202. //取消发布
  203. $.ajax({
  204. url: publishNoUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  205. if (data.code != 1) {
  206. $('#post-status-checkbox').prop("checked", 'true');
  207. $('#post-status-error').html(data.msg).show();
  208. } else {
  209. $('#post-status-error').hide();
  210. }
  211. }
  212. });
  213. }
  214. });
  215. //置顶操作
  216. $("#is-top-checkbox").change(function () {
  217. if ($('#is-top-checkbox').is(':checked')) {
  218. //置顶
  219. $.ajax({
  220. url: topYesUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  221. if (data.code != 1) {
  222. $('#is-top-checkbox').removeAttr("checked");
  223. $('#is-top-error').html(data.msg).show();
  224. } else {
  225. $('#is-top-error').hide();
  226. }
  227. }
  228. });
  229. } else {
  230. //取消置顶
  231. $.ajax({
  232. url: topNoUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  233. if (data.code != 1) {
  234. $('#is-top-checkbox').prop("checked", 'true');
  235. $('#is-top-error').html(data.msg).show();
  236. } else {
  237. $('#is-top-error').hide();
  238. }
  239. }
  240. });
  241. }
  242. });
  243. //推荐操作
  244. $("#recommended-checkbox").change(function () {
  245. if ($('#recommended-checkbox').is(':checked')) {
  246. //推荐
  247. $.ajax({
  248. url: recommendYesUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  249. if (data.code != 1) {
  250. $('#recommended-checkbox').removeAttr("checked");
  251. $('#recommended-error').html(data.msg).show();
  252. } else {
  253. $('#recommended-error').hide();
  254. }
  255. }
  256. });
  257. } else {
  258. //取消推荐
  259. $.ajax({
  260. url: recommendNoUrl, type: "post", dataType: "json", data: {ids: postId}, success: function (data) {
  261. if (data.code != 1) {
  262. $('#recommended-checkbox').prop("checked", 'true');
  263. $('#recommended-error').html(data.msg).show();
  264. } else {
  265. $('#recommended-error').hide();
  266. }
  267. }
  268. });
  269. }
  270. });
  271. </script>
  272. </body>
  273. </html>