No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

edit.html 5.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. {extend name="index_layout"/}
  2. {block name="main"}
  3. <form class="layui-form" method="post">
  4. {:token()}
  5. <div class="layui-form-item">
  6. <label class="layui-form-label">菜单</label>
  7. <div class="layui-input-block">
  8. <input type="radio" name="row[ismenu]" value="1" title="是" {if $data.ismenu==1}checked{/if}>
  9. <input type="radio" name="row[ismenu]" value="0" title="否" {if $data.ismenu==0}checked{/if}>
  10. </div>
  11. </div>
  12. <div class="layui-form-item">
  13. <label class="layui-form-label">上级菜单</label>
  14. <div class="layui-input-block">
  15. <select name="row[parentid]" lay-verify="required">
  16. <option value="0">作为一级菜单</option>
  17. {$select_categorys|raw}
  18. </select>
  19. </div>
  20. </div>
  21. <div class="layui-form-item">
  22. <label class="layui-form-label">规则</label>
  23. <div class="layui-input-block">
  24. <input type="text" name="row[name]" lay-verify="required" autocomplete="off" data-placeholder-node="控制器/方法名,如果有目录请使用 目录名.控制器名/方法名" data-placeholder-menu="父级菜单无需匹配控制器和方法,子级菜单请使用控制器名" class="layui-input" value="{$data.name}">
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">标题</label>
  29. <div class="layui-input-block">
  30. <input type="text" name="row[title]" lay-verify="required" autocomplete="off" placeholder="标题" class="layui-input" value="{$data.title}">
  31. </div>
  32. </div>
  33. <div class="layui-form-item" data-type="menu">
  34. <label class="layui-form-label">URL</label>
  35. <div class="layui-input-block">
  36. <input type="text" name="row[url]" autocomplete="off" placeholder="url" class="layui-input" value="{$data.url}">
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">图标</label>
  41. <div class="layui-input-block">
  42. <input type="text" id="iconPicker" lay-filter="iconPicker" class="hide" value="{$data.icon}" name="row[icon]">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">规则条件</label>
  47. <div class="layui-input-block">
  48. <textarea name="row[condition]" placeholder="规则条件" class="layui-textarea">{$data.condition}</textarea>
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <label class="layui-form-label">菜单类型</label>
  53. <div class="layui-input-block">
  54. <input type="radio" name="row[menutype]" value="_iframe" title="选项卡(默认)" {if $data.menutype=="iframe"}checked{/if}>
  55. <input type="radio" name="row[menutype]" value="_blank" title="链接" {if $data.menutype=="blank"}checked{/if}>
  56. </div>
  57. </div>
  58. <div class="layui-form-item">
  59. <label class="layui-form-label">扩展属性</label>
  60. <div class="layui-input-block">
  61. <textarea name="row[extend]" placeholder="扩展属性" class="layui-textarea">{$data.extend}</textarea>
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label class="layui-form-label">备注</label>
  66. <div class="layui-input-block">
  67. <textarea name="row[remark]" placeholder="备注" class="layui-textarea">{$data.remark}</textarea>
  68. </div>
  69. </div>
  70. <div class="layui-form-item">
  71. <label class="layui-form-label">显示排序</label>
  72. <div class="layui-input-block">
  73. <input type="text" name="row[listorder]" autocomplete="off" placeholder="显示排序" class="layui-input" value="{$data.listorder}">
  74. </div>
  75. </div>
  76. <div class="layui-form-item">
  77. <label class="layui-form-label">是否显示</label>
  78. <div class="layui-input-block">
  79. <input type="radio" name="row[status]" value="1" title="显示" {if $data.status==1}checked{/if}>
  80. <input type="radio" name="row[status]" value="0" title="隐藏" {if $data.status==0}checked{/if}>
  81. </div>
  82. </div>
  83. <input type="hidden" name="row[id]" value="{$data.id}" />
  84. <div class="layui-form-item layer-footer">
  85. <div class="layui-input-block">
  86. <button class="layui-btn" lay-submit="">立即提交</button>
  87. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  88. </div>
  89. </div>
  90. </form>
  91. {/block}
  92. {block name="script"}
  93. <script type="text/javascript">
  94. layui.use(['iconPicker', 'form', 'layer','yznForm'], function() {
  95. var iconPicker = layui.iconPicker,
  96. form = layui.form,
  97. layer = layui.layer,
  98. $ = layui.$,
  99. yznForm = layui.yznForm;
  100. yznForm.bindevent($("form.layui-form"));
  101. iconPicker.render({
  102. elem: '#iconPicker4',
  103. type: 'fontClass'
  104. });
  105. iconPicker.render({
  106. // 选择器,推荐使用input
  107. elem: '#iconPicker',
  108. // 数据类型:fontClass/unicode,推荐使用fontClass
  109. type: 'fontClass',
  110. // 是否开启搜索:true/false,默认true
  111. search: true,
  112. // 是否开启分页:true/false,默认true
  113. page: true,
  114. // 每页显示数量,默认12
  115. limit: 12,
  116. // 点击回调
  117. click: function (data) {
  118. //console.log(data);
  119. },
  120. // 渲染成功后的回调
  121. success: function(d) {
  122. //console.log(d);
  123. }
  124. });
  125. form.on('radio(ismenu)', function(data){
  126. var name = $("input[name='row[name]']");
  127. var ismenu = data.value == 1;
  128. name.prop("placeholder", ismenu ? name.data("placeholder-menu") : name.data("placeholder-node"));
  129. $('div[data-type="menu"]').toggleClass("layui-hide", !ismenu);
  130. })
  131. $("input[name='row[ismenu]']:checked").next().trigger("click");
  132. });
  133. </script>
  134. {/block}