zjrs
/
yctb-SpringBoot


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath=path+"/";
	String tname =request.getParameter("tname");
%>
<!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/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>player/js/toastr/toastr.min.css">
<style type="text/css">
html{
	height: 100%;
}
body{
	height: calc(100% - 15px);
}
.bodyCls{
	margin: 15px;
	height: calc(100% - 20px);
}
.btn-white{
	border-width: 1px;
	border-color: #c3c6c9;
	color: #657483;
	background-color: #fff;
	width:100%;
}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active {
	border-color: #c3c6c9;
	color: #657483;
	background-color: #f7f8f9;
}
.pagination{
	margin:0px !important;
}
.panel-body{
	padding:10px !important;
	text-align: center;
}
.panel-info{
	height: 100%;
    width: 31%;
}
.panel1{
	float: left;
}
.panel2{
	float: left;
	margin: 0px calc(7%/3 - 11px);
}
.panel3{
	height: 100%;
	float: left;
	padding:0px !important;
	padding-top: calc(24% - 30px) !important;
}
.panel4{
	float: right;
}
.table{
	table-layout:fixed;
}
.table-bordered{
	margin:7px 0px;
}
.table > tbody > tr.clicked {
  background-color: #3c8dbc;
  color:#fff;
}
.table>tbody>tr>td{
	padding:6px !important;
	text-align: left;
	overflow: hidden; 
    text-overflow:ellipsis;  
    white-space: nowrap; 
}
.checkTh{
	text-align: center;
	padding: 5px !important;
	width: 24px;
}
.pagination>li>a{
	width:34px;
	padding:6px 0px !important;
	cursor:pointer;
}
</style>
</head>
<body>
	<div class="bodyCls">
		<div class="panel panel-info panel1">
		    <div class="panel-heading">
		        <h3 class="panel-title">选择流程模板（只能选择一个）</h3>
		    </div>
		    <div class="panel-body">
		        <div class="input-group">
					<input type="text" class="form-control" placeholder="请输入模板名称、描述" id="templateInput" >
					<span class="input-group-btn">
      					<button type="button" name="search" id="search-btn" class="btn btn-default"  onclick="searchByLike(1)"><i class="fa fa-search text-muted"></i>
      					</button>
   					 </span>
				</div>
				<table class="table table-bordered table-hover table-striped" >
				  <thead>
				    <tr>
				      <th style="width: 40%;">模板名称</th>
				      <th>模板描述</th>
				      <th style="width: 20%;">节点数</th>
				    </tr>
				  </thead>
				  <tbody id="templateTbody">
				  </tbody>
				</table>
				<ul class="pagination" id="templatePagination">
				</ul>
		    </div>
		</div>
		<div class="panel panel-info panel2">
		    <div class="panel-heading">
		        <h3 class="panel-title">未关联流程定义</h3>
		    </div>
		    <div class="panel-body">
		        <div class="input-group">
					<input type="text" class="form-control" placeholder="请输入流程编号、名称" id="unrelateDefinitionInput">
					<span class="input-group-btn">
      					<button type="button" name="search" id="search-btn" class="btn btn-default"  onclick="searchByLike(2)"><i class="fa fa-search text-muted"></i>
      					</button>
   					 </span>
				</div>
				<table class="table table-bordered table-hover table-striped">
				  <thead>
				    <tr>
				      <th class="checkTh"><input  type="checkbox" name="allChecked"/></th>
				      <th style="width: 40%;">编号</th>
				      <th>定义名称</th>
				      <th style="width: 20%;">节点数</th>
				    </tr>
				  </thead>
				  <tbody id="unrelateDefinitionTbody">
				  </tbody>
				</table>
				<ul class="pagination" id="unrelateDefinitionPagination">
				</ul>
		    </div>
		</div>
		<div class="panel-body panel3">
			<button type="button" style="margin-bottom:5px;" class="btn btn-sm btn-white" title="添加" onclick="addItems()"><i class="fa fa-chevron-right"></i></button>
			<br>
			<button type="button" class="btn btn-sm btn-white" title="移除" onclick="removeItems()"><i class="fa fa-chevron-left"></i></button>
		</div>
		<div class="panel panel-info panel4">
		    <div class="panel-heading">
		        <h3 class="panel-title">已关联流程定义</h3>
		    </div>
		    <div class="panel-body">
		        <div class="input-group">
					<input type="text" class="form-control" placeholder="请输入流程编号、名称" id="relateDefinitionInput" >
					<span class="input-group-btn">
      					<button type="button" name="search" id="search-btn" class="btn btn-default"  onclick="searchByLike(3)"><i class="fa fa-search text-muted"></i>
      					</button>
   					 </span>
				</div>
				<table class="table table-bordered table-hover table-striped">
				  <thead>
				    <tr>
				      <th class="checkTh"><input  type="checkbox" name="allChecked"/></th>
				      <th style="width: 40%;">编号</th>
				      <th>定义名称</th>
				      <th style="width: 20%;">节点数</th>
				    </tr>
				  </thead>
				  <tbody id="relateDefinitionTbody">
				  </tbody>
				</table>
				<ul class="pagination" id="relateDefinitionPagination">
				</ul>
		    </div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var basePath = '<%=basePath%>';
	var tname = decodeURI('<%=tname%>');
</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/common.js"></script>
<script src="<%=basePath%>player/js/toastr/toastr.min.js"></script>
<script src="<%=basePath%>player/js/mbgllc.js"></script>
<script type="text/javascript">

</script>
</html>