edit.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <include file="public@header"/>
  2. <style type="text/css">
  3. .pic-list li {
  4. margin-bottom: 5px;
  5. }
  6. </style>
  7. <script type="text/html" id="photos-item-tpl">
  8. <li id="saved-image{id}">
  9. <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
  10. <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
  11. style="width: 200px;" title="图片名称">
  12. <img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
  13. onclick="imagePreviewDialog(this.src);">
  14. <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
  15. <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
  16. </li>
  17. </script>
  18. <script type="text/html" id="files-item-tpl">
  19. <li id="saved-file{id}">
  20. <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
  21. <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
  22. style="width: 200px;" title="文件名称">
  23. <a id="file-{id}-preview" href="{preview_url}" target="_blank">下载</a>
  24. <a href="javascript:uploadOne('文件上传','#file-{id}','file');">替换</a>
  25. <a href="javascript:(function(){$('#saved-file{id}').remove();})();">移除</a>
  26. </li>
  27. </script>
  28. </head>
  29. <body>
  30. <div class="wrap js-check-wrap">
  31. <ul class="nav nav-tabs">
  32. <li><a href="{:url('AdminActivity/index')}">所有活动</a></li>
  33. <li><a href="{:url('AdminActivity/add')}">添加活动</a></li>
  34. <li class="active"><a href="javascript:void(0);">编辑活动</a></li>
  35. </ul>
  36. <form action="{:url('AdminActivity/editPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
  37. <input id="id" type="hidden" name="id" value="{$info.id}">
  38. <div class="row">
  39. <div class="col-md-9">
  40. <table class="table table-bordered">
  41. <tr>
  42. <th width="100">标题<span class="form-required">*</span></th>
  43. <td>
  44. <input class="form-control" type="text" name="title" required value="{$info.title}" placeholder="请输入标题"/>
  45. </td>
  46. </tr>
  47. <tr>
  48. <th>活动地点<span class="form-required">*</span></th>
  49. <td>
  50. <input class="form-control" type="text" name="address" required value="{$info.address}" placeholder="请输入活动地点"/>
  51. </td>
  52. </tr>
  53. <tr>
  54. <th>作者</th>
  55. <td><input class="form-control" type="text" name="author" value="{$info.author}"
  56. placeholder="请输入作者"></td>
  57. </tr>
  58. <tr>
  59. <th width="100">参加人数<span class="form-required">*</span></th>
  60. <td>
  61. <input class="form-control" type="number" name="join_num" required value="{$info.join_num}"/>
  62. </td>
  63. </tr>
  64. <tr>
  65. <th width="100">活动积分<span class="form-required">*</span></th>
  66. <td>
  67. <input class="form-control" type="number" name="score" required value="{$info.score}" placeholder="请输入参与活动签到后获得的积分"/>
  68. </td>
  69. </tr>
  70. <tr>
  71. <th>内容</th>
  72. <td>
  73. <script type="text/plain" id="content" name="content">{$info.content}</script>
  74. </td>
  75. </tr>
  76. <tr>
  77. <th>附件</th>
  78. <td>
  79. <ul id="files" class="pic-list list-unstyled form-inline">
  80. <notempty name="info.options">
  81. <foreach name="info.options" item="vo">
  82. <php>$file_url=cmf_get_file_download_url($vo['url']);</php>
  83. <li id="saved-file{$key}">
  84. <input id="file-{$key}" type="hidden" name="file_urls[]"
  85. value="{$vo.url}">
  86. <input class="form-control" id="file-{$key}-name" type="text"
  87. name="file_names[]"
  88. value="{$vo.name}" style="width: 200px;" title="图片名称">
  89. <a id="file-{$key}-preview" href="{$file_url}" target="_blank">下载</a>
  90. <a href="javascript:uploadOne('文件上传','#file-{$key}','file');">替换</a>
  91. <a href="javascript:(function(){$('#saved-file{$key}').remove();})();">移除</a>
  92. </li>
  93. </foreach>
  94. </notempty>
  95. </ul>
  96. <a href="javascript:uploadMultiFile('附件上传','#files','files-item-tpl','file');"
  97. class="btn btn-sm btn-default">选择文件</a>
  98. </td>
  99. </tr>
  100. </table>
  101. <div class="form-group">
  102. <div class="col-sm-offset-2 col-sm-10">
  103. <button type="submit" class="btn btn-primary js-ajax-submit">保存</button>
  104. <a class="btn btn-default" href="{:url('AdminActivity/index')}">返回</a>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="col-md-3">
  109. <table class="table table-bordered">
  110. <tr>
  111. <th><b>缩略图</b></th>
  112. </tr>
  113. <tr>
  114. <td>
  115. <div style="text-align: center;">
  116. <input type="hidden" name="main_image" id="thumbnail" value="{$info.main_image}">
  117. <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
  118. <if condition="empty($info.main_image)">
  119. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  120. id="thumbnail-preview"
  121. width="135" style="cursor: pointer"/>
  122. <else/>
  123. <img src="{:cmf_get_image_preview_url($info.main_image)}"
  124. id="thumbnail-preview"
  125. width="135" style="cursor: pointer"/>
  126. </if>
  127. </a>
  128. <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
  129. </div>
  130. </td>
  131. </tr>
  132. <tr>
  133. <th><b>开始时间</b></th>
  134. </tr>
  135. <tr>
  136. <td>
  137. <input class="form-control js-bootstrap-datetime" type="text" name="start_time"
  138. value="{:date('Y-m-d H:i',$info['start_time'])}">
  139. </td>
  140. </tr>
  141. <tr>
  142. <th><b>结束时间</b></th>
  143. </tr>
  144. <tr>
  145. <td>
  146. <input class="form-control js-bootstrap-datetime" type="text" name="end_time"
  147. value="{:date('Y-m-d H:i',$info['end_time'])}">
  148. </td>
  149. </tr>
  150. </table>
  151. </div>
  152. </div>
  153. </form>
  154. </div>
  155. <script type="text/javascript" src="__STATIC__/js/admin.js"></script>
  156. <script type="text/javascript">
  157. //编辑器路径定义
  158. var editorURL = GV.WEB_ROOT;
  159. </script>
  160. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
  161. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
  162. <script type="text/javascript">
  163. $(function () {
  164. editorcontent = new baidu.editor.ui.Editor();
  165. editorcontent.render('content');
  166. try {
  167. editorcontent.sync();
  168. } catch (err) {
  169. }
  170. $('.btn-cancel-thumbnail').click(function () {
  171. $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  172. $('#main_image').val('');
  173. });
  174. });
  175. </script>
  176. </body>
  177. </html>