departmentTab.jsp

<%@page contentType="text/html; charset=UTF-8"%>
<%@ include file="/gaowj/header-simple-1.0.jsp"%>
<style>
.departmentTab_table{
	font-size:0px;		
}
.departmentTab_table>div{
	display: inline-block;
	font-size:12px;
	height:350px;
}
.departmentTab_table>div:first-child{
	width:45%;
}
.departmentTab_table>div:first-child+div{
	width:10%;
	vertical-align: top;
	padding-top:30px;
}
.departmentTab_table>div:first-child+div>div{
	cursor: pointer;
	text-align: center;
}
.departmentTab_table>div:first-child+div>div:hover{
	color:red;
}
.departmentTab_table>div:first-child+div+div{
	width:45%;
}
</style>
<div id="DepartmentTab">
   <link rel="stylesheet" type="text/css" href="${ctx}/jwapp/common/css/content_body.css" charset="utf-8"></link>
   <link rel="stylesheet" type="text/css" href="${ctx}/jwapp/common/css/content_table.css" charset="utf-8"></link>
   <link rel="stylesheet" type="text/css" href="${ctx}/jwapp/common/css/content_input.css" charset="utf-8"></link>
</div>

<div class="departmentTab_table">
	<div>
		 <table id="list1" style="width: 100%; height: 100%;"></table> 
	</div>
	<div>
		<div onclick="chooseDepartment()">--></div>
		<div onclick="cancelChooseDepartment()"><--</div>
	</div>
	<div>
		<table id="list2" style="width: 100%; height: 100%;"></table> 
	</div>
</div>
<div id="tb1">
</div>
<div id="tb2">
</div>
<script type="text/javascript" src="${ctx}/process/pages/procdefinition/js/departmentTab.js" charset="utf-8"></script>