Commit 4d8575ab by yyq1988

代码优化

parent 02273372
<%@ page contentType="text/html;charset=UTF-8" %> <%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%> <%@ include file="/webpage/include/taglib.jsp" %>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<title>${fns:getConfig('productName')}</title> <title>${fns:getConfig('productName')}</title>
<meta name="decorator" content="ani"/> <meta name="decorator" content="ani"/>
<link href="${ctxStatic}/common/css/jp-menu.css" rel="stylesheet" /> <link href="${ctxStatic}/common/css/jp-menu.css" rel="stylesheet"/>
<script src="${ctxStatic}/plugin/js-menu/contabs.js"></script> <script src="${ctxStatic}/plugin/js-menu/contabs.js"></script>
<link id="theme-tab" href="${ctxStatic}/plugin/js-menu/menuTab-${cookie.theme.value==null?'blue':cookie.theme.value}.css" rel="stylesheet" /> <link id="theme-tab"
href="${ctxStatic}/plugin/js-menu/menuTab-${cookie.theme.value==null?'blue':cookie.theme.value}.css"
<%@ include file="/webpage/include/systemInfoSocket-init.jsp"%> rel="stylesheet"/>
<%@ include file="/webpage/include/layIM-init.jsp"%>
<style> <%@ include file="/webpage/include/systemInfoSocket-init.jsp" %>
.push-right #sidebar-nav{ <%@ include file="/webpage/include/layIM-init.jsp" %>
display:block; <style>
} .push-right #sidebar-nav {
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { display: block;
background-color: transparent !important; }
}
.navbar-inverse .navbar-toggle { .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
border-color: transparent !important; background-color: transparent !important;
} }
</style>
.navbar-inverse .navbar-toggle {
border-color: transparent !important;
}
</style>
</head> </head>
<body class="${cookie.white.value} jp-hr"> <body class="${cookie.white.value} jp-hr">
<nav class="navbar navbar-inverse display-default opnav-navbar navbar-fixed-top" role="navigation"> <nav class="navbar navbar-inverse display-default opnav-navbar navbar-fixed-top" role="navigation">
<div class="topnav-navbar"> <div class="topnav-navbar">
<div class="navbar-header text-center"> <div class="navbar-header text-center">
<button type="button" class="navbar-toggle" id="showMenu"> <button type="button" class="navbar-toggle" id="showMenu">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand J_menuItem" href="${ctx}/home" data-index="0">JeePlus快速开发框架</a> <a class="navbar-brand J_menuItem" href="${ctx}/warehouse/goods/goods" data-index="0">仓储系统</a>
</div> </div>
</div> </div>
<div class="navbar-container container-fluid"> <div class="navbar-container container-fluid">
<div class="collapse navbar-collapse navbar-collapse-toolbar row" id="jpMenu"> <div class="collapse navbar-collapse navbar-collapse-toolbar row" id="jpMenu">
<ul id="o1" class="nav navbar-toolbar nav-tabs navbar-left" style="width: calc( 100% - 680px)" role="tablist"> <ul id="o1" class="nav navbar-toolbar nav-tabs navbar-left" style="width: calc( 100% - 680px)"
<t:jpMenu menu="${fns:getTopMenu()}" position="top"></t:jpMenu> role="tablist">
</ul> <t:jpMenu menu="${fns:getTopMenu()}" position="top"></t:jpMenu>
<ul class="nav navbar-nav pull-right navbar-right"> </ul>
<li> <ul class="nav navbar-nav pull-right navbar-right">
<a href="${ctx}/home" class="J_menuItem"><i class="fa fa-home" style="font-size:14px;"></i></a> <li>
</li> <a href="${ctx}/warehouse/goods/goods" class="J_menuItem"><i class="fa fa-home"
<li class="hidden-xs"> style="font-size:14px;"></i></a>
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-language"></i></a> </li>
<ul class="dropdown-menu"> <li class="hidden-xs">
<li class="${cookie.tab.value!=false?'active':''}"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-language"></i></a>
<a id="showTab" href="#">开启tab</a> <ul class="dropdown-menu">
</li> <li class="${cookie.tab.value!=false?'active':''}">
<li class="${cookie.tab.value==false?'active':''}"> <a id="showTab" href="#">开启tab</a>
<a id="closeTab" href="#">关闭tab</a> </li>
</li> <li class="${cookie.tab.value==false?'active':''}">
</ul> <a id="closeTab" href="#">关闭tab</a>
</li> </li>
</ul>
<li class="dropdown"> </li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i> <li class="dropdown">
<span class="label label-info">${noReadCount }</span> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
</a> <i class="fa fa-envelope-o"></i>
<ul class="dropdown-menu animated fadeIn"> <span class="label label-info">${noReadCount }</span>
<li class="messages-top text-center"> </a>
你有 ${noReadCount} 封未读邮件. <ul class="dropdown-menu animated fadeIn">
</li> <li class="messages-top text-center">
你有 ${noReadCount} 封未读邮件.
<c:forEach items="${mailPage.list}" var="mailBox"> </li>
<li class="dropdown-messages"> <c:forEach items="${mailPage.list}" var="mailBox">
<a class="J_menuItem" title="站内信" href="${ctx}/iim/mailBox/detail?id=${mailBox.id}">
<li class="dropdown-messages">
<div class="message-sender"> <a class="J_menuItem" title="站内信" href="${ctx}/iim/mailBox/detail?id=${mailBox.id}">
${mailBox.sender.name }<small class="pull-right">${fns:getTime(mailBox.sendtime)}前</small>
</div> <div class="message-sender">
<div class="message-header"> ${mailBox.sender.name }<small
${mailBox.mail.overview} <small class="pull-right"> class="pull-right">${fns:getTime(mailBox.sendtime)}前</small>
<fmt:formatDate value="${mailBox.sendtime}" pattern="yyyy-MM-dd HH:mm:ss"/></small> </div>
</div> <div class="message-header">
${mailBox.mail.overview} <small class="pull-right">
</a> <fmt:formatDate value="${mailBox.sendtime}"
</li> pattern="yyyy-MM-dd HH:mm:ss"/></small>
</div>
</c:forEach>
<li class=" text-center"> </a>
<a class="J_menuItem" href="${ctx}/iim/mailBox/list?orderBy=sendtime desc"> </li>
<font color='gray'> <i class="fa fa-envelope"></i> 查看所有邮件</font>
</a> </c:forEach>
</li> <li class=" text-center">
</ul> <a class="J_menuItem" href="${ctx}/iim/mailBox/list?orderBy=sendtime desc">
</li> <font color='gray'> <i class="fa fa-envelope"></i> 查看所有邮件</font>
<li class="dropdown"> </a>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> </li>
<i class="fa fa-bell-o"></i> </ul>
<span class="label label-info">${count }</span> </li>
</a> <li class="dropdown">
<ul class="dropdown-menu animated fadeIn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<li class="messages-top text-center"> <i class="fa fa-bell-o"></i>
你有 ${count } 条新通知. <span class="label label-info">${count }</span>
</li> </a>
<c:forEach items="${page.list}" var="oaNotify"> <ul class="dropdown-menu animated fadeIn">
<li class="dropdown-notifications"> <li class="messages-top text-center">
<a class="J_menuItem" href="${ctx}/oa/oaNotify/form?id=${oaNotify.id}&isSelf=true"> 你有 ${count } 条新通知.
<div class="notification"> </li>
<i class="fa fa-bell-o"></i> ${fns:abbr(oaNotify.title,50)} <c:forEach items="${page.list}" var="oaNotify">
<span class="pull-right text-muted small">${fns:getTime(oaNotify.updateDate)}前</span> <li class="dropdown-notifications">
</div> <a class="J_menuItem" href="${ctx}/oa/oaNotify/form?id=${oaNotify.id}&isSelf=true">
</a> <div class="notification">
</li> <i class="fa fa-bell-o"></i> ${fns:abbr(oaNotify.title,50)}
</c:forEach> <span class="pull-right text-muted small">${fns:getTime(oaNotify.updateDate)}前</span>
</ul> </div>
</li> </a>
</li>
<li class="dropdown color-picker"> </c:forEach>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> </ul>
<span><i class="fa fa-gears"></i></span> </li>
</a>
<ul class="dropdown-menu pull-right animated fadeIn" role="menu" style="width:250px; padding-left: 10px;"> <li class="dropdown color-picker">
<li class="padder-h-xs"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<span><i class="fa fa-gears"></i></span>
<div class="theme-icons"> </a>
<label data-theme="white_blue" class="ng-star-inserted" style="background:#3ca2e0;"> <ul class="dropdown-menu pull-right animated fadeIn" role="menu"
<div class="areas"> style="width:250px; padding-left: 10px;">
<span class="nav" style="background: rgb(255, 255, 255);"></span> <li class="padder-h-xs">
<span class="con" style="background: rgb(245, 247, 250);"></span>
</div> <div class="theme-icons">
</label> <label data-theme="white_blue" class="ng-star-inserted" style="background:#3ca2e0;">
<label data-theme="white_green" class="ng-star-inserted" style="background: #27ae60;"> <div class="areas">
<div class="areas"> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<span class="nav" style="background: rgb(255, 255, 255);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> </div>
</div> </label>
<label data-theme="white_green" class="ng-star-inserted" style="background: #27ae60;">
</label> <div class="areas">
<label data-theme="white_red" class="ng-star-inserted" style="background: #D24D57;"> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<div class="areas"> <span class="con" style="background: rgb(245, 247, 250);"></span>
<span class="nav" style="background: rgb(255, 255, 255);"></span> </div>
<span class="con" style="background: rgb(245, 247, 250);"></span>
</div> </label>
</label> <label data-theme="white_red" class="ng-star-inserted" style="background: #D24D57;">
<label data-theme="white_purple" class="ng-star-inserted" style="background: #957BBD;"> <div class="areas">
<div class="areas"> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<span class="nav" style="background: rgb(255, 255, 255);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> </div>
</div> </label>
</label> <label data-theme="white_purple" class="ng-star-inserted" style="background: #957BBD;">
<label data-theme="white_midnight-blue" class="ng-star-inserted" style="background: #2c3e50;"> <div class="areas">
<div class="areas"> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<span class="nav" style="background: rgb(255, 255, 255);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> </div>
</div> </label>
</label> <label data-theme="white_midnight-blue" class="ng-star-inserted"
<label data-theme="white_lynch" class="ng-star-inserted" style="background: #6C7A89;"> style="background: #2c3e50;">
<div class="areas"> <div class="areas">
<span class="nav" style="background: rgb(255, 255, 255);"></span> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
</div> </div>
</label> </label>
<label data-theme="white_lynch" class="ng-star-inserted" style="background: #6C7A89;">
<div class="areas">
<!---黑色主题--> <span class="nav" style="background: rgb(255, 255, 255);"></span>
<label data-theme="black_blue" class="ng-star-inserted" style="background:#3ca2e0;"> <span class="con" style="background: rgb(245, 247, 250);"></span>
<div class="areas"> </div>
<span class="nav" style="background: rgb(64, 64, 64);"></span> </label>
<span class="con" style="background: rgb(245, 247, 250);"></span>
</div>
</label> <!---黑色主题-->
<label data-theme="black_green" class="ng-star-inserted" style="background: #27ae60;"> <label data-theme="black_blue" class="ng-star-inserted" style="background:#3ca2e0;">
<div class="areas"> <div class="areas">
<span class="nav" style="background: rgb(64, 64, 64);"></span> <span class="nav" style="background: rgb(64, 64, 64);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
</div> </div>
</label>
</label> <label data-theme="black_green" class="ng-star-inserted" style="background: #27ae60;">
<label data-theme="black_red" class="ng-star-inserted" style="background: #D24D57;"> <div class="areas">
<div class="areas"> <span class="nav" style="background: rgb(64, 64, 64);"></span>
<span class="nav" style="background: rgb(64, 64, 64);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> </div>
</div>
</label> </label>
<label data-theme="black_purple" class="ng-star-inserted" style="background: #957BBD;"> <label data-theme="black_red" class="ng-star-inserted" style="background: #D24D57;">
<div class="areas"> <div class="areas">
<span class="nav" style="background: rgb(64, 64, 64);"></span> <span class="nav" style="background: rgb(64, 64, 64);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
</div> </div>
</label> </label>
<label data-theme="black_midnight-blue" class="ng-star-inserted" style="background: #2c3e50;"> <label data-theme="black_purple" class="ng-star-inserted" style="background: #957BBD;">
<div class="areas"> <div class="areas">
<span class="nav" style="background: rgb(64, 64, 64);"></span> <span class="nav" style="background: rgb(64, 64, 64);"></span>
<span class="con" style="background: rgb(245, 247, 250);"></span> <span class="con" style="background: rgb(245, 247, 250);"></span>
</div> </div>
</label> </label>
<label data-theme="black_lynch" class="ng-star-inserted" style="background: #6C7A89;"> <label data-theme="black_midnight-blue" class="ng-star-inserted"
<div class="areas"> style="background: #2c3e50;">
<span class="nav" style="background: rgb(64, 64, 64);"></span> <div class="areas">
<span class="con" style="background: rgb(245, 247, 250);"></span> <span class="nav" style="background: rgb(64, 64, 64);"></span>
</div> <span class="con" style="background: rgb(245, 247, 250);"></span>
</label> </div>
</label>
<label data-theme="black_lynch" class="ng-star-inserted" style="background: #6C7A89;">
</div> <div class="areas">
</li> <span class="nav" style="background: rgb(64, 64, 64);"></span>
</ul> <span class="con" style="background: rgb(245, 247, 250);"></span>
</li> </div>
</label>
<li class="hidden-xs">
<a href="#" onClick="toggleFullScreen()" data-toggle="fullscreen"><i class="fa fa-arrows-alt"></i></a>
</li> </div>
</li>
</ul>
<li class="dropdown admin-dropdown"> </li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<img src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>" class="topnav-img" style=" width: 30px; <li class="hidden-xs">
<a href="#" onClick="toggleFullScreen()" data-toggle="fullscreen"><i
class="fa fa-arrows-alt"></i></a>
</li>
<li class="dropdown admin-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<img src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>"
class="topnav-img" style=" width: 30px;
margin-right: 5px; margin-right: 5px;
max-height: 30px;" alt=""><span class="hidden-sm">${fns:getUser().name}</span> max-height: 30px;" alt=""><span class="hidden-sm">${fns:getUser().name}</span>
</a> </a>
<ul class="dropdown-menu animated fadeIn" role="menu"> <ul class="dropdown-menu animated fadeIn" role="menu">
<li><a class="J_menuItem" href="${ctx}/sys/user/imageEdit">修改头像</a> <li><a class="J_menuItem" href="${ctx}/sys/user/imageEdit">修改头像</a></li>
</li> <li><a class="J_menuItem" href="${ctx }/sys/user/info">个人资料</a></li>
<li><a class="J_menuItem" href="${ctx }/sys/user/info">个人资料</a> <li><a href="${ctx}/logout">安全退出</a></li>
</li> </ul>
<li><a class="J_menuItem" href="${ctx }/iim/contact/index">我的通讯录</a> </li>
</li> </ul>
<li><a class="J_menuItem" href="${ctx }/iim/mailBox/list">信箱</a> </div>
</li> </div>
<li><a href="javaScript:changeStyle()">切换成左侧菜单</a> <ul class="nav navbar-nav pull-right hidd">
<li><a href="${ctx}/logout">安全退出</a> <li class="dropdown admin-dropdown">
</li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
</ul> <img src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>"
</li> class="topnav-img" style=" width: 30px;
</ul>
</div>
</div>
<ul class="nav navbar-nav pull-right hidd">
<li class="dropdown admin-dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
<img src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>" class="topnav-img" style=" width: 30px;
margin-right: 5px; margin-right: 5px;
max-height: 30px;" alt=""><span class="hidden-sm">${fns:getUser().name}</span> max-height: 30px;" alt=""><span class="hidden-sm">${fns:getUser().name}</span>
</a> </a>
<ul class="dropdown-menu animated fadeIn" role="menu"> <ul class="dropdown-menu animated fadeIn" role="menu">
<t:jpMenu menu="${fns:getTopMenu()}" position="top"></t:jpMenu> <t:jpMenu menu="${fns:getTopMenu()}" position="top"></t:jpMenu>
<hr/> <hr/>
<li><a href="javaScript:changeStyle()">切换成左侧菜单</a> <li><a href="javaScript:changeStyle()">切换成左侧菜单</a>
<li><a href="${ctx}/logout">安全退出</a> <li><a href="${ctx}/logout">安全退出</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</nav> </nav>
<aside id="sidebar"> <aside id="sidebar">
<div class="tab-content"> <div class="tab-content">
<div id="page-wrapper"> <!--class="nav-small"--> <div id="page-wrapper"> <!--class="nav-small"-->
<div id="nav-col" class="nav-col"> <div id="nav-col" class="nav-col">
<section id="col-left" class="nano"> <section id="col-left" class="nano">
<div id="col-left-inner" class="nano-content"> <div id="col-left-inner" class="nano-content">
<div id="user-left-box" class="clearfix hidden-sm hidden-xs"> <div id="user-left-box" class="clearfix hidden-sm hidden-xs">
<a href="#"><img src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>" /></a> <a href="#"><img
<div class="user-box"> src="<c:if test="${fns:getUser().photo == null || fns:getUser().photo==''}">${ctxStatic}/common/images/flat-avatar.png</c:if> <c:if test="${fns:getUser().photo != null && fns:getUser().photo!=''}">${fns:getUser().photo}</c:if>"/></a>
<div class="user-box">
<span class="name"> <span class="name">
${fns:getUser().name} ${fns:getUser().name}
</span> </span>
<a id="user-link" href="#" class="dropdown-toggle"> <a id="user-link" href="#" class="dropdown-toggle">
<font>${fns:getUser().roleNames}<b class="caret"></b></font> <font>${fns:getUser().roleNames}<b class="caret"></b></font>
</a> </a>
</div> </div>
</div>
</div> <div class="collapse navbar-collapse navbar-ex1-collapse tab-content" id="sidebar-nav">
<div class="collapse navbar-collapse navbar-ex1-collapse tab-content" id="sidebar-nav"> <ul class="nav nav-pills nav-stacked">
<ul class="nav nav-pills nav-stacked"> <li>
<li> <ul id="user-menu" class="submenu">
<ul id="user-menu" class="submenu"> <li><a class="J_menuItem" href="${ctx}/sys/user/imageEdit">修改头像</a>
<li><a class="J_menuItem" href="${ctx}/sys/user/imageEdit">修改头像</a> </li>
</li> <li><a class="J_menuItem" href="${ctx }/sys/user/info">个人资料</a>
<li><a class="J_menuItem" href="${ctx }/sys/user/info">个人资料</a> </li>
</li> <li><a href="${ctx}/logout">安全退出</a>
<li><a class="J_menuItem" href="${ctx }/iim/contact/index">我的通讯录</a> </li>
</li> </ul>
<li><a class="J_menuItem" href="${ctx }/iim/mailBox/list">信箱</a> </li>
</li> </ul>
<li><a href="javaScript:changeStyle()">切换成左侧菜单</a> <t:jpMenu menu="${fns:getTopMenu()}" position="left"></t:jpMenu>
</li> </div>
<li><a href="${ctx}/logout">安全退出</a> </div>
</li> </section>
</ul> </div>
</li> </div>
</ul>
<t:jpMenu menu="${fns:getTopMenu()}" position="left"></t:jpMenu> </div>
</div>
</div>
</section>
</div>
</div>
</div>
</aside> </aside>
<section id="body-container" class="animation"> <section id="body-container" class="animation">
<!--选项卡 --> <!--选项卡 -->
<div class="main-container" id="main-container"> <div class="main-container" id="main-container">
<div class="main-content"> <div class="main-content">
<div class="main-content-inner"> <div class="main-content-inner">
<div id="breadcrumbs" class="${cookie.tab.value!=false?'breadcrumbs':'un-breadcrumbs'}"> <div id="breadcrumbs" class="${cookie.tab.value!=false?'breadcrumbs':'un-breadcrumbs'}">
<div class="content-tabs"> <div class="content-tabs">
<a id="hideMenu" class="roll-nav roll-left-0 J_tabLeft"><i class="fa fa-align-justify"></i> <a id="hideMenu" class="roll-nav roll-left-0 J_tabLeft"><i class="fa fa-align-justify"></i>
</a> </a>
<button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i> <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
</button> </button>
<nav class="page-tabs J_menuTabs"> <nav class="page-tabs J_menuTabs">
<div class="page-tabs-content"> <div class="page-tabs-content">
<a href="javascript:;" class="active J_menuTab" data-id="${ctx}/home">首页</a> <a href="javascript:;" class="active J_menuTab" data-id="${ctx}/warehouse/goods/goods">首页</a>
</div> </div>
</nav> </nav>
<button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i> <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
</button> </button>
<a href="${ctx}/logout" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a> <a href="${ctx}/logout" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i>
</div> 退出</a>
</div> </div>
</div>
<div class="J_mainContent" id="content-main" style="${cookie.tab.value!=false?'height:calc(100% - 40px)':'height:calc(100%)'}">
<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="${ctx}/home" frameborder="0" data-id="${ctx}/home" seamless></iframe> <div class="J_mainContent" id="content-main"
</div> style="${cookie.tab.value!=false?'height:calc(100% - 40px)':'height:calc(100%)'}">
</div> <iframe class="J_iframe" name="iframe0" width="100%" height="100%"
src="${ctx}/warehouse/goods/goods" frameborder="0" data-id="${ctx}/warehouse/goods/goods"
seamless></iframe>
</div> </div>
</div> </div>
<div class="footer">
<div class="pull-left"><a href="http://www.jeeplus.org">http://www.jeeplus.org</a> &copy; 2015-2025</div> </div>
</div> </div>
<div class="footer">
<div class="pull-left"><a href="http://www.jeeplus.org">http://www.jeeplus.org</a> &copy; 2015-2025</div>
</div>
</section> </section>
<script> <script>
$(function(){ $(function () {
$.addtabs.drop(); $.addtabs.drop();
$('#showMenu').click(function() { $('#showMenu').click(function () {
$('body').toggleClass('push-right'); $('body').toggleClass('push-right');
}); });
$('#hideMenu').click(function () { $('#hideMenu').click(function () {
$('#page-wrapper').toggleClass('nav-small'); $('#page-wrapper').toggleClass('nav-small');
$('#col-left').toggleClass('nano'); $('#col-left').toggleClass('nano');
$('body').removeClass('push-right') $('body').removeClass('push-right')
$('body').toggleClass('push-left'); $('body').toggleClass('push-left');
...@@ -369,17 +371,19 @@ ...@@ -369,17 +371,19 @@
$('#showTab').click(function () { $('#showTab').click(function () {
$('#showTab').parent().toggleClass("active") $('#showTab').parent().toggleClass("active")
$('#closeTab').parent().toggleClass("active") $('#closeTab').parent().toggleClass("active")
$("#breadcrumbs").attr("class","breadcrumbs"); $("#breadcrumbs").attr("class", "breadcrumbs");
$("#content-main").css("height","calc(100% - 40px)") $("#content-main").css("height", "calc(100% - 40px)")
$.get('${ctx}/tab/true?url='+window.top.location.href,function(result){ }); $.get('${ctx}/tab/true?url=' + window.top.location.href, function (result) {
});
}); });
$('#closeTab').click(function () { $('#closeTab').click(function () {
$('#showTab').parent().toggleClass("active") $('#showTab').parent().toggleClass("active")
$('#closeTab').parent().toggleClass("active") $('#closeTab').parent().toggleClass("active")
$("#breadcrumbs").attr("class","un-breadcrumbs"); $("#breadcrumbs").attr("class", "un-breadcrumbs");
$("#content-main").css("height","calc(100%)") $("#content-main").css("height", "calc(100%)")
$.get('${ctx}/tab/false',function(result){ }); $.get('${ctx}/tab/false', function (result) {
});
}); });
$(".theme-icons label").click(function () { $(".theme-icons label").click(function () {
...@@ -389,14 +393,16 @@ ...@@ -389,14 +393,16 @@
}) })
}); });
/** /**
*切换主题 *切换主题
*/ */
function changeStyle(){ function changeStyle() {
$.get('${ctx}/style/default',function(result){ $.get('${ctx}/style/default', function (result) {
window.location.reload(); window.location.reload();
}); });
} }
/** /**
* 切换颜色 * 切换颜色
* @param theme * @param theme
...@@ -404,53 +410,54 @@ ...@@ -404,53 +410,54 @@
function changeTheme(style_theme) { function changeTheme(style_theme) {
var style = style_theme.split("_")[0]; var style = style_theme.split("_")[0];
var theme = style_theme.split("_")[1]; var theme = style_theme.split("_")[1];
if(style == "black"){ if (style == "black") {
$("body").removeClass("theme-whbl"); $("body").removeClass("theme-whbl");
}else{ } else {
$("body").addClass("theme-whbl"); $("body").addClass("theme-whbl");
} }
var link = $('<link>') var link = $('<link>')
.appendTo('head') .appendTo('head')
.attr({type : 'text/css', rel : 'stylesheet'}) .attr({type: 'text/css', rel: 'stylesheet'})
.attr('href', '${ctxStatic}/common/css/app-'+theme+'.css'); .attr('href', '${ctxStatic}/common/css/app-' + theme + '.css');
var tabLink = $('<link>') var tabLink = $('<link>')
.appendTo('head') .appendTo('head')
.attr({type : 'text/css', rel : 'stylesheet'}) .attr({type: 'text/css', rel: 'stylesheet'})
.attr('href', '${ctxStatic}/plugin/js-menu/menuTab-'+theme+'.css'); .attr('href', '${ctxStatic}/plugin/js-menu/menuTab-' + theme + '.css');
var childrenLink= $('<link>').appendTo($(".J_iframe").contents().find("head")) var childrenLink = $('<link>').appendTo($(".J_iframe").contents().find("head"))
.attr({type : 'text/css', rel : 'stylesheet'}) .attr({type: 'text/css', rel: 'stylesheet'})
.attr('href', '${ctxStatic}/common/css/app-'+theme+'.css'); .attr('href', '${ctxStatic}/common/css/app-' + theme + '.css');
$.get('${ctx}/theme/'+style_theme,function(result){ $.get('${ctx}/theme/' + style_theme, function (result) {
setTimeout(function () { setTimeout(function () {
$('#theme').remove(); $('#theme').remove();
$('#theme-tab').remove(); $('#theme-tab').remove();
$(".J_iframe").contents().find("#theme").remove(); $(".J_iframe").contents().find("#theme").remove();
}, 500); }, 500);
link.attr("id","theme"); link.attr("id", "theme");
childrenLink.attr("id","theme"); childrenLink.attr("id", "theme");
tabLink.attr("id","theme-tab") tabLink.attr("id", "theme-tab")
}); });
} }
$(function ($) { $(function ($) {
$('#sidebar-nav a').on('click', function (e) { $('#sidebar-nav a').on('click', function (e) {
var _this = $(this); var _this = $(this);
$('#sidebar-nav a').each(function(){ $('#sidebar-nav a').each(function () {
if($(this) != _this){ if ($(this) != _this) {
if($(this).hasClass("active")){ if ($(this).hasClass("active")) {
$(this).removeClass("active"); $(this).removeClass("active");
} }
} }
}); });
if(!_this.hasClass("active")){ if (!_this.hasClass("active")) {
_this.addClass("active") _this.addClass("active")
_this.parent("li.open").find("a").first().addClass("active"); _this.parent("li.open").find("a").first().addClass("active");
} }
}); });
...@@ -464,8 +471,7 @@ ...@@ -464,8 +471,7 @@
$item.toggleClass('open'); $item.toggleClass('open');
if ($item.hasClass('open')) { if ($item.hasClass('open')) {
$item.children('.submenu').slideDown('fast'); $item.children('.submenu').slideDown('fast');
} } else {
else {
$item.children('.submenu').slideUp('fast'); $item.children('.submenu').slideUp('fast');
} }
if ($("#user-menu").parent().hasClass('open')) { if ($("#user-menu").parent().hasClass('open')) {
...@@ -473,17 +479,16 @@ ...@@ -473,17 +479,16 @@
$("#user-menu").parent().toggleClass('open'); $("#user-menu").parent().toggleClass('open');
} }
}); });
$('#user-link').on('click',function () { $('#user-link').on('click', function () {
var $item = $("#user-menu"); var $item = $("#user-menu");
$item.parent().toggleClass('open'); $item.parent().toggleClass('open');
if ($item.parent().hasClass('open')) { if ($item.parent().hasClass('open')) {
$item.slideDown('fast'); $item.slideDown('fast');
} } else {
else {
$item.slideUp('fast'); $item.slideUp('fast');
} }
$("#sidebar-nav .tab-pane").find('.open .submenu').slideUp('fast'); $("#sidebar-nav .tab-pane").find('.open .submenu').slideUp('fast');
$("#sidebar-nav .tab-pane").find('.open').toggleClass('open'); $("#sidebar-nav .tab-pane").find('.open').toggleClass('open');
}) })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment