zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<%@ 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/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=basePath%>player/css/app.v2.css">
<link rel="stylesheet" href="<%=basePath%>player/css/style.css">
<link rel="stylesheet" href="<%=basePath%>player/js/jQuery-log/css/jq22.css">
<title>流程播放器</title>

<style type="text/css">
html,body {
	height: 100%;
	padding: 0;
	overflow: auto;
	background-color:white;
}

#mainDiv {
	display: inline-block;
	width: calc(100% - 300px);
	height: 100%;
	padding: 0;
	overflow: auto;
	float: left;
}

#canvas {
	width: 100%;
	height: 100%;
}

 .show1 {
      border:3px solid rgba(216, 76, 41, 1);
      border-bottom:none;
      border-right:none;
      padding: -5px;
      height: 30px;
      width: 30px;
      text-align: center;
    }
    .show {
      border:3px solid rgba(216, 76, 41, 1);
      border-top:none;
      border-left:none;
      padding: -5px;
      height: 30px;
      width: 30px;
      text-align: center;
    }
    .currentNode:not(.djs-connection) .djs-visual > :nth-child(1) {
      stroke: rgba(66, 180, 21, 0.7) !important; 
    }
.play_div{
	position: absolute;
    right: 305px;
    bottom: 5px;
    float: right;
    cursor: pointer;
}
</style>
</head>
<body>
	<div class="mainBody" style="height:100%;width:100%;">
		<div id="mainDiv">
			<div id="canvas">
			</div>
			<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>			
		</div>
		<div style="background-color: #fff;width:300px;overflow:scroll" class="contactusdiyou">
			<div class="demo scroll-y scrollbar">
				<div class="history scroll-y scrollbar" style="display: block;display:none">
					<div class="history-date">
						<ul>
						</ul>
					</div>
				</div>
			</div>
		</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 = 2;
</script>
<script src="<%=basePath%>player/js/jquery/dist/jquery.min.js"></script>
<script src="<%=basePath%>player/js/bootstrap-3.3.7-dist/js/bootstrap.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>