baozhangfang/WebRoot/WEB-INF/jsp/layout/1center.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<script type="text/javascript"><!--

$('#sysTab').tabs({
	//扩充上下文菜单
	onContextMenu: function(e, node){
		e.preventDefault();
		$('#tabMenu').menu('show', {
			left: e.pageX,
			top: e.pageY
		});
	}
});

var menuHandler = function(type){
	
	var selectedTab = $('#sysTab').tabs('getSelected');
	var title = selectedTab.panel('options').title;
	//var href =  selectedTab.panel('options').content.split("\"")[1];
	
	var allTabs = $('#sysTab').tabs('tabs');
	
	if (type === 'expand_view') {
		if ($('#expand_hidden').val() == '0') {
			$('body').layout('expand', 'south');
            $('body').layout('expand', 'north');
            $('body').layout('expand', 'west');
            $('#expand_hidden').val(1);
        } else {
            $('body').layout('collapse', 'south');
            $('body').layout('collapse', 'north');
            $('body').layout('collapse', 'west');
            $('#expand_hidden').val(0);
        }
	}
	else if (type === 'refresh') {
		if(selectedTab.panel('options').content != null){
			parent.$.messager.progress({
				title : '提示',
				text : '数据处理中，请稍后....'
			 });
	
	   		RefreshTab(selectedTab);
   		}else{
   			$('#gzt').attr('src', 'mainAction_index');
   		}
	}
	else if (type === 'close') {
		if (selectedTab.panel('options').closable) {
			$('#sysTab').tabs('close', title);
		}
	}
	else if(type === 'closeOther'){
		
		var closeTabsTitle = [];
		
		$.each(allTabs, function() {
			var option = $(this).panel('options');
			if (option.closable && option.title != title) {
				closeTabsTitle.push(option.title);
			} 
		});
		for ( var i = 0; i < closeTabsTitle.length; i++) {
			$('#sysTab').tabs('close', closeTabsTitle[i]);
		}
	}
	else if(type === 'closeAll'){
		
		var closeTabsTitle = [];
		
		$.each(allTabs, function() {
			var option = $(this).panel('options');
			if (option.closable) {
				closeTabsTitle.push(option.title);
			} 
		});
		for ( var i = 0; i < closeTabsTitle.length; i++) {
			$('#sysTab').tabs('close', closeTabsTitle[i]);
		}
	}
};

function addTabFunction(options) {
	var t = $('#sysTab');
	if (t.tabs('exists', options.title)) {
		t.tabs('select', options.title);
		parent.$.messager.progress('close');
	} else {
		t.tabs('add', options);
	}
}

function kj(pName,text,iconCls,url){
	addTabFunction(
		{
		title : pName + "》" +  text,
		closable : true,
		iconCls:iconCls,
		content : '<iframe src="' + url + '" frameborder="0" style="border:0;width:100%;height:80%;"></iframe>'
		}
	);
}

//刷新当前标签Tabs
    function RefreshTab(currentTab) {
       	currentTab.panel('refresh');
        var url = $(currentTab.panel('options')).attr('href');
        $('#sysTab').tabs('update', {
            tab: currentTab,
            options: {
                href: url
            }
        });
  }



--></script>
<style>
<!--
.my-tabs-tool{
  position: absolute;
  top: 0;
  padding: 1px;
  overflow: hidden;
  border: 1px solid #95B8E7;
}
a{color:#fff; text-decoration: none;}
#my a{color: #1369d8; text-decoration: none;}
-->
</style>
<div style="height: 80px;width:100%;background: #fff; font-family: '微软雅黑'">
		<div style="height: 10px;width:100%;background: #fff;"></div>
		<div style="height: 40px; width: 1125px;margin-left: 50px;">
			<c:forEach var="m" items="${menus}" varStatus="status">
				<c:choose>
				<c:when test="${m.flag == 1}">
					<c:if test="${status.index != 0}">
					<div style="float:left;background: url(images/progess_2.png) repeat-x; background-position:18px; width: 100px;height: 40px;;"></div>
					</c:if>
					<div style="float:left;background: url(images/note_2.png) no-repeat; background-position-y:7px; width: 25px;height: 40px; line-height: 40px; text-align: center;font-size: 20px; font-weight:bold; color: #fff;">
						<a href="javascript:kj('低收入人员保障房业务管理','${m.text}','${m.iconCls}','${m.href}')">${status.index + 1}</a>	
					</div>
				</c:when>
				<c:otherwise>
					<c:if test="${status.index != 0}">
					<div style="float:left;background: url(images/progess_1.png) repeat-x; background-position:18px; width: 100px;height: 40px;;"></div>
					</c:if>
					<div style="float:left;background: url(images/note_1.png) no-repeat; background-position-y:7px; width: 25px;height: 40px; line-height: 40px; text-align: center;font-size: 20px; font-weight:bold; color: #fff;">
					${status.index + 1}
					</div>
				</c:otherwise>
				</c:choose>
			</c:forEach>
		</div>
		<div style="height: 20px; width: 1125px;margin-left: 0px;">
			<c:forEach var="m" items="${menus}" varStatus="status">
				<c:choose>
					<c:when test="${m.flag == 1}">
						<div id="my" style="float:left;width: 125px;text-align: center;font-size: 14px;font-weight: bold;color: #1369d8;">
						<a href="javascript:kj('低收入人员保障房业务管理','${m.text}','${m.iconCls}','${m.href}')">${m.text}</a>
						</div>
					</c:when>
					<c:otherwise>
						<div id="my" style="float:left;width: 125px;text-align: center;font-size: 14px;font-weight: bold;color: #bfbfbf;">
						${m.text}
						</div>
					</c:otherwise>
				</c:choose>
			</c:forEach>
		</div>
</div>
<div id="sysTab" class="easyui-tabs" data-options="fit:true,border:false,tools:'#index_tabs-tool'">  
   <div id="portalLayout" title="&nbsp;工作台" data-options="iconCls:'icon-house'">
   	<iframe id="gzt" src="mainAction_index" frameborder="0" style="border:0;width:100%;height:80%;"></iframe>
   </div>
</div> 
<div id="index_tabs-tool" class="my-tabs-tool" style="right: 0px;margin-top: 0px;">
	<input type="hidden" value="1" id="expand_hidden"/>
    <a class="easyui-linkbutton" data-options="plain:true" title="" type="expand_view" onclick="menuHandler('expand_view')">展开</a>
    <a class="easyui-linkbutton" data-options="plain:true" title="" type="refresh" onclick="menuHandler('refresh')">刷新</a>
    <a class="easyui-linkbutton" data-options="plain:true" title="" type="close" onclick="menuHandler('close')">关闭当前</a>
    <a class="easyui-linkbutton" data-options="plain:true" title="" type="closeOther" onclick="menuHandler('closeOther')">关闭其它</a>
    <a class="easyui-linkbutton" data-options="plain:true" title="" type="closeAll" onclick="menuHandler('closeAll')">关闭全部</a>
</div>