bpmBatchApprovalManage.jsp 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/commons/include/html_doctype.html" %>
  3. <html>
  4. <head>
  5. <title>流程批量审批列表</title>
  6. <%@include file="/commons/include/get.jsp" %>
  7. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerLayout.js"></script>
  8. <f:link href="tree/zTreeStyle.css"></f:link>
  9. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js"></script>
  10. <script type="text/javascript">
  11. var processTree = null;
  12. $(function (){
  13. //布局
  14. $("#defLayout").ligerLayout({ leftWidth:210,height: '100%',allowLeftResize:false});
  15. initTree();
  16. });
  17. function initTree(){
  18. var setting = {
  19. data: {
  20. simpleData: {enable: true,pIdKey: "pid"}
  21. },
  22. callback:{onClick: function(event, treeId, treeNode){
  23. if( $.isEmpty(treeNode.pid) )
  24. return ;
  25. var url = __ctx+"/platform/bpm/bpmBatchApproval/lists.ht"+"?batchId="+treeNode.batchId;
  26. $("#defFrame").attr("src",url);
  27. }}
  28. };
  29. var url = __ctx+"/platform/bpm/bpmBatchApproval/tree.ht";
  30. $.post(url,{},function(result){
  31. for(var i=0;i<result.length;i++){
  32. var node=result[i];
  33. node.open =true;
  34. }
  35. processTree = $.fn.zTree.init($("#processTree" ), setting,result);
  36. });
  37. }
  38. function treeFresh(){
  39. initTree();
  40. }
  41. //展开收起
  42. function treeExpandAll(type){
  43. processTree.expandAll(type);
  44. };
  45. </script>
  46. </head>
  47. <body>
  48. <div id="defLayout" >
  49. <div position="left" title="流程定义" style="overflow: auto;float:left;width:100%;height:96%;">
  50. <div class="tree-toolbar">
  51. <span class="toolBar">
  52. <div class="group"><a class="link reload" id="treeFresh" href="javascript:treeFresh();" title="刷新"></a></div>
  53. <div class="l-bar-separator"></div>
  54. <div class="group"><a class="link expand" id="treeExpandAll" href="javascript:treeExpandAll(true)" title="展开"></a></div>
  55. <div class="l-bar-separator"></div>
  56. <div class="group"><a class="link collapse" id="treeCollapseAll" href="javascript:treeExpandAll(false)" title="收起"></a></div>
  57. </span>
  58. </div>
  59. <ul id="processTree" class="ztree" ></ul>
  60. </div>
  61. <div position="center" >
  62. <iframe id="defFrame" height="100%" width="100%" frameborder="0" src="${ctx}/platform/bpm/bpmBatchApproval/lists.ht"></iframe>
  63. </div>
  64. </div>
  65. </body>
  66. </html>