edit.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. {// 引入标签库 }
  2. <tagLib name="html" />
  3. <include file="Public:header" />
  4. <style>
  5. .delete {
  6. cursor: pointer;
  7. padding: 0px 5px;
  8. text-decoration: underline;
  9. color: red;
  10. }
  11. .uploaderMsgBox {
  12. width: 100%;
  13. border-bottom: 1px solid #888;
  14. }
  15. [act=cancel-upload]{
  16. text-decoration: none;
  17. cursor:pointer;
  18. }
  19. </style>
  20. <div class="main">
  21. <div class="main_title">{%EDIT} <a href="{:u("EduOrg/index")}" class="back_list">{%BACK_LIST}</a></div>
  22. <div class="blank5"></div>
  23. <form name="edit" action="__APP__" method="post" enctype="multipart/form-data">
  24. <table class="form" cellpadding=0 cellspacing=0>
  25. <tr>
  26. <td colspan=2 class="topTd"></td>
  27. </tr>
  28. <tr>
  29. <td class="item_title">名称:</td>
  30. <td class="item_input"><input type="text" class="textbox disabled" name="title" value="{$vo.title}" disabled /></td>
  31. </tr>
  32. <tr>
  33. <td class="item_title">Logo:</td>
  34. <td class="item_input"><html:imgUpload name='logo' id='logo' value="$vo.logo" /></td>
  35. </tr>
  36. <tr>
  37. <td class="item_title">机构图片:</td>
  38. <td class="item_input" style="padding: 10px;">
  39. <table cellpadding=0 cellspacing=0 class="form" rel="image_form">
  40. <tbody>
  41. <foreach name="images" item="image" key="key">
  42. <tr>
  43. <td>
  44. <html:imgUpload name='images[{$key}]' id='images_{$key}' value="$image" />
  45. </td>
  46. </tr>
  47. </foreach>
  48. </tbody>
  49. </table>
  50. <input type="hidden" name="image_num" value="{$image_num}">
  51. <input type="button" class="button" value="添加图片" id="add_new_image">
  52. <span class="tip_span" id="tip_span">&nbsp;[规格为:750px*350px]</span>
  53. </td>
  54. </tr>
  55. <tr>
  56. <td class="item_title">宣传视频:</td>
  57. <td class="item_input">
  58. <input type="text" class="textbox" name="file_id" id="file_id" value="{$vo.file_id}" />
  59. <input type="button" class="button" id="btn_upload" value="上传视频" />
  60. <input type="file" id="video_file" style="display: none">
  61. <span id="result"></span>
  62. </td>
  63. </tr>
  64. <tr>
  65. <td class="item_title">宣传视频封面:</td>
  66. <td class="item_input">
  67. <html:imgUpload name='desc_video_image' id='desc_video_image' value="$vo.desc_video_image" />
  68. <span class="tip_span" id="tip_span">&nbsp;[规格为:470px*300px]</span>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td class="item_title">商场链接:</td>
  73. <td class="item_input"><input type="text" class="textbox required" style="width: 750px;" name="store_url" value="{$vo.store_url}" /></td>
  74. </tr>
  75. <tr>
  76. <td class="item_title">机构地址:</td>
  77. <td class="item_input"><input type="text" class="textbox required" style="width: 750px;" name="address" value="{$vo.address}" /></td>
  78. </tr>
  79. <tr>
  80. <td class="item_title">机构介绍</td>
  81. <td class="item_input">
  82. <input type="text" class="textbox required" style="width: 750px;" name="description" value="{$vo.description}" />
  83. </td>
  84. </tr>
  85. <tr>
  86. <td class="item_title">机构成员:</td>
  87. <td class="item_input">
  88. <table cellpadding=0 cellspacing=0 class="form" rel="member_form">
  89. <tbody>
  90. <foreach name="members" item="member" key="key">
  91. <tr>
  92. <td style="width: 200px;">
  93. 姓名:<input type="text" name="members[{$key}][name]" value="{$member.name}">
  94. </td>
  95. <td>
  96. <html:imgUpload name='members[{$key}][avatar]' id='members_{$key}_avatar' value="$member.avatar" />
  97. </td>
  98. </tr>
  99. </foreach>
  100. </tbody>
  101. </table>
  102. <input type="hidden" name="member_num" value="{$member_num}">
  103. <input type="button" class="button" value="添加成员" id="add_new_member">
  104. <span class="tip_span" id="tip_span">&nbsp;[规格为:200px*200px]</span>
  105. </td>
  106. </tr>
  107. <tr>
  108. <td class="item_title">标签</td>
  109. <td class="item_input">
  110. <ul style="width: 100%">
  111. <foreach name="tags" item="tag">
  112. <li style="width: 30%; display: inline-block">
  113. <label class="col-xs-4">
  114. <input type="checkbox" name="tags[]" value="{$tag.title}" <if condition="$tag['is_checked'] eq true">checked="checked"</if> > {$tag.title}
  115. </label>
  116. </li>
  117. </foreach>
  118. </ul>
  119. <span class="tip_span" id="tip_span">最多选择 3 个标签</span>
  120. </td>
  121. </tr>
  122. <tr>
  123. <td class="item_title"></td>
  124. <td class="item_input">
  125. <!--隐藏元素-->
  126. <input type="hidden" name="{:conf("VAR_MODULE")}" value="EduOrg" />
  127. <input type="hidden" name="{:conf("VAR_ACTION")}" value="update" />
  128. <input type="hidden" name="id" value="{$vo.id}" />
  129. <input type="hidden" id="secret_id" value="{$secret_id}" />
  130. <input type="hidden" id="after_sha_start_upload" value="1" />
  131. <!--隐藏元素-->
  132. <input type="submit" class="button" value="{%EDIT}" />
  133. <input type="reset" class="button" value="{%RESET}" />
  134. </td>
  135. </tr>
  136. <tr>
  137. <td colspan=2 class="bottomTd"></td>
  138. </tr>
  139. </table>
  140. </form>
  141. <table>
  142. <tr id="demo_member" style="display:none;">
  143. <td style="width: 200px;">姓名:<input type="text" name="members[1][name]" value=""></td>
  144. <td>
  145. <html:imgUpload name='members[1][avatar]' id='members_1_avatar' />
  146. </td>
  147. </tr>
  148. <tr id="demo_image" style="display: none;">
  149. <td>
  150. <html:imgUpload name='images[1]' id='images_1' />
  151. </td>
  152. </tr>
  153. </table>
  154. </div>
  155. <script>
  156. $(function () {
  157. $("#add_new_member").live('click', function () {
  158. var num = parseFloat($("input[name='member_num']").val()) + 1;
  159. $("input[name='member_num']").val(num);
  160. var demo_member = "<tr>" + $("#demo_member").html() + "</tr>";
  161. demo_member = demo_member.replace(/members_1/g, "members_" + num);
  162. demo_member = demo_member.replace(/members\[1\]/g, "members[" + num + "]");
  163. $("table[rel='member_form'] tbody").append(demo_member);
  164. bindKdupload();
  165. });
  166. $("table[rel='member_form'] .keimg_d").live("click", function () {
  167. var sort_num = $("table[rel='member_form'] .keimg_d").index($(this));
  168. $("table[rel='member_form'] tbody tr:eq(" + sort_num + ")").remove("tr");
  169. });
  170. $("#add_new_image").live('click', function () {
  171. var num = parseFloat($("input[name='image_num']").val()) + 1;
  172. $("input[name='image_num']").val(num);
  173. var demo_image = "<tr>" + $("#demo_image").html() + "</tr>";
  174. demo_image = demo_image.replace(/images_1/g, "images_" + num);
  175. demo_image = demo_image.replace(/images\[1\]/g, "images[" + num + "]");
  176. $("table[rel='image_form'] tbody").append(demo_image);
  177. bindKdupload();
  178. });
  179. $("table[rel='image_form'] .keimg_d").live("click", function () {
  180. var sort_num = $("table[rel='image_form'] .keimg_d").index($(this));
  181. $("table[rel='image_form'] tbody tr:eq(" + sort_num + ")").remove("tr");
  182. });
  183. })
  184. $('input[name="tags[]"]').change(function(){
  185. if($('input[name="tags[]"]:checked').length <= 3) {
  186. return;
  187. }
  188. if(this.checked) {
  189. this.checked = false;
  190. }
  191. });
  192. </script>
  193. <PHP>
  194. $time = time();
  195. </PHP>
  196. <script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js"></script>
  197. <script type="text/javascript" src='__TMPL__Common/js/user_live.js?t={$time}'></script>
  198. <include file="Public:footer" />