440 lines
15 KiB
Plaintext
440 lines
15 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
|
<%@ include file="/webpage/include/taglib.jsp"%>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="renderer" content="webkit">
|
|
<title>${fns:getConfig('productName')}</title>
|
|
|
|
<%@ include file="/webpage/include/acehead.jsp"%>
|
|
<script src="${ctxStatic}/common/inspinia-ace.js?v=3.2.0"></script>
|
|
<script src="${ctxStatic}/common/contabs.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
<body class="no-skin">
|
|
<!-- #section:basics/navbar.layout -->
|
|
<div id="navbar" class="navbar navbar-default">
|
|
<script type="text/javascript">
|
|
try{ace.settings.check('navbar' , 'fixed')}catch(e){}
|
|
</script>
|
|
|
|
<div class="navbar-container" id="navbar-container">
|
|
<!-- #section:basics/sidebar.mobile.toggle -->
|
|
<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
|
|
<span class="sr-only">Toggle sidebar</span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
|
|
<!-- /section:basics/sidebar.mobile.toggle -->
|
|
<div class="navbar-header pull-left">
|
|
<!-- #section:basics/navbar.layout.brand -->
|
|
<a href="#" class="navbar-brand">
|
|
<small>
|
|
<i class="fa fa-leaf"></i>
|
|
${fns:getConfig('productName')}
|
|
</small>
|
|
</a>
|
|
|
|
<!-- /section:basics/navbar.layout.brand -->
|
|
|
|
<!-- #section:basics/navbar.toggle -->
|
|
|
|
<!-- /section:basics/navbar.toggle -->
|
|
</div>
|
|
|
|
<!-- #section:basics/navbar.dropdown -->
|
|
<div class="navbar-buttons navbar-header pull-right" role="navigation">
|
|
<ul class="nav ace-nav">
|
|
<li class="grey">
|
|
<a id="lang-switch" class="lang-selector dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="true">
|
|
<span class="lang-selected">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/china.png" alt="中国">
|
|
<span class="lang-id">中国</span>
|
|
<span class="lang-name">中文</span>
|
|
</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-check"></i>
|
|
选择国家语言
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/china.png" alt="中国">
|
|
<span class="lang-id">中国</span>
|
|
<span class="lang-name">中文</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/united-kingdom.png" alt="English">
|
|
<span class="lang-id">EN</span>
|
|
<span class="lang-name">English</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/france.png" alt="France">
|
|
<span class="lang-id">FR</span>
|
|
<span class="lang-name">Français</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/germany.png" alt="Germany">
|
|
<span class="lang-id">DE</span>
|
|
<span class="lang-name">Deutsch</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/italy.png" alt="Italy">
|
|
<span class="lang-id">IT</span>
|
|
<span class="lang-name">Italiano</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="lang-select">
|
|
<img class="lang-flag" src="${ctxStatic}/common/img/spain.png" alt="Spain">
|
|
<span class="lang-id">ES</span>
|
|
<span class="lang-name">Español</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown-footer">
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="purple">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
<i class="ace-icon fa fa-bell icon-animated-bell"></i>
|
|
<span class="badge badge-important">${count }</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-exclamation-triangle"></i>
|
|
${count } 条未读消息
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar navbar-pink">
|
|
|
|
<c:forEach items="${page.list}" var="oaNotify">
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx}/oa/oaNotify/view?id=${oaNotify.id}&">
|
|
<div class="clearfix">
|
|
<i class="fa fa-envelope fa-fw"></i> ${fns:abbr(oaNotify.title,50)}
|
|
<span class="pull-right text-muted small">${fns:getTime(oaNotify.updateDate)}前</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</c:forEach>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown-footer">
|
|
<a class="J_menuItem" href="${ctx }/oa/oaNotify/self ">
|
|
查看所有
|
|
<i class="ace-icon fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="green">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
|
|
<span class="badge badge-success">${noReadCount}</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-envelope-o"></i>
|
|
${noReadCount} 未读邮件
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<c:forEach items="${mailPage.list}" var="mailBox">
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="${mailBox.sender.photo }" class="msg-photo" alt="${mailBox.sender.name }的邮件" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">${mailBox.sender.name }:</span>
|
|
<a class="J_menuItem" href="${ctx}/iim/mailBox/detail?id=${mailBox.id}">
|
|
${mailBox.mail.overview}
|
|
</a>
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span><fmt:formatDate value="${mailBox.sendtime}" pattern="yyyy-MM-dd HH:mm:ss"/></span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</c:forEach>
|
|
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<li class="dropdown-footer">
|
|
<a class="J_menuItem" href="${ctx}/iim/mailBox/list?orderBy=sendtime desc">
|
|
查看所有邮件<i class="ace-icon fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- #section:basics/navbar.user_menu -->
|
|
<li class="light-blue">
|
|
<a data-toggle="dropdown" href="#" class="dropdown-toggle">
|
|
<img class="nav-user-photo" src="${fns:getUser().photo}" alt="Jason's Photo" />
|
|
<span class="user-info">
|
|
<small>欢迎,</small>
|
|
${fns:getUser().name}
|
|
</span>
|
|
|
|
<i class="ace-icon fa fa-caret-down"></i>
|
|
</a>
|
|
|
|
<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx}/sys/user/imageEdit">
|
|
<i class="ace-icon fa fa-cog"></i>
|
|
修改头像
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx }/sys/user/info">
|
|
<i class="ace-icon fa fa-user"></i>
|
|
个人资料
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx }/iim/contact/index">
|
|
<i class="ace-icon fa fa-indent"></i>
|
|
我的通讯录
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx }/iim/mailBox/list">
|
|
<i class="ace-icon fa fa-inbox"></i>
|
|
信箱</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li><a href="#" onclick="changeStyle()">
|
|
<i class="ace-icon fa fa-mail-reply"></i>
|
|
切换到经典模式</a>
|
|
</li>
|
|
|
|
|
|
<li class="divider"></li>
|
|
|
|
<li>
|
|
<a class="J_menuItem" href="${ctx}/logout">
|
|
<i class="ace-icon fa fa-power-off"></i>
|
|
安全退出
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- /section:basics/navbar.user_menu -->
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- /section:basics/navbar.dropdown -->
|
|
</div><!-- /.navbar-container -->
|
|
</div>
|
|
|
|
<!-- /section:basics/navbar.layout -->
|
|
<div class="main-container" id="main-container">
|
|
<script type="text/javascript">
|
|
try{ace.settings.check('main-container' , 'fixed')}catch(e){}
|
|
</script>
|
|
|
|
<!-- #section:basics/sidebar -->
|
|
<div id="sidebar" class="sidebar responsive">
|
|
<script type="text/javascript">
|
|
try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
|
|
</script>
|
|
|
|
<div class="sidebar-shortcuts" id="sidebar-shortcuts">
|
|
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
|
|
<button class="btn btn-success">
|
|
<i class="ace-icon fa fa-signal"></i>
|
|
</button>
|
|
|
|
<button class="btn btn-info">
|
|
<i class="ace-icon fa fa-pencil"></i>
|
|
</button>
|
|
|
|
<!-- #section:basics/sidebar.layout.shortcuts -->
|
|
<button class="btn btn-warning">
|
|
<i class="ace-icon fa fa-users"></i>
|
|
</button>
|
|
|
|
<button class="btn btn-danger">
|
|
<i class="ace-icon fa fa-cogs"></i>
|
|
</button>
|
|
|
|
<!-- /section:basics/sidebar.layout.shortcuts -->
|
|
</div>
|
|
|
|
<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
|
|
<span class="btn btn-success"></span>
|
|
|
|
<span class="btn btn-info"></span>
|
|
|
|
<span class="btn btn-warning"></span>
|
|
|
|
<span class="btn btn-danger"></span>
|
|
</div>
|
|
</div><!-- /.sidebar-shortcuts -->
|
|
|
|
<t:aceMenu menu="${fns:getTopMenu()}"></t:aceMenu>
|
|
|
|
<!-- #section:basics/sidebar.layout.minimize -->
|
|
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
|
|
<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
|
|
</div>
|
|
|
|
<!-- /section:basics/sidebar.layout.minimize -->
|
|
<script type="text/javascript">
|
|
try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
|
|
</script>
|
|
</div>
|
|
|
|
<!-- /section:basics/sidebar -->
|
|
<div class="main-content">
|
|
<div class="main-content-inner">
|
|
<!-- #section:basics/content.breadcrumbs -->
|
|
<div class="breadcrumbs" id="breadcrumbs">
|
|
<div class="content-tabs">
|
|
<button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
|
|
</button>
|
|
<nav class="page-tabs J_menuTabs">
|
|
<div class="page-tabs-content">
|
|
<a href="javascript:;" class="active J_menuTab" data-id="${ctx}/home">首页</a>
|
|
</div>
|
|
</nav>
|
|
<button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
|
|
</button>
|
|
<div class="btn-group roll-nav roll-right">
|
|
<button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>
|
|
|
|
</button>
|
|
<ul role="menu" class="dropdown-menu dropdown-menu-right">
|
|
<li class="J_tabShowActive"><a>定位当前选项卡</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li class="J_tabCloseAll"><a>关闭全部选项卡</a>
|
|
</li>
|
|
<li class="J_tabCloseOther"><a>关闭其他选项卡</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<a href="${ctx}/logout" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="J_mainContent" id="content-main">
|
|
<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${ctx}/home" frameborder="0" data-id="${ctx}/home" seamless></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="footer-inner">
|
|
<!-- #section:basics/footer -->
|
|
<div class="footer-content">
|
|
<span class="bigger-120">
|
|
<span class="blue bolder">青岛华高软件科技有限公司</span>
|
|
© 2017-2020
|
|
</span>
|
|
|
|
|
|
<span class="action-buttons">
|
|
<a href="#">
|
|
<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
|
|
</a>
|
|
|
|
<a href="#">
|
|
<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
|
|
</a>
|
|
|
|
<a href="#">
|
|
<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
|
|
</a>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- /section:basics/footer -->
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#" id="btn-scroll-up" class="pull-left btn-scroll-up btn btn-sm btn-inverse">
|
|
<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
<!-- 语言切换插件，为国际化功能预留插件 -->
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function(){
|
|
|
|
$("a.lang-select").click(function(){
|
|
$(".lang-selected").find(".lang-flag").attr("src",$(this).find(".lang-flag").attr("src"));
|
|
$(".lang-selected").find(".lang-flag").attr("alt",$(this).find(".lang-flag").attr("alt"));
|
|
$(".lang-selected").find(".lang-id").text($(this).find(".lang-id").text());
|
|
$(".lang-selected").find(".lang-name").text($(this).find(".lang-name").text());
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
function changeStyle(){
|
|
$.get('${pageContext.request.contextPath}/theme/default?url='+window.top.location.href,function(result){ window.location.reload(); });
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
</html> |