remindruletree.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  11. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  12. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  13. <![endif]-->
  14. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
  15. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
  16. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
  17. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
  18. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
  19. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />
  20. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  21. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  22. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  23. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  24. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  25. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  26. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  27. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  28. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  29. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  31. <!--[if IE 6]>
  32. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  33. <script>DD_belatedPNG.fix('*');</script>
  34. <![endif]-->
  35. <script type="text/javascript">
  36. var OrgTree = '${OrgTree!}';
  37. var treeObj = null;
  38. $(function() {
  39. $('#contentFrame').css('height',document.body.clientHeight-80);
  40. var t = $("#treeDemo");
  41. treeObj = $.fn.zTree.init(t, setting,createTree(OrgTree));
  42. })
  43. var setting = {
  44. view: {
  45. dblClickExpand: false,
  46. showLine: false,
  47. selectedMulti: false
  48. },
  49. data: {
  50. simpleData: {
  51. enable:true,
  52. idKey: "id",
  53. pIdKey: "pId",
  54. rootPId: ""
  55. }
  56. },
  57. callback: {
  58. onClick: zTreeClick
  59. }
  60. };
  61. //创建树型菜单
  62. function createTree(OrgTree){
  63. var zNodes = [];
  64. if(OrgTree == ""){
  65. return false;
  66. }
  67. var jsonorgtree = JSON.parse(OrgTree);
  68. jsonorgtree.forEach(function(item,index){
  69. zNodes.push({id:item.orgid,pId:item.parentid,name:item.orgname,open:true});
  70. })
  71. return zNodes;
  72. }
  73. function zTreeClick(event, treeId, treeNode) {
  74. $('.tips').text(treeNode.name);
  75. $('#contentFrame').attr('src','${ctx}/myconsole/complaint/rule/remindRule?DoOrgID='+treeNode.id);
  76. }
  77. </script>
  78. <title>我的桌面</title>
  79. </head>
  80. <body>
  81. <div class="pos-a" style="width:150px;left:0;top:0; bottom:0; height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5">
  82. <ul id="treeDemo" class="ztree">
  83. </ul>
  84. </div>
  85. <div style="margin-left:150px;" id='rightContent'>
  86. <iframe id="contentFrame" scrolling="yes" frameborder="0" style="width:100%; height:650px;" src=""></iframe>
  87. </div>
  88. </body>
  89. </html>