صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
zjrs
/
yctb-SpringBoot
8
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
درخت: 0108ed13ca
شاخه‌ها تگ‌ها
yctb-SpringB...
/
web
/
player
/
page
/
lcsl.jsp

lcsl.jsp 7.4 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148 
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    2. 

  2. <%
    3. 

  3. 	String path = request.getContextPath();
    4. 

  4. 	String basePath=path+"/";
    5. 

  5. %>
    6. 

  6. <!doctype html>
    7. 

  7. <html>
    8. 

  8. <head>
    9. 

  9. <title>SinoWorkFlow</title>
    10. 

  10. <meta http-equiv="content-type" content="text/html; charset=utf-8">
    11. 

  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    12. 

  12. <link rel="stylesheet" href="<%=basePath%>player/js/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    13. 

  13. <link rel="stylesheet" href="<%=basePath%>player/css/font-awesome/css/font-awesome.min.css">
    14. 

  14. <link rel="stylesheet" href="<%=basePath%>player/css/app.v2.css">
    15. 

  15. <link rel="stylesheet" href="<%=basePath%>player/css/extjs.css">
    16. 

  16. <link rel="stylesheet" href="<%=basePath%>player/js/toastr/toastr.min.css">
    17. 

  17. </head>
    18. 

  18. <body style="overflow: hidden;">
    19. 

  19. 		<section id="content" class="content-sidebar bg-white" style="height: 100%;">
    20. 

  20. 			<!-- .sidebar -->
    21. 

  21. 			<aside class="sidebar bg-lighter sidebar-small" style="width: 200px;">
    22. 

  22. 				<div class="text-center clearfix bg" style="height: 65px;">
    23. 

  23. 					<!--<button id="glmbButton" class="btn btn-sm btn-primary m-t m-b" style="margin-top: 18px;display:none" onclick="relateDefinition()"><i class="fa fa-edit"></i> 新增模版</button>  -->
    24. 

  24. 				 </div>
    25. 

  25. 				<div class="list-group list-normal m-b-none">
    26. 

  26. 					<a onclick="searchByType(this,'');" style="cursor:pointer" class="list-group-item active" ><i class="fa fa-list"></i><span class="badge m-r" id="temTotal"></span> 全部</a>
    27. 

  27. 					<a onclick="searchByType(this,2);" style="cursor:pointer" class="list-group-item"><i class="fa fa-question-circle-o"></i><span class="badge m-r"  id="temTodo"></span> 待办</a>
    28. 

  28. 					<a onclick="searchByType(this,3);" style="cursor:pointer" class="list-group-item"><i class="fa fa-check-square-o"></i><span class="badge m-r" id="temDone"></span> 已办</a>
    29. 

  29. 					<a onclick="searchByType(this,4);" style="cursor:pointer" class="list-group-item" ><i class="fa fa-repeat"></i><span class="badge m-r" id="temBack"></span> 回退</a>
    30. 

  30. 					<a onclick="searchByType(this,5);" style="cursor:pointer" class="list-group-item"><i class="fa fa-power-off"></i><span class="badge m-r" id="temEnd"></span> 结束</a>
    31. 

  31. 				</div>
    32. 

  32. 			</aside>
    33. 

  33. 			<!-- /.sidebar -->
    34. 

  34. 			<!-- .sidebar -->
    35. 

  35. 			<aside class="sidebar sidebar-large" style="width: 300px;height: 100%;">
    36. 

  36. 				<div class="padder header-bar bg clearfix">
    37. 

  37. 					<form action="#" method="get" class="sidebar-form pull-left shift" style="margin-top: 15px;width: 100%;">
    38. 

  38. 						<div class="input-group">
    39. 

  39. 							<input type="text" class="form-control" placeholder="请输入流程实例名称、编号" id="searchInput">
    40. 

  40. 							<span class="input-group-btn">
    41. 

  41.               					<button type="button" name="search" id="search-btn" class="btn btn-default"  onclick="searchByLike()"><i class="fa fa-search text-muted"></i>
    42. 

  42.               					</button>
    43. 

  43.            					 </span>
    44. 

  44. 						</div>
    45. 

  45. 					</form>
    46. 

  46. 				</div>
    47. 

  47. 				<div id="tableContent" class="list-group list-normal m-t-n-xmini scroll-y scrollbar"  style="height: calc(100% - 105px);margin-bottom:5px;">
    48. 

  48. 					
    49. 

  49. 				</div>
    50. 

  50. 				<div style="width:98%;height: 50px;margin-bottom: 10px;margin-left: 1%;text-align: center;">
    51. 

  51. 								<ul class="pagination" style="padding:0px 20px 5px 20px;margin:0px" id="pagination"></ul>
    52. 

  52. 							</div>
    53. 

  53. 			</aside>
    54. 

  54. 			<!-- /.sidebar -->
    55. 

  55. 			<!-- .main -->
    56. 

  56. 				<section class="main" style="height:100%" id="sectionMain">
    57. 

  57. 				<div class=" clearfix padder m-b bg" style="height: 65px;margin-bottom:5px">
    58. 

  58. 					<div class="m-b tooltip-test inline" id ="tempName" data-toggle="tooltip" title="" style="max-width:50%;margin-top:15px;font-size:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"></div>
    59. 

  59. 					<div class="inline" style="height:40px;max-width:30%"><b class="badge bg-default pull-left" style="max-width:100%;background-color:white;color:black;font-weight:400;border:1px solid rgb(35, 212, 181);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" id ="tempRelate" data-toggle="tooltip" title=""></b></div>
    60. 

  60. 					<div class="doc-buttons pull-right inline m-b" style="display: inline-block;margin-top: 20px;">
    61. 

  61. 						<a class="btn btn-white btn-sm" onclick="changeItem('up')" style="cursor:pointer;"><i class="fa fa-chevron-left"></i> 上一条</a>
    62. 

  62. 						<a class="btn btn-white btn-sm" onclick="changeItem('down')" style="cursor:pointer;">下一条 <i class="fa fa-chevron-right"></i> </a>
    63. 

  63. 					</div>
    64. 

  64. 				</div>
    65. 

  65. 				<div class="text-small padder" style="border-bottom: 1px rgb(209, 212, 215);height: calc(100% - 110px);">
    66. 

  66. 					<div class="block clearfix"  style="margin-bottom:0px;width: 100%;overflow: hidden;">
    67. 

  67. 						<div class="doc-buttons pull-right inline">
    68. 

  68. 							<a class="btn btn-white btn-sm" onclick="showPlay1()" style="cursor:pointer;"><i class="fa fa-play-circle"></i> PLAY</a>
    69. 

  69. 							<%--<a class="btn btn-white btn-sm"  onclick="showPlay2()" style="cursor:pointer;"><i class="fa fa-play-circle-o"></i> PLAY2</a>--%>
    70. 

  70. 							</div>
    71. 

  71. 					</div>
    72. 

  72. 					<div  class="text-small" style="width:100%;height:100%;border:solid 1px rgb(209, 212, 215);">
    73. 

  73. 						<iframe id="bpmnPlay" src="" style="border: none;width:100%;height:100%;overflow:hidden" ></iframe>
    74. 

  74. 					</div>
    75. 

  75. 				</div>
    76. 

  76. 			</section>
    77. 

  77. 		</section>
    78. 

  78. 	</body>
    79. 

  79. <script type="text/javascript">
    80. 

  80. 	var basePath = '<%=basePath%>';
    81. 

  81. </script>
    82. 

  82. <script src="<%=basePath%>player/js/jquery/dist/jquery.min.js"></script>
    83. 

  83. <script src="<%=basePath%>player/js/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    84. 

  84. <script src="<%=basePath%>player/js/adminlte.min.js"></script>
    85. 

  85. <script src="<%=basePath%>player/js/common.js"></script>
    86. 

  86. <script src="<%=basePath%>player/js/toastr/toastr.min.js"></script>
    87. 

  87. <script type="text/javascript">
    88. 

  88. 	//修复IE9下height100%不生效的样式问题
    89. 

  89. 	resetSectionHeight();
    90. 

  90. 	loadData();
    91. 

  91. 

  92. 	function loadData(){
    93. 

  93. 		getData(1,'instance');
    94. 

  94. 		getCounts('instance');
    95. 

  95. 	}
    96. 

  96. 	
    97. 

  97. 	function showPlay1(){
    98. 

  98. 		var instanceId = $('#tableContent .active').attr('id');
    99. 

  99. 		var url = basePath+'player/design/play.jsp?id=' + instanceId;
    100. 

  100. 		var model = $("#bpmnPlay")[0].contentWindow.model;
    101. 

  101. 		if(model!=null){
    102. 

  102. 			var mHeight = model.height+30+60+115;
    103. 

  103. 			var mWidth = model.width +20+30;
    104. 

  104. 			mHeight = (mHeight > document.body.clientHeight-20)?document.body.clientHeight-20:mHeight;
    105. 

  105. 			mWidth = (mWidth > document.body.clientWidth-200)?document.body.clientWidth-200:mWidth;
    106. 

  106. 			openModal('流程播放',url,mHeight,mWidth,null,false);
    107. 

  107. 		}
    108. 

  108. 	}
    109. 

  109. 	
    110. 

  110. 	function showPlay2(){
    111. 

  111. 		var instanceId = $('#tableContent .active').attr('id');
    112. 

  112. 		var url = basePath+'player/design/play2.jsp?id=' + instanceId;
    113. 

  113. 		var model = $("#bpmnPlay")[0].contentWindow.model;
    114. 

  114. 		if(model!=null){
    115. 

  115. 			var mHeight = model.height+30+60+8;
    116. 

  116. 			var mWidth = model.width +20+300;
    117. 

  117. 			mHeight = (mHeight > document.body.clientHeight-20)?document.body.clientHeight-20:mHeight;
    118. 

  118. 			mWidth = (mWidth > document.body.clientWidth-200)?document.body.clientWidth-200:mWidth;
    119. 

  119. 			openModal('流程播放',url,mHeight,mWidth,null,false);
    120. 

  120. 		}
    121. 

  121. 	}
    122. 

  122. 	
    123. 

  123. 	function searchByType(obj,type){
    124. 

  124. 		typeSearch=type;
    125. 

  125. 		getData(1,'instance');
    126. 

  126. 		$('.m-b-none').children().removeClass('active');
    127. 

  127. 		$(obj).addClass('active');
    128. 

  128. 	}
    129. 

  129. 	
    130. 

  130. 	function searchByLike(){
    131. 

  131. 		likeSearch = $('#searchInput').val();
    132. 

  132. 		getData(1,'instance');
    133. 

  133. 	}
    134. 

  134. 	
    135. 

  135. 	function changeItem(type){
    136. 

  136. 		var curItem = $('#tableContent .active');
    137. 

  137. 		if(type=='up'&&curItem.prev()!=null)
    138. 

  138. 			curItem.prev().trigger("click");
    139. 

  139. 		else if(type=='down'&&curItem.next()!=null)
    140. 

  140. 			curItem.next().trigger("click");
    141. 

  141. 	}
    142. 

  142. 	
    143. 

  143. 	function relateDefinition(){
    144. 

  144. 		var url = basePath+'player/page/mbgllc.jsp';
    145. 

  145. 		openModal('关联流程定义',url,document.body.clientHeight-20,document.body.clientWidth-200,null,false);
    146. 

  146. 	}
    147. 

  147. </script>
    148. 

  148. </html>
    149.