zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath=path+"/";
String id = request.getParameter("id");
%>
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="<%=basePath%>player/js/jQuery-sjz/css/reset.css">
<link rel="stylesheet" href="<%=basePath%>player/js/jQuery-sjz/css/style.css">
<link rel="stylesheet" href="<%=basePath%>player/css/theme.css">
  <title>流程播放器</title>
  <style type="text/css">
    html, body {
      height: 100%;
      padding: 0;
      overflow:auto;
      background-color:white;
    }
    #mainDiv{
    	display:inline-block;
        width:100%;
        height: calc(100% - 115px);
        padding: 0;
        overflow:auto;
    }
    #canvas{
    	width: 100%;
    	height: 100%;
    }
    .event_boxDiv{
    	width:100%;
    	height:115px;
    }
    .slideBox p a{
    	cursor: auto;
    }
    .log_box{
    	 float:left;
    	 height:100%;
    	 width:50%;
    }
    .play_div{
    	float:left;
    	 height:100%;
    	 width:50px;
    	 padding-top: 32px;
    	 text-align:center;
    	 cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="mainBody" style="height:100%;width:100%;">
  	<div id="mainDiv">
  		<div id="canvas">
	  	</div>
  	</div>
    <div class="event_boxDiv">
    	<div class="play_div" id="play_div">
    		<a id="playButton" style="display:none"><img src="<%=basePath%>player/img/play.png"  title="播放"></a>
    		<a id="stopButton"><img src="<%=basePath%>player/img/stop.png"  title="暂停"></a>
    	</div>			
		<section class="cd-horizontal-timeline">
			<div class="timeline">
				<div class="events-wrapper">
					<div class="events">
						<ol></ol>
						<span class="filling-line" aria-hidden="true"></span>
					</div> 
				</div> 
				<ul class="cd-timeline-navigation">
					<li><a href="#0" class="prev inactive">Prev</a></li>
					<li><a href="#0" class="next">Next</a></li>
				</ul> 
			</div> 
			<div class="events-content">
				<ol></ol>
			</div>
		</section>
	 </div>
  </div>
  <button type="submit" class="btn btn-default" style="display: none;" id="show-button"></button>
</body>
<script type="text/javascript">
  var basePath = '<%=basePath%>';
  var id = '<%=id%>';
  var type = 1;
</script>
<script src="<%=basePath%>player/js/jquery/dist/jquery.min.js"></script>
<script src="<%=basePath %>player/design/bpmn/play/bpmn-viewer.min.js"></script>
<script src="<%=basePath %>player/design/bpmn/play/play.js"></script>
</html>