form.html 2.7 KB

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