fw_play.jsp 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = path+"/";
  5. String instanceId=request.getParameter("id");
  6. %>
  7. <!doctype html>
  8. <html>
  9. <head>
  10. <title>SinoWorkFlow</title>
  11. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. <link rel="stylesheet" href="<%=basePath%>player/js/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  14. <link rel="stylesheet" href="<%=basePath%>player/css/font-awesome/css/font-awesome.min.css">
  15. <link rel="stylesheet" href="<%=basePath%>player/css/app.v2.css">
  16. <link rel="stylesheet" href="<%=basePath%>player/css/extjs.css">
  17. <link rel="stylesheet" href="<%=basePath%>player/js/toastr/toastr.min.css">
  18. </head>
  19. <body>
  20. <div class="text-small padder" style="border-bottom: 1px rgb(209, 212, 215);height: calc(100% - 110px);">
  21. <!-- <div class="block clearfix" style="margin-bottom:0px;width: 100%;overflow: hidden;">-->
  22. <!-- <div class="doc-buttons pull-right inline">-->
  23. <!-- <a class="btn btn-white btn-sm" onclick="showPlay1()" style="cursor:pointer;"><i class="fa fa-play-circle"></i> PLAY1</a>-->
  24. <!-- <a class="btn btn-white btn-sm" onclick="showPlay2()" style="cursor:pointer;"><i class="fa fa-play-circle-o"></i> PLAY2</a>-->
  25. <!-- </div>-->
  26. <!-- </div>-->
  27. <div class="text-small" style="width:90%;height:450px;border:solid 1px rgb(209, 212, 215);">
  28. <iframe id="bpmnPlay" src="<%= basePath%>player/design/play.jsp?id=<%= instanceId%>" style="border: none;width:100%;height:100%;" ></iframe>
  29. </div>
  30. <!-- <div class="text-small" style="width:100%;height:500px;border:solid 1px rgb(209, 212, 215);">-->
  31. <!-- <iframe id="listFrame" src="<%= basePath%>jsp/framework/blank_todolist_detail2.jsp?pid=<%= instanceId%>" style="border: none;width:100%;height:100%;" ></iframe>-->
  32. <!-- </div>-->
  33. <br>
  34. <div class="block clearfix" style="margin-bottom:0px;width: 90%;overflow: hidden;">
  35. <div class="doc-buttons pull-right inline">
  36. <a class="btn btn-white btn-sm" id="index" onclick="changeContent(this)" style="cursor:pointer;"><i class="fa fa-play-circle"></i> 流程管理</a>
  37. </div>
  38. </div>
  39. </body>
  40. <script type="text/javascript">
  41. window.name = "dialogPage";
  42. var basePath='<%=basePath%>';
  43. var instanceId='<%=instanceId%>';
  44. function showPlay1(){
  45. var url = basePath+'player/design/play.jsp?id=' + instanceId;
  46. $('#bpmnPlay').attr("src",url);
  47. }
  48. function showPlay2(){
  49. var url = basePath+'player/design/play2.jsp?id=' + instanceId;
  50. $('#bpmnPlay').attr("src",url);
  51. }
  52. //页面切换
  53. function changeContent(type){
  54. var contextPath=basePath;
  55. var url=contextPath+'/player/index.jsp';
  56. if(type.id === 'lcmb'){
  57. url=contextPath+'/player/page/lcmb.jsp';
  58. }else if(type.id === 'lcdy'){
  59. url=contextPath+'/player/page/lcdy.jsp';
  60. }else if(type.id === 'lcsl'){
  61. url=contextPath+'/player/page/lcsl.jsp';
  62. }
  63. if(window.showModalDialog == undefined){
  64. $('#mainContent').attr("src",url);
  65. CFW.oWin.fnDivOpen('myWindowNvl');
  66. }else{
  67. var position = "resizable:1;status:0;help:0;scroll:1;center:1;dialogWidth:1250px;dialogHeight:700px";
  68. //window.showModalDialog(url,window,position);
  69. window.open(url,"dialogPage",position);
  70. //window.open(url);
  71. }
  72. }
  73. </script>
  74. <script src="<%=basePath%>player/js/jquery/dist/jquery.min.js"></script>
  75. <script src="<%=basePath %>player/design/bpmn/play/bpmn-viewer.min.js"></script>
  76. <script src="<%=basePath %>player/design/bpmn/play/play.js"></script>
  77. </html>