sysIndex2.jsp
11.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>${fns:getConfig('productName')}</title>
<meta name="decorator" content="blank"/>
<c:if test="${cookie.tabmode.value eq '1'}"><link rel="Stylesheet" href="${ctxStatic}/jerichotab/css/jquery.jerichotab.css" />
<script type="text/javascript" src="${ctxStatic}/jerichotab/js/jquery.jerichotab.js"></script></c:if>
<style type="text/css">
#main {padding:0;margin:0;} #main .container-fluid{padding:0 4px 0 6px;}
#header {margin:0 0 8px;position:static;} #header li {font-size:14px;_font-size:12px;}
#header .brand {font-family:Helvetica, Georgia, Arial, sans-serif, 黑体;font-size:26px;padding-left:33px;}
#footer {margin:8px 0 0 0;padding:3px 0 0 0;font-size:11px;text-align:center;border-top:2px solid #0663A2;}
#footer, #footer a {color:#999;} #left{overflow-x:hidden;overflow-y:auto;} #left .collapse{position:static;}
#userControl>li>a{color:#555;text-shadow:none;} #userControl>li>a:hover, #user #userControl>li.open>a{background:transparent;}
</style>
<script type="text/javascript">
$(document).ready(function() {
// <c:if test="${cookie.tabmode.value eq '1'}"> 初始化页签
$.fn.initJerichoTab({
renderTo: '#right', uniqueId: 'jerichotab',
contentCss: { 'height': $('#right').height() - tabTitleHeight },
tabs: [], loadOnce: true, tabWidth: 110, titleHeight: tabTitleHeight
});//</c:if>
// 绑定菜单单击事件
$("#menu a.menu").click(function(){
// 一级菜单焦点
$("#menu li.menu").removeClass("active");
$(this).parent().addClass("active");
// 左侧区域隐藏
if ($(this).attr("target") == "mainFrame"){
$("#left,#openClose").hide();
wSizeWidth();
// <c:if test="${cookie.tabmode.value eq '1'}"> 隐藏页签
$(".jericho_tab").hide();
$("#mainFrame").show();//</c:if>
return true;
}
// 左侧区域显示
$("#left,#openClose").show();
if(!$("#openClose").hasClass("close")){
$("#openClose").click();
}
// 显示二级菜单
var menuId = "#menu-" + $(this).attr("data-id");
if ($(menuId).length > 0){
$("#left .accordion").hide();
$(menuId).show();
// 初始化点击第一个二级菜单
if (!$(menuId + " .accordion-body:first").hasClass('in')){
$(menuId + " .accordion-heading:first a").click();
}
if (!$(menuId + " .accordion-body li:first ul:first").is(":visible")){
$(menuId + " .accordion-body a:first i").click();
}
// 初始化点击第一个三级菜单
$(menuId + " .accordion-body li:first li:first a:first i").click();
}else{
// 获取二级菜单数据
$.get($(this).attr("data-href"), function(data){
if (data.indexOf("id=\"loginForm\"") != -1){
alert('未登录或登录超时。请重新登录，谢谢！');
top.location = "${ctx}";
return false;
}
$("#left .accordion").hide();
$("#left").append(data);
// 链接去掉虚框
$(menuId + " a").bind("focus",function() {
if(this.blur) {this.blur()};
});
// 二级标题
$(menuId + " .accordion-heading a").click(function(){
$(menuId + " .accordion-toggle i").removeClass('icon-chevron-down').addClass('icon-chevron-right');
if(!$($(this).attr('data-href')).hasClass('in')){
$(this).children("i").removeClass('icon-chevron-right').addClass('icon-chevron-down');
}
});
// 二级内容
$(menuId + " .accordion-body a").click(function(){
$(menuId + " li").removeClass("active");
$(menuId + " li i").removeClass("icon-white");
$(this).parent().addClass("active");
$(this).children("i").addClass("icon-white");
});
// 展现三级
$(menuId + " .accordion-inner a").click(function(){
var href = $(this).attr("data-href");
if($(href).length > 0){
$(href).toggle().parent().toggle();
return false;
}
// <c:if test="${cookie.tabmode.value eq '1'}"> 打开显示页签
return addTab($(this)); // </c:if>
});
// 默认选中第一个菜单
$(menuId + " .accordion-body a:first i").click();
$(menuId + " .accordion-body li:first li:first a:first i").click();
});
}
// 大小宽度调整
wSizeWidth();
return false;
});
// 初始化点击第一个一级菜单
$("#menu a.menu:first span").click();
// <c:if test="${cookie.tabmode.value eq '1'}"> 下拉菜单以选项卡方式打开
$("#userInfo .dropdown-menu a").mouseup(function(){
return addTab($(this), true);
});// </c:if>
// 获取通知数目 <c:set var="oaNotifyRemindInterval" value="${fns:getConfig('oa.notify.remind.interval')}"/>
function getNotifyNum(){
$.get("${ctx}/oa/oaNotify/self/count?t="+new Date().getTime(),function(data){
var num = parseFloat(data);
if (num > 0){
$("#notifyNum,#notifyNum2").show().html("("+num+")");
}else{
$("#notifyNum,#notifyNum2").hide()
}
});
}
getNotifyNum(); //<c:if test="${oaNotifyRemindInterval ne '' && oaNotifyRemindInterval ne '0'}">
setInterval(getNotifyNum, ${oaNotifyRemindInterval}); //</c:if>
});
// <c:if test="${cookie.tabmode.value eq '1'}"> 添加一个页签
function addTab($this, refresh){
$(".jericho_tab").show();
$("#mainFrame").hide();
$.fn.jerichoTab.addTab({
tabFirer: $this,
title: $this.text(),
closeable: true,
data: {
dataType: 'iframe',
dataLink: $this.attr('href')
}
}).loadData(refresh);
return false;
}// </c:if>
</script>
</head>
<body>
<div id="main">
<div id="header" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="brand"><span id="productName">${fns:getConfig('productName')}</span></div>
<ul id="userControl" class="nav pull-right"><%--
<li><a href="${pageContext.request.contextPath}${fns:getFrontPath()}/index-${fnc:getCurrentSiteId()}.html" target="_blank" title="访问网站主页"><i class="icon-home"></i></a></li>--%>
<li id="themeSwitch" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="主题切换"><i class="icon-th-large"></i></a>
<ul class="dropdown-menu">
<c:forEach items="${fns:getDictList('theme')}" var="dict"><li><a href="#" onclick="location='${pageContext.request.contextPath}/theme/${dict.value}?url='+location.href">${dict.label}</a></li></c:forEach>
<li><a href="javascript:cookie('tabmode','${cookie.tabmode.value eq '1' ? '0' : '1'}');location=location.href">${cookie.tabmode.value eq '1' ? '关闭' : '开启'}页签模式</a></li>
</ul>
<!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
</li>
<li id="userInfo" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息">您好, ${fns:getUser().name} <span id="notifyNum" class="label label-info hide"></span></a>
<ul class="dropdown-menu">
<li><a href="${ctx}/sys/user/info" target="mainFrame"><i class="icon-user"></i> 个人信息</a></li>
<li><a href="${ctx}/sys/user/modifyPwd" target="mainFrame"><i class="icon-lock"></i> 修改密码</a></li>
<li><a href="${ctx}/oa/oaNotify/self" target="mainFrame"><i class="icon-bell"></i> 我的通知 <span id="notifyNum2" class="label label-info hide"></span></a></li>
</ul>
</li>
<li><a href="${ctx}/logout" title="退出登录">退出</a></li>
<li> </li>
</ul>
<%--<c:if test="${cookie.theme.value eq 'cerulean'}"> --%>
<div id="user" style="position:absolute;top:0;right:0;"></div>
<div id="logo" style="background:url(${ctxStatic}/images/logo.png) right repeat-x;width:100%;">
<div style="background:url(${ctxStatic}/images/logo.png) left no-repeat;width:100%;height:70px;"></div>
</div>
<script type="text/javascript">
$("#productName").hide();$("#user").html($("#userControl"));$("#header").prepend($("#user, #logo"));
</script>
<%--</c:if> --%>
<div class="nav-collapse">
<ul id="menu" class="nav" style="*white-space:nowrap;float:none;">
<c:set var="firstMenu" value="true"/>
<c:forEach items="${fns:getMenuList()}" var="menu" varStatus="idxStatus">
<c:if test="${menu.parent.id eq '1'&&menu.isShow eq '1'}">
<li class="menu ${not empty firstMenu && firstMenu ? ' active' : ''}">
<c:if test="${empty menu.href}">
<a class="menu" href="javascript:" data-href="${ctx}/sys/menu/tree?parentId=${menu.id}" data-id="${menu.id}"><span>${menu.name}</span></a>
</c:if>
<c:if test="${not empty menu.href}">
<a class="menu" href="${fn:indexOf(menu.href, '://') eq -1 ? ctx : ''}${menu.href}" data-id="${menu.id}" target="mainFrame"><span>${menu.name}</span></a>
</c:if>
</li>
<c:if test="${firstMenu}">
<c:set var="firstMenuId" value="${menu.id}"/>
</c:if>
<c:set var="firstMenu" value="false"/>
</c:if>
</c:forEach><%--
<shiro:hasPermission name="cms:site:select">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">${fnc:getSite(fnc:getCurrentSiteId()).name}<b class="caret"></b></a>
<ul class="dropdown-menu">
<c:forEach items="${fnc:getSiteList()}" var="site"><li><a href="${ctx}/cms/site/select?id=${site.id}&flag=1">${site.name}</a></li></c:forEach>
</ul>
</li>
</shiro:hasPermission> --%>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container-fluid">
<div id="content" class="row-fluid">
<div id="left"><%--
<iframe id="menuFrame" name="menuFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="650"></iframe> --%>
</div>
<div id="openClose" class="close"> </div>
<div id="right">
<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="650"></iframe>
</div>
</div>
<div id="footer" class="row-fluid">
Copyright © 2012-${fns:getConfig('copyrightYear')} ${fns:getConfig('productName')}<!-- - Powered By <a href="https://github.com/thinkgem/jeesite" target="_blank">JeeSite</a> ${fns:getConfig('version')} -->
</div>
</div>
</div>
<script type="text/javascript">
var leftWidth = 160; // 左侧窗口大小
var tabTitleHeight = 33; // 页签的高度
var htmlObj = $("html"), mainObj = $("#main");
var headerObj = $("#header"), footerObj = $("#footer");
var frameObj = $("#left, #openClose, #right, #right iframe");
function wSize(){
var minHeight = 500, minWidth = 980;
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
frameObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - footerObj.height() - (strs[1] < minWidth ? 42 : 28));
$("#openClose").height($("#openClose").height() - 5);// <c:if test="${cookie.tabmode.value eq '1'}">
$(".jericho_tab iframe").height($("#right").height() - tabTitleHeight); // </c:if>
wSizeWidth();
}
function wSizeWidth(){
if (!$("#openClose").is(":hidden")){
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
}else{
$("#right").width("100%");
}
}// <c:if test="${cookie.tabmode.value eq '1'}">
function openCloseClickCallBack(b){
$.fn.jerichoTab.resize();
} // </c:if>
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>