zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath=path+"/";
%>
<!doctype html>
<html>
<head>
<title>SinoWorkFlow</title>
<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/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>player/css/app.v2.css">
<link rel="stylesheet" href="<%=basePath%>player/css/extjs.css">
<link rel="stylesheet" href="<%=basePath%>player/js/toastr/toastr.min.css">
</head>
<body style="overflow: hidden;">
		<section id="content" class="content-sidebar bg-white" style="height: 100%;">
			<!-- .sidebar -->
			<aside class="sidebar bg-lighter sidebar-small" style="width: 200px;">
				<div class="text-center clearfix bg" style="height: 65px;">
					<!--<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>  -->
				 </div>
				<div class="list-group list-normal m-b-none">
					<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>
					<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>
					<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>
					<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>
					<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>
				</div>
			</aside>
			<!-- /.sidebar -->
			<!-- .sidebar -->
			<aside class="sidebar sidebar-large" style="width: 300px;height: 100%;">
				<div class="padder header-bar bg clearfix">
					<form action="#" method="get" class="sidebar-form pull-left shift" style="margin-top: 15px;width: 100%;">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="请输入流程实例名称、编号" id="searchInput">
							<span class="input-group-btn">
              					<button type="button" name="search" id="search-btn" class="btn btn-default"  onclick="searchByLike()"><i class="fa fa-search text-muted"></i>
              					</button>
           					 </span>
						</div>
					</form>
				</div>
				<div id="tableContent" class="list-group list-normal m-t-n-xmini scroll-y scrollbar"  style="height: calc(100% - 105px);margin-bottom:5px;">
					
				</div>
				<div style="width:98%;height: 50px;margin-bottom: 10px;margin-left: 1%;text-align: center;">
								<ul class="pagination" style="padding:0px 20px 5px 20px;margin:0px" id="pagination"></ul>
							</div>
			</aside>
			<!-- /.sidebar -->
			<!-- .main -->
				<section class="main" style="height:100%" id="sectionMain">
				<div class=" clearfix padder m-b bg" style="height: 65px;margin-bottom:5px">
					<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>
					<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>
					<div class="doc-buttons pull-right inline m-b" style="display: inline-block;margin-top: 20px;">
						<a class="btn btn-white btn-sm" onclick="changeItem('up')" style="cursor:pointer;"><i class="fa fa-chevron-left"></i> 上一条</a>
						<a class="btn btn-white btn-sm" onclick="changeItem('down')" style="cursor:pointer;">下一条 <i class="fa fa-chevron-right"></i> </a>
					</div>
				</div>
				<div class="text-small padder" style="border-bottom: 1px rgb(209, 212, 215);height: calc(100% - 110px);">
					<div class="block clearfix"  style="margin-bottom:0px;width: 100%;overflow: hidden;">
						<div class="doc-buttons pull-right inline">
							<a class="btn btn-white btn-sm" onclick="showPlay1()" style="cursor:pointer;"><i class="fa fa-play-circle"></i> PLAY</a>
							<%--<a class="btn btn-white btn-sm"  onclick="showPlay2()" style="cursor:pointer;"><i class="fa fa-play-circle-o"></i> PLAY2</a>--%>
							</div>
					</div>
					<div  class="text-small" style="width:100%;height:100%;border:solid 1px rgb(209, 212, 215);">
						<iframe id="bpmnPlay" src="" style="border: none;width:100%;height:100%;overflow:hidden" ></iframe>
					</div>
				</div>
			</section>
		</section>
	</body>
<script type="text/javascript">
	var basePath = '<%=basePath%>';
</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/js/adminlte.min.js"></script>
<script src="<%=basePath%>player/js/common.js"></script>
<script src="<%=basePath%>player/js/toastr/toastr.min.js"></script>
<script type="text/javascript">
	//修复IE9下height100%不生效的样式问题
	resetSectionHeight();
	loadData();

	function loadData(){
		getData(1,'instance');
		getCounts('instance');
	}
	
	function showPlay1(){
		var instanceId = $('#tableContent .active').attr('id');
		var url = basePath+'player/design/play.jsp?id=' + instanceId;
		var model = $("#bpmnPlay")[0].contentWindow.model;
		if(model!=null){
			var mHeight = model.height+30+60+115;
			var mWidth = model.width +20+30;
			mHeight = (mHeight > document.body.clientHeight-20)?document.body.clientHeight-20:mHeight;
			mWidth = (mWidth > document.body.clientWidth-200)?document.body.clientWidth-200:mWidth;
			openModal('流程播放',url,mHeight,mWidth,null,false);
		}
	}
	
	function showPlay2(){
		var instanceId = $('#tableContent .active').attr('id');
		var url = basePath+'player/design/play2.jsp?id=' + instanceId;
		var model = $("#bpmnPlay")[0].contentWindow.model;
		if(model!=null){
			var mHeight = model.height+30+60+8;
			var mWidth = model.width +20+300;
			mHeight = (mHeight > document.body.clientHeight-20)?document.body.clientHeight-20:mHeight;
			mWidth = (mWidth > document.body.clientWidth-200)?document.body.clientWidth-200:mWidth;
			openModal('流程播放',url,mHeight,mWidth,null,false);
		}
	}
	
	function searchByType(obj,type){
		typeSearch=type;
		getData(1,'instance');
		$('.m-b-none').children().removeClass('active');
		$(obj).addClass('active');
	}
	
	function searchByLike(){
		likeSearch = $('#searchInput').val();
		getData(1,'instance');
	}
	
	function changeItem(type){
		var curItem = $('#tableContent .active');
		if(type=='up'&&curItem.prev()!=null)
			curItem.prev().trigger("click");
		else if(type=='down'&&curItem.next()!=null)
			curItem.next().trigger("click");
	}
	
	function relateDefinition(){
		var url = basePath+'player/page/mbgllc.jsp';
		openModal('关联流程定义',url,document.body.clientHeight-20,document.body.clientWidth-200,null,false);
	}
</script>
</html>