readperm.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/gray/easyui.css" />
  22. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/icon.css" />
  23. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  24. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  25. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  26. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  27. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  28. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  29. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  30. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  31. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/jquery.easyui.min.js"></script>
  32. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
  33. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  34. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  35. <!--[if IE 6]>
  36. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  37. <script>DD_belatedPNG.fix('*');</script>
  38. <![endif]-->
  39. <script type="text/javascript">
  40. //栏目权限
  41. $(function(){
  42. var permType;
  43. var setting_ztree;
  44. var zNode;
  45. var _ztee;
  46. $('#table').tabs({
  47. onSelect: function(title){
  48. if(title=="人员"){
  49. $.post("${ctx}/myconsole/readperm/getPermOrg",function(data){
  50. //console.log(data);
  51. $("#permOrg").empty();
  52. $("#permOrg").append(data);
  53. })
  54. permType="user";
  55. var _ztree=$("#tree_user");
  56. zNode="";
  57. }else if(title=="角色"){
  58. permType="role";
  59. zNode=${Role};
  60. var _ztree=$("#tree_role");
  61. }else if(title=="机构"){
  62. permType="org";
  63. zNode=${Org};
  64. var _ztree=$("#tree_org");
  65. }
  66. initTree(_ztree,permType,zNode);
  67. }
  68. });
  69. initTree($("#tree_role"),"role",${Role});
  70. function initTree(_ztree,permType,zNode){
  71. function zTreeSave(event, treeId, treeNode) {
  72. $.post("${ctx}/myconsole/readperm/saveReadPerm",{"resourceType":"${resourceType}","resourceID":"${resourceID}","permID":treeNode.id,"permType":permType,"siteid":treeNode.siteid,"checked":treeNode.checked},function(data){
  73. //alert(data);
  74. layer.msg(data);
  75. })
  76. };
  77. setting_ztree = {
  78. check: {
  79. enable: true,
  80. chkboxType: { "Y" : "", "N" : "" },
  81. autoCheckTrigger: true
  82. },
  83. data: {
  84. simpleData: {
  85. idKey:"id",
  86. pIdKey:"pid",
  87. enable:true,
  88. rootPId:"0"
  89. }
  90. },
  91. callback: {
  92. onCheck: zTreeSave
  93. }
  94. };
  95. $.fn.zTree.init(_ztree, setting_ztree, zNode);
  96. }
  97. $("#permOrg").change(function(){
  98. $.post("${ctx}/myconsole/readperm/getPermUser",{"orgID":$(this).val(),"resourceType":"${resourceType}","resourceID":"${resourceID}"},function(data){
  99. //console.log(data);
  100. zNode=data;
  101. initTree($("#tree_user"),"user",zNode);
  102. })
  103. })
  104. })
  105. </script>
  106. <title>阅读权限</title>
  107. </head>
  108. <body>
  109. <div id="table" class="easyui-tabs" style="width: 100%; height: 400px;">
  110. <div title="角色" style="padding:5px;display:none;">
  111. <ul id="tree_role" class="ztree"></ul>
  112. </div>
  113. <div title="人员" style="padding:5px;display:none;">
  114. 选择机构:<select id="permOrg"><option>请选择机构</option></select>
  115. <ul id="tree_user" class="ztree"></ul>
  116. </div>
  117. <div title="机构" style="padding:5px;display:none;">
  118. <ul id="tree_org" class="ztree"></ul>
  119. </div>
  120. </div>
  121. </body>
  122. </html>