tree.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.w3.org/1999/xhtml">
  3. <meta charset="utf-8">
  4. <head th:include="include :: header"></head>
  5. <link href="/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css" th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
  6. <link href="/ruoyi/css/RuoYi.css" th:href="@{/ruoyi/css/RuoYi.css}" rel="stylesheet"/>
  7. <style>
  8. body{height:auto;font-family: "Microsoft YaHei";}
  9. button{font-family: "SimSun","Helvetica Neue",Helvetica,Arial;}
  10. </style>
  11. <body class="hold-transition box box-main">
  12. <input id="treeId" type="hidden"/>
  13. <input id="treeName" type="hidden"/>
  14. <div class="wrapper"><div class="treeShowHideButton" onclick="search();">
  15. <label id="btnShow" title="显示搜索" style="display:none;">︾</label>
  16. <label id="btnHide" title="隐藏搜索">︽</label>
  17. </div>
  18. <div class="treeSearchInput" id="search">
  19. <label for="keyword">关键字:</label><input type="text" class="empty" id="keyword" maxlength="50">
  20. <button class="btn" id="btn" onclick="searchNode()"> 搜索 </button>
  21. </div>
  22. <div class="treeExpandCollapse">
  23. <a href="javascript:" id="btnExpand">展开</a> /
  24. <a href="javascript:" id="btnCollapse">折叠</a>
  25. </div>
  26. <div id="tree" class="ztree treeselect"></div>
  27. </div>
  28. <div class="layui-layer-btn">
  29. <a class="layui-layer-btn0" th:onclick="'javascript:loadUser()'"><i class="fa fa-check"></i> 确定</a>
  30. <a class="layui-layer-btn1" th:onclick="'javascript:layer_close()'"><i class="fa fa-close"></i> 关闭</a>
  31. </div>
  32. <div th:include="include::footer"></div>
  33. <script src="/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js" th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
  34. <script src="/ruoyi/system/dept/tree.js" th:src="@{/ruoyi/system/dept/tree.js}"></script>
  35. <script th:inline="javascript">
  36. var treeName = [[${treeName}]];
  37. $("#treeName").val(treeName);
  38. </script>
  39. </body>
  40. </html>