menu.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. {extend name="layout/content" /} {block name="header"}
  2. <title>微信菜单列表</title>
  3. <link rel="stylesheet" href="/static/js/treeTable/treeTable.css">
  4. <style>
  5. .x-body>.toolWrap {
  6. float: right;
  7. margin-bottom: 10px;
  8. }
  9. form>.toolWrap {
  10. float: left;
  11. margin-bottom: 10px;
  12. }
  13. .layui-table td, .layui-table th {
  14. text-align: left !important;
  15. }
  16. .layui-table td:nth-of-type(1),
  17. .layui-table td:nth-of-type(3),
  18. .layui-table td:nth-of-type(4) {
  19. text-align: center !important;
  20. }
  21. #menus-table thead tr th {
  22. text-align: center!important;
  23. }
  24. </style>
  25. {/block} {block name="content"}
  26. <div class="x-body">
  27. <div class="toolWrap">
  28. {if(authUI('admin/Wechat/menuLoad'))}
  29. <a href="{:url('menuload')}" class="layui-btn layui-btn-radius">
  30. <i class="layui-icon"></i>导入菜单数据</a>
  31. {/if}
  32. {if(authUI('admin/Wechat/menuSend'))}
  33. <a href="{:url('menuSend')}" class="layui-btn layui-btn-radius">
  34. <i class="layui-icon"></i>发布菜单数据</a>
  35. {/if}
  36. </div>
  37. <form action="{:url('menu')}" method="post">
  38. <div class="toolWrap">
  39. <button class="layui-btn" lay-submit lay-filter="formDemo">排序</button>
  40. {if(authUI('admin/Wechat/menuEdit'))}
  41. <a href="{:url('menuEdit')}" class="layui-btn layui-btn-radius">
  42. <i class="layui-icon">&#xe654;</i>添加菜单</a>
  43. {/if}
  44. </div>
  45. <table class="layui-table" id="menus-table">
  46. <thead>
  47. <tr>
  48. <th>排序</th>
  49. <th>菜单名</th>
  50. <th>菜单内容</th>
  51. <th>操作</th>
  52. </tr>
  53. </thead>
  54. <tbody>
  55. {$category}
  56. </tbody>
  57. </table>
  58. </form>
  59. </div>
  60. {/block} {block name="footer"}
  61. <script src="/static/js/treeTable/treeTable.js"></script>
  62. <script>
  63. $(document).ready(function () {
  64. $("#menus-table").treeTable({
  65. indent: 20
  66. });
  67. // 为操作里的a标签添加样式
  68. $('td a').each(function (index, item) {
  69. if (item.innerHTML == '添加子菜单') {
  70. $(item).addClass("layui-btn layui-btn-normal")
  71. }
  72. if (item.innerHTML == '编辑') {
  73. $(item).addClass("layui-btn")
  74. }
  75. if (item.innerHTML == ' 删除 ') {
  76. $(item).addClass("layui-btn layui-btn-danger")
  77. }
  78. })
  79. });
  80. </script>
  81. {/block}