form.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
  2. <div class="layui-card-body">
  3. <div class="layui-form-item">
  4. <label class="layui-form-label">上级</label>
  5. <div class="layui-input-block">
  6. <select name='pid' class='layui-select' lay-search >
  7. <!--{foreach $menus as $menu}-->
  8. <!--{eq name='menu.id' value='$vo.pid|default=0'}-->
  9. <option selected value='{$menu.id}'>{$menu.spl|raw}{$menu.title}</option>
  10. <!--{else}-->
  11. <option value='{$menu.id}'>{$menu.spl|raw}{$menu.title}</option>
  12. <!--{/eq}-->
  13. <!--{/foreach}-->
  14. </select>
  15. <p class="help-block">必选,请选择上级或顶级(目前最多支持二级)</p>
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">名称</label>
  20. <div class="layui-input-block">
  21. <input name="title" value='{$vo.title|default=""}' required placeholder="请输入名称" class="layui-input">
  22. <p class="help-block">必填,请填写名称,建议字符不要太长,一般4-6个汉字</p>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="hr-line-dashed"></div>
  27. {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
  28. <div class="layui-form-item text-center" style="margin-top: 100px">
  29. <button class="layui-btn" type='submit'>保存数据</button>
  30. <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗?" data-close>取消编辑</button>
  31. </div>
  32. </form>
  33. {block name='script'}
  34. <script>
  35. window.form.render();
  36. require(['jquery.autocompleter'], function () {
  37. form.render();
  38. $('[name="icon"]').on('change', function () {
  39. $(this).parent().next().find('i').get(0).className = this.value
  40. });
  41. $('input[name=url]').autocompleter({
  42. limit: 6, highlightMatches: true, template: '{{ label }} <span> {{ title }} </span>', source: (function (subjects, data) {
  43. for (var i in subjects) data.push({value: subjects[i].node, label: subjects[i].node, title: subjects[i].title});
  44. return data;
  45. })(JSON.parse('{$nodes|raw|json_encode}'), [])
  46. });
  47. });
  48. $('[name="logo"]').uploadOneImage();
  49. </script>
  50. {/block}