list.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>国家科技部学科领域</title>
  7. <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  8. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  9. <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  10. </head>
  11. <body>
  12. <div class="layuimini-container">
  13. <div class="layuimini-main">
  14. <script type="text/html" id="toolbarDemo">
  15. <!-- <div class="layui-btn-container">-->
  16. <!-- <button class="layui-btn layui-btn-sm data-add-btn" lay-event="add">-->
  17. <!-- <i class="layui-icon layui-icon-addition" style="font-size: 10px;"></i>新增-->
  18. <!-- </button>-->
  19. <!-- <button class="layui-btn layui-btn-sm data-add-btn" lay-event="delete">-->
  20. <!-- <i class="layui-icon layui-icon-delete" style="font-size: 10px;"></i>删除-->
  21. <!-- </button>-->
  22. <!-- </div>-->
  23. </script>
  24. <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  25. <script type="text/html" id="currentTableBar">
  26. <!-- <a class="layui-btn layui-btn-xs data-count-update" lay-event="update">-->
  27. <!-- <i class="layui-icon layui-icon-edit" style="font-size: 10px;"></i>编辑-->
  28. <!-- </a>-->
  29. <!-- <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delFlag">-->
  30. <!-- <i class="layui-icon layui-icon-delete" style="font-size: 10px;"></i>删除-->
  31. <!-- </a>-->
  32. </script>
  33. </div>
  34. </div>
  35. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  36. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  37. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  38. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  39. <script type="text/javascript" th:inline="javascript">
  40. AjaxUtil.ctx = /*[[@{/}]]*/'';
  41. layui.use(['form', 'table', 'treeTable'], function () {
  42. var form = layui.form,
  43. treeTable = layui.treeTable;
  44. var isShow = true;
  45. var insTb = treeTable.render({
  46. elem: '#currentTableId',
  47. url: AjaxUtil.ctx + 'baseMost/list',
  48. skin: 'grid',
  49. tree: {
  50. treeColIndex: 1,
  51. treeSpid: "0",
  52. iconIndex: 0, // 折叠图标显示在第几列
  53. isPidData: true, // 是否是id、pid形式数据
  54. idName: 'id', // id字段名称
  55. pidName: 'pid', // pid字段名称
  56. arrowType: 'arrow2',
  57. getIcon: 'ew-tree-icon-style2'
  58. },
  59. treeDefaultClose: isShow,
  60. method : 'GET',
  61. page: false,
  62. toolbar: '#toolbarDemo',
  63. cols: [
  64. [
  65. {field: 'name', width: '30%', title: '名称', align: 'left'},
  66. {field: 'id', width: '10%', title: '编码', align: 'left'},
  67. {field: 'order', width: '10%', title: '排序', align: 'left'},
  68. // {title: '操作', width: '15%', toolbar: '#currentTableBar', align: 'center'},
  69. {title: '', width: '30%', title: '', fixed: 'right'}
  70. ]
  71. ]
  72. });
  73. //监听行选中
  74. treeTable.on('row(currentTableId)', function (obj) {
  75. obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
  76. });
  77. });
  78. </script>
  79. </body>
  80. </html>