sysMenuForm.jsp 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="../common/meta.jsp"%>
  4. <title>菜单编辑</title>
  5. </head>
  6. <body>
  7. <div class="container foot-mb">
  8. <div class="layui-collapse" lay-filter="collapse">
  9. <div class="layui-colla-item">
  10. <h2 class="layui-colla-title">菜单信息</h2>
  11. <div class="layui-colla-content layui-show">
  12. <form class="layui-form" action id="form-add">
  13. <div class="layui-form-item">
  14. <div class="layui-inline">
  15. <label class="layui-form-label"><span class="c-red">*</span>菜单名称</label>
  16. <div class="layui-input-inline">
  17. <input type="text" id="menu_name" name="menu_name" lay-verify="required"
  18. autocomplete="off" placeholder="请输入按钮名称" class="layui-input">
  19. </div>
  20. </div>
  21. <div class="layui-inline">
  22. <label class="layui-form-label">上级菜单</label>
  23. <div class="layui-input-inline">
  24. <select id="parent_id" name="parent_id">
  25. <option value=""></option>
  26. </select>
  27. </div>
  28. </div>
  29. <div class="layui-inline">
  30. <label class="layui-form-label">菜单地址</label>
  31. <div class="layui-input-inline">
  32. <input type="text" id="menu_url" name="menu_url"
  33. autocomplete="off" placeholder="请输入菜单地址" class="layui-input">
  34. </div>
  35. </div>
  36. <div class="layui-inline">
  37. <label class="layui-form-label"><span class="c-red">*</span>菜单排序</label>
  38. <div class="layui-input-inline">
  39. <input type="text" id="sort" name="sort" lay-verify="required|number"
  40. autocomplete="off" placeholder="请输入菜单排序" class="layui-input">
  41. </div>
  42. </div>
  43. <div class="layui-inline">
  44. <label class="layui-form-label">菜单图标</label>
  45. <input type="text" id="menu_icon" name="menu_icon" style="display:none;">
  46. <div class="layui-input-inline">
  47. <i id="icon" class="layui-icon" style="font-size: 18px;"></i>
  48. <button class="layui-btn layui-btn-small" id="selectIcon">选择图标</button>
  49. </div>
  50. </div>
  51. <div class="layui-inline">
  52. <label class="layui-form-label">备注</label>
  53. <div class="layui-input-inline">
  54. <input type="text" id="remark" name="remark"
  55. autocomplete="off" placeholder="请输入菜单备注" class="layui-input">
  56. </div>
  57. </div>
  58. </div>
  59. <div class="foot">
  60. <button class="layui-btn layui-btn-small" lay-submit="" lay-filter="form-add">保存</button>
  61. <button class="layui-btn layui-btn-small layui-btn-primary" type="reset">重置</button>
  62. <button class="layui-btn layui-btn-small layui-btn-primary" id="btn-close">关闭</button>
  63. </div>
  64. </form>
  65. </div>
  66. </div>
  67. <div class="layui-colla-item">
  68. <h2 class="layui-colla-title">菜单按钮</h2>
  69. <div class="layui-colla-content layui-show">
  70. <div class="btn-group">
  71. <a href="javascript:;" class="layui-btn layui-btn-small" id="btn-add"><i class="layui-icon">&#xe654;</i>新增</a>
  72. </div>
  73. <div class="layui-form">
  74. <table id="dateTable" class="layui-table" lay-even="" width="100%" lay-skin="line">
  75. <thead>
  76. <tr>
  77. <th width="10"><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
  78. <th>按钮代码</th>
  79. <th>按钮名称</th>
  80. <th>备注</th>
  81. <th class="text-c">操作</th>
  82. </tr>
  83. </thead>
  84. <tbody>
  85. </tbody>
  86. </table>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <script type="text/javascript">
  93. layui.config({
  94. base: '${base}/static/web/js/sys/',version: true //你的模块目录
  95. }).use('sysMenuForm'); //加载入口
  96. </script>
  97. </body>
  98. </html>