notice_form.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">系统通知信息</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane" lay-filter="{$lay_table}">
  8. <input type="hidden" name="id" value="{$info.id}">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label"><span style="color:#f90c05;">*</span>标题</label>
  11. <div class="layui-input-block">
  12. <input type="text" name="title" value="{$info.title}" lay-verify="required"
  13. placeholder="请输入标题" autocomplete="off"
  14. class="layui-input">
  15. </div>
  16. </div>
  17. <div class="layui-form-item" id="form-content">
  18. <label class="layui-form-label"><span style="color:#f90c05;">*</span>内容</label>
  19. <div class="layui-input-block">
  20. <textarea class="layui-textarea" name="content" id="content" placeholder="请输入内容"
  21. style="display: none"
  22. lay-verify="editcontent">
  23. {$info.content}
  24. </textarea>
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label"><span style="color:#f90c05;">*</span>排序</label>
  29. <div class="layui-input-block">
  30. <input type="text" name="priority" value="{$info.priority|default=255}"
  31. lay-verify="required|number" placeholder="请输入排序"
  32. autocomplete="off" class="layui-input">
  33. <div class="layui-form-mid layui-word-aux">倒序,值越大越靠前</div>
  34. </div>
  35. </div>
  36. <div class="layui-form-item" pane>
  37. <label class="layui-form-label"><span style="color:#f90c05;">*</span>状态</label>
  38. <div class="layui-input-block">
  39. {volist name="status_list" id="v"}
  40. <input type="radio" name="status" value="{$key}" title="{$v}" {eq name="info.status|default=1" value="$key" }checked{/eq}>
  41. {/volist}
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <div class="layui-input-block">
  46. <input type="button" lay-submit lay-filter="{$lay_btn}" value="确认提交" class="layui-btn">
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <script>
  56. layui.use(['index', 'form', 'layedit', 'upload'], function () {
  57. const admin = layui.admin;
  58. const layedit = layui.layedit;
  59. const form = layui.form;
  60. form.render();
  61. const content = layedit.build('content', {
  62. uploadImage: { url: "{:url('upload/image')}", type: 'post' }
  63. });
  64. form.verify({
  65. editcontent: function (value) {
  66. layedit.sync(content);
  67. }
  68. });
  69. form.on('submit({$lay_btn})', function (obj) {
  70. const index = parent.layer.getFrameIndex(window.name);
  71. admin.req({
  72. url: "{:url('notice/editNotice')}",
  73. type: 'post',
  74. data: obj.field,
  75. done: function (res) {
  76. layer.msg("提交成功", {
  77. icon: 1
  78. });
  79. parent.layui.table.reload('lay-notice-index-table'); //重载表格
  80. parent.layer.close(index);
  81. }
  82. });
  83. });
  84. });
  85. </script>