edit.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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="img[]" 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. </head>
  19. <body>
  20. <div class="wrap js-check-wrap">
  21. <ul class="nav nav-tabs">
  22. <li><a href="{:url('reply/index')}">回复二维码列表</a></li>
  23. <li><a href="{:url('reply/add')}">添加回复二维码</a></li>
  24. <li class="active"><a href="#">编辑回复二维码</a></li>
  25. </ul>
  26. <form action="{:url('Reply/editPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
  27. <div class="row">
  28. <div class="col-md-9">
  29. <table class="table table-bordered">
  30. <tr>
  31. <th style="width:130px;">回复二维码标题<span class="form-required">*</span></th>
  32. <td>
  33. <input class="form-control" type="text" name="title"
  34. id="title" required value="{$reply.title}" placeholder="请输入标题"/>
  35. </td>
  36. </tr>
  37. <tr>
  38. <th style="width:120px;">回复关键字<span class="form-required">*</span></th>
  39. <td>
  40. <input class="form-control" style="width:500px;float: left; margin-right: 20px;" type="text" name="keyword"
  41. id="keyword" required value="{$reply.keyword}" placeholder="请输入回复关键字"/>
  42. <button type="button" style="float: left;" id="butpro" class="btn btn-primary js-ajax-submit">生成四位数字</button>
  43. </td>
  44. </tr>
  45. <tr>
  46. <th style="width:120px;">二维码图片</th>
  47. <td>
  48. <ul id="img" class="pic-list list-unstyled form-inline">
  49. <notempty name="reply.img">
  50. <foreach name="reply.img" item="vo">
  51. <li id="saved-image{$key}">
  52. <input id="photo-{$key}" type="hidden" name="img[]"
  53. value="{$vo}">
  54. <!-- <input class="form-control" id="photo-{$key}-name" type="text"
  55. name="photo_names[]"
  56. value="{$vo|default=''}" style="width: 200px;" title="图片名称"> -->
  57. <img id="photo-{$key}-preview"
  58. src="{:cmf_get_image_preview_url($vo)}"
  59. style="height:36px;width: 36px;"
  60. onclick="parent.imagePreviewDialog(this.src);">
  61. <a href="javascript:uploadOneImage('图片上传','#photo-{$key}');">替换</a>
  62. <a href="javascript:(function(){$('#saved-image{$key}').remove();})();">移除</a>
  63. </li>
  64. </foreach>
  65. </notempty>
  66. </ul>
  67. <a href="javascript:uploadMultiImage('图片上传','#img','photos-item-tpl');"
  68. class="btn btn-default btn-sm">选择图片</a>
  69. </td>
  70. </tr>
  71. <tr>
  72. <th style="width:120px;">回复文字</th>
  73. <td>
  74. <textarea class="form-control" name="content" style="height: 80px;"
  75. placeholder="请填写回复文字">{$reply.content}</textarea>
  76. </td>
  77. </tr>
  78. </table>
  79. <hook name="portal_admin_article_edit_view_main"/>
  80. <div class="form-group">
  81. <div class="col-sm-offset-2 col-sm-10">
  82. <input type="hidden" name="id" value="{$reply.id}">
  83. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
  84. <a class="btn btn-default" href="{:url('Reply/index')}">{:lang('BACK')}</a>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </form>
  90. </div>
  91. <script type="text/javascript" src="__STATIC__/js/admin.js"></script>
  92. <script type="text/javascript">
  93. function rand(min,max) {
  94. return Math.floor(Math.random()*(max-min))+min;
  95. }
  96. $("#butpro").click(function(){
  97. var randnum=rand(1000,9999);
  98. $('#keyword').val(randnum);
  99. });
  100. </script>
  101. </body>
  102. </html>