zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<%@ 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 class="btn btn-sm btn-primary m-t m-b" style="margin-top: 18px;" onclick="newTemplate()"><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="temCount"></span> 全部</a>
					<a onclick="searchByType(this,3);" style="cursor:pointer" class="list-group-item"><i class="fa fa-link"></i><span class="badge m-r"  id="temRelateCount"></span> 已关联定义</a>
					<a onclick="searchByType(this,4);" style="cursor:pointer" class="list-group-item"><i class="fa fa-chain-broken"></i><span class="badge m-r" id="temUnrelateCount"></span> 未关联定义</a>
					<a onclick="searchByType(this,1);" style="cursor:pointer" class="list-group-item" ><i class="fa fa-clock-o"></i> 按创建时间排序</a>
					<a onclick="searchByType(this,2);" style="cursor:pointer" class="list-group-item"><i class="fa fa-object-group"></i> 按关联定义数排序</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:75%;margin-top:15px;font-size:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"></div>
					<div class="inline" style="height:40px"><b class="badge bg-default pull-right"  id ="tempRelate"></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% - 123px);">
					<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="relateDefinition()" style="cursor:pointer;"><i class="fa fa-random"></i> 关联流程定义</a>
							<a class="btn btn-white btn-sm"  onclick="editTemplate()" style="cursor:pointer;"><i class="fa fa-edit"></i> 修改模版</a>
							<a class="btn btn-white btn-sm" onclick="copyTemplate()" style="cursor:pointer;"><i class="fa fa-clone"></i> 复制模板</a>
							<a class="btn btn-white btn-sm"  onclick="delTemplate()" style="cursor:pointer;"><i class="fa fa-times"></i> 删除模版</a>
						</div>
					</div>
					<div  class="text-small" style="width:100%;height:calc(100% - 40px);border:solid 1px rgb(209, 212, 215);">
						<iframe id="bpmnShow" src="<%=basePath%>player/design/show.jsp" style="border: none;width:100%;height:100%" data-xml=""></iframe>
					</div>
					
				</div>
				<div class="padder">
					<form class="panel text-small" style="margin-bottom:5px">
						<div class="panel-body" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" id ="tempDesc" data-toggle="tooltip" title="">
						</div>
					</form>
				</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/ewin.confirm.js"></script>
<script src="<%=basePath%>player/js/toastr/toastr.min.js"></script>
<script type="text/javascript">
	//修复IE9下height100%不生效的样式问题
	resetSectionHeight();
	loadData();

	function loadData(){
		getData(1,'template');
		getCounts('template');
	}
	
	function newTemplate(){
		var url = basePath+'player/design/designer.jsp';
		var btns = createSaveAndClsBtn(true,true);
		openModal('新建流程模版',url,document.body.clientHeight-20,document.body.clientWidth-200,btns,false);
	}
	
	function relateDefinition(){
		var tname = $('#tableContent .active')[0].name;
		var url = basePath+'player/page/mbgllc.jsp?tname='+encodeURI(encodeURI(tname));
		openModal('关联流程定义',url,document.body.clientHeight-20,document.body.clientWidth-200,null,true);
	}
	
	function delTemplate(){
		Ewin.confirm({ message: "确定要删除模板["+$('#tableContent .active')[0].name+"]吗？" }).on(function (e) {
			if (e) {
				var id = $('#tableContent .active')[0].id;
				$.ajax({  
		      		type: "POST",  
		      		dataType: "json",  
		      		async:false,
		      		url: basePath + "/WFP?module=template&action=delete",  
		      		data: {id:id}, 
		      		success: function(data) {
		      			if(data.success == true){
		      				toastr.options = {
		      						timeOut:2000,
		      						closeButton: false  
		      				}
		      				toastr.success('删除成功！');
		      				loadData();
		      			}else{
		      				toastr.options = {
		      						timeOut:0,
		      						closeButton: true  
		      				}
		      				toastr.error('删除失败！');
		      			}
		      		}
		      	});
			}
		});	
	}
	
	function editTemplate(){
		var id = $('#tableContent .active')[0].id;
		var url = basePath+'player/design/designer.jsp?id='+id ;
		var btns = createSaveAndClsBtn(true,true);
		openModal('修改流程模版['+$('#tableContent .active')[0].name+']',url,document.body.clientHeight-20,document.body.clientWidth-200,btns,false);
	}
	
	function copyTemplate(){
		var id = $('#tableContent .active')[0].id;
		var url = basePath+'player/design/designer.jsp?id='+id+'&action=copy';
		var btns = createSaveAndClsBtn(true,true);
		openModal('复制流程模版['+$('#tableContent .active')[0].name+']',url,document.body.clientHeight-20,document.body.clientWidth-200,btns,false);
	}
	
	function searchByType(obj,type){
		typeSearch=type;
		getData(1,'template');
		$('.m-b-none').children().removeClass('active');
		$(obj).addClass('active');
	}
	
	function searchByLike(){
		likeSearch = $('#searchInput').val();
		getData(1,'template');
	}
	
	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");
	}
</script>
</html>