form.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <form
  2. class="layui-form layui-card"
  3. action="{:sysuri()}"
  4. id="UserForm"
  5. data-auto="true"
  6. method="post"
  7. autocomplete="off"
  8. >
  9. <div class="layui-card-body padding-left-40">
  10. <fieldset>
  11. <legend><b class="layui-badge think-bg-violet">通知信息</b></legend>
  12. <div class="layui-row layui-col-space15">
  13. <div class="layui-row layui-col-space15">
  14. <div class="layui-col-xs5">
  15. <label class="block relative">
  16. <span class="color-green font-w7">通知标题</span>
  17. <span class="color-desc margin-left-5">Title</span>
  18. {if isset($vo) and isset($vo.title)}
  19. <input name="title" value='{$vo.title|default=""}' required class="layui-input think-bg-gray" />
  20. {else}
  21. <input
  22. name="title"
  23. value=""
  24. required
  25. pattern="^.{4,}$"
  26. placeholder="请输入通知标题"
  27. class="layui-input"
  28. />
  29. {/if}
  30. <span class="help-block">通知标题在50汉字以内</span>
  31. </label>
  32. </div>
  33. <div class="layui-col-xs5">
  34. <label class="block relative">
  35. <span class="color-green font-w7">通知链接</span>
  36. <span class="color-desc margin-left-5">Link</span>
  37. <input name="link" value='{$vo.link|default=""}' placeholder="请输入通知链接" class="layui-input" />
  38. <span class="help-block">有链接时,点击通知将跳转到对应链接。</span>
  39. </label>
  40. </div>
  41. <label class="layui-form-item block relative margin-top-10">
  42. <span class="color-green font-w7">通知内容</span><span class="color-desc margin-left-5">Content</span>
  43. <textarea placeholder="请输入通知内容" class="layui-textarea" name="content">
  44. {$vo.content|default=""}</textarea
  45. >
  46. </label>
  47. </div>
  48. </div>
  49. </fieldset>
  50. <div class="hr-line-dashed"></div>
  51. {notempty name='vo.id'}<input type="hidden" value="{$vo.id}" name="id" />{/notempty}
  52. <div class="layui-form-item text-center">
  53. <button class="layui-btn" type="submit">保存数据</button>
  54. <button class="layui-btn layui-btn-danger" type="button" data-confirm="确定要取消编辑吗?" data-close>
  55. 取消编辑
  56. </button>
  57. </div>
  58. </div>
  59. </form>
  60. <script>
  61. layui.form.render();
  62. $("#UserForm").parent().css("overflow", "revert");
  63. </script>