zouma-oa/webapp/menu/org.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<style type="text/css">
#accordion .panel-heading {
	cursor: pointer;
}
#accordion .panel-body {
	padding:0px;
}
</style>

      <!-- start of sidebar -->
<div class="panel-group col-md-2" id="accordion" role="tablist" aria-multiselectable="true" style=" ">

  <div class="panel panel-default">
    <div class="panel-heading ${currentMenu == 'org' ? 'panel-heading-active' : ''}" role="tab" id="collapse-header-org" data-toggle="collapse" data-parent="#accordion" href="#collapse-body-org" aria-expanded="true" aria-controls="collapse-body-org">
      <h4 class="panel-title">
	    <i class="glyphicon glyphicon-list"></i>
        组织机构
      </h4>
    </div>
    <div id="collapse-body-org" class="panel-collapse collapse ${currentMenu == 'org' ? 'in' : ''}" role="tabpanel" aria-labelledby="collapse-header-org">
      <div class="panel-body">

		    <select style="width:100%" onchange="location.href='org-list.do?partyStructTypeId=' + this.value">
			  <c:forEach items="${partyStructTypes}" var="item">
			  <option value="${item.id}" ${item.id == param.partyStructTypeId ? 'selected' : ''}>${item.name}</option>
			  </c:forEach>
			</select>
            <ul id="treeMenu" class="ztree"></ul>
      </div>
    </div>
  </div>


	<div class="panel panel-default">
		<div class="panel-heading ${currentMenu == 'group' ? 'panel-heading-active' : ''}" role="tab" id="collapse-header-group" data-toggle="collapse" data-parent="#accordion" href="#collapse-body-group" aria-expanded="true" aria-controls="collapse-body-group">
			<h4 class="panel-title">
				<i class="glyphicon glyphicon-list"></i>
				组织管理
			</h4>
		</div>
		<div id="collapse-body-group" class="panel-collapse collapse ${currentMenu == 'group' ? 'in' : ''}" role="tabpanel" aria-labelledby="collapse-header-job">
			<div class="panel-body">
				<ul class="nav nav-list">
					<li class="${currentTitle == 'org-1' ? 'active' : ''}"><a href="${tenantPrefix}/org/org-company-list.do"><i class="glyphicon glyphicon-list"></i> 公司</a></li>
					<li class="${currentTitle == 'org-2' ? 'active' : ''}"><a href="${tenantPrefix}/org/org-department-list.do"><i class="glyphicon glyphicon-list"></i> 部门</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div class="panel panel-default">
		<div class="panel-heading ${currentMenu == 'job' ? 'panel-heading-active' : ''}" role="tab" id="collapse-header-job" data-toggle="collapse" data-parent="#accordion" href="#collapse-body-job" aria-expanded="true" aria-controls="collapse-body-job">
			<h4 class="panel-title">
				<i class="glyphicon glyphicon-list"></i>
				职务管理
			</h4>
		</div>
		<div id="collapse-body-job" class="panel-collapse collapse ${currentMenu == 'job' ? 'in' : ''}" role="tabpanel" aria-labelledby="collapse-header-job">
			<div class="panel-body">
				<ul class="nav nav-list">
					<li class="${currentTitle == 'org-3' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-grade-list.do"><i class="glyphicon glyphicon-list"></i> 职等管理</a></li>
					<li class="${currentTitle == 'org-4' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-level-list.do"><i class="glyphicon glyphicon-list"></i> 职级管理</a></li>
					<li class="${currentTitle == 'org-5' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-type-list.do"><i class="glyphicon glyphicon-list"></i> 职务类型管理</a></li>
					<li class="${currentTitle == 'org-6' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-title-list.do"><i class="glyphicon glyphicon-list"></i> 职务名称管理</a></li>
					<li class="${currentTitle == 'org-7' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-info-list.do"><i class="glyphicon glyphicon-list"></i> 职务管理</a></li>
					<li class="${currentTitle == 'org-8' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-user-list.do"><i class="glyphicon glyphicon-list"></i> 人员职务管理</a></li>
					<li class="${currentTitle == 'org-9' ? 'active' : ''}"><a href="${tenantPrefix}/org/job-list.do"><i class="glyphicon glyphicon-list"></i> 职等职级表</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading ${currentMenu == 'workcal' ? 'panel-heading-active' : ''}" role="tab" id="collapse-header-workcal" data-toggle="collapse" data-parent="#accordion" href="#collapse-body-workcal" aria-expanded="true" aria-controls="collapse-body-workcal">
			<h4 class="panel-title">
				<i class="glyphicon glyphicon-list"></i>
				工作日历
			</h4>
		</div>
		<div id="collapse-body-workcal" class="panel-collapse collapse ${currentMenu == 'workcal' ? 'in' : ''}" role="tabpanel" aria-labelledby="collapse-header-workcal">
			<div class="panel-body">
				<ul class="nav nav-list">
					<li class="${currentTitle == 'org-10' ? 'active' : ''}"><a href="${tenantPrefix}/workcal/workcal-type-list.do"><i class="glyphicon glyphicon-list"></i> 工作日历类型</a></li>
					<li class="${currentTitle == 'org-11' ? 'active' : ''}"><a href="${tenantPrefix}/workcal/workcal-rule-list.do"><i class="glyphicon glyphicon-list"></i> 工作日历规则</a></li>
					<li class="${currentTitle == 'org-12' ? 'active' : ''}"><a href="${tenantPrefix}/workcal/workcal-part-list.do"><i class="glyphicon glyphicon-list"></i> 工作日历时间段</a></li>
					<li class="${currentTitle == 'org-13' ? 'active' : ''}"><a href="${tenantPrefix}/workcal/workcal-view.do"><i class="glyphicon glyphicon-list"></i> 工作日历</a></li>

				</ul>
			</div>
		</div>
	</div>


		<footer id="m-footer" class="text-center">
		  <hr>
		  &copy; 江西军民融合
		</footer>

</div>
      <!-- end of sidebar -->

<script type="text/javascript">
		var setting = {
			async: {
				enable: true,
				url: "${tenantPrefix}/rs/party/tree?partyStructTypeId=${partyStructType.id}"
			},
			data: {
				simpleData: {
					enable:true,
					idKey: "id",
					pIdKey: "pId",
					rootPId: ""
				}
			},
			callback: {
				onClick: function(event, treeId, treeNode) {
					location.href = '${tenantPrefix}/party/org-list.do?partyStructTypeId=${partyStructTypeId}&partyEntityId=' + treeNode.id;
				},
				onAsyncSuccess:function () {
					var zTree = $.fn.zTree.getZTreeObj("treeMenu");
					<%
					String partyEntityId=request.getParameter("partyEntityId");
					if(partyEntityId!=null){
						pageContext.setAttribute("partyEntityId", partyEntityId);
					}
					else{
						pageContext.setAttribute("partyEntityId", 0);
					}
					%>
					zTree.selectNode(zTree.getNodeByParam("id",${partyEntityId}));

				}
			},
			view:{
				showLine: false,
				showIcon: true
			}
		};

		var zNodes =[];

		$(function(){
			$.fn.zTree.init($("#treeMenu"), setting, zNodes);
		});

		window.onload=function () {
			var zTree = $.fn.zTree.getZTreeObj("treeMenu");
			zTree.selectNode(zTree.getNodeByParam("id",15));
		}


</script>