界面样式调整
This commit is contained in:
chiguangxu
@@ -62,24 +62,10 @@
|
||||
$("#searchText").click(function(){
|
||||
$(this).val("");
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
//面包屑导航
|
||||
/* $(function(){
|
||||
|
||||
$("div ul li a").click(function(){
|
||||
if(typeof $(this).attr("id") !='undefined'){
|
||||
$("#menutwo").text($(this).text().trim());
|
||||
$("#menuthree").text("");
|
||||
}else{
|
||||
$("#menuthree").text($(this).text().trim());
|
||||
}
|
||||
// var urlto=this+"";
|
||||
// var ur="${ctx}"+urlto.split("nis")[1];
|
||||
// $("#menutwo").attr("href",ur);
|
||||
})
|
||||
}) */
|
||||
|
||||
|
||||
//页面跳转函数 level:级别，1顶级，2有子级。name:菜单名称，有多级#间隔。url：访问路径。object：点击元素对象。
|
||||
function page_turn(id, level, name, url,obj){
|
||||
var $object = $("#menu_"+id);//点击当前级别
|
||||
@@ -117,28 +103,88 @@ function page_turn(id, level, name, url,obj){
|
||||
$header.append("<li><a href='javascript:void(0);'>"+breadcrumbs[i]+"</a>"+circle+"</li>");
|
||||
}
|
||||
|
||||
|
||||
|
||||
App.scrollTo()
|
||||
|
||||
App.startPageLoading({animate:true});
|
||||
|
||||
//调入页面
|
||||
window.frames['mainFrame'].location=url;
|
||||
|
||||
$("#mainFrame").load(function(){
|
||||
App.stopPageLoading();
|
||||
});
|
||||
|
||||
|
||||
|
||||
App.scrollTo()
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function searchMenu() {
|
||||
var search_txt = $("#searchText").val();
|
||||
if(search_txt.indexOf('_')!=-1){
|
||||
search_txt = search_txt.substring(search_txt.lastIndexOf('_'));
|
||||
$("#menu"+search_txt+" >a").trigger('click');
|
||||
}else {
|
||||
alert('未找到该菜单！');
|
||||
}
|
||||
|
||||
if ($('body').hasClass("page-sidebar-closed")) {
|
||||
if ($('.sidebar-search').hasClass('open') === false) {
|
||||
if ($('.page-sidebar-fixed').size() === 1) {
|
||||
$('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
|
||||
|
||||
}
|
||||
$('.sidebar-search').addClass("open");
|
||||
} else {
|
||||
|
||||
searchForm();
|
||||
}
|
||||
} else {
|
||||
searchForm()
|
||||
}
|
||||
|
||||
if ($('.sidebar-search').size() !== 0) {
|
||||
$('.sidebar-search .input-group').on('click', function(e){
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
$('body').on('click', function() {
|
||||
if ($('.sidebar-search').hasClass('open')) {
|
||||
$('.sidebar-search').removeClass("open");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function searchForm() {
|
||||
|
||||
var search_txt = $("#searchText").val();
|
||||
if(search_txt.indexOf('_')!=-1){
|
||||
search_txt = search_txt.substring(search_txt.lastIndexOf('_'));
|
||||
$("#menu"+search_txt+" >a").trigger('click');
|
||||
}else {
|
||||
alert('未找到该菜单！');
|
||||
}
|
||||
}
|
||||
|
||||
function changeFrameHeight() {
|
||||
|
||||
var iframe = $("#mainFrame");
|
||||
var clientHeight = $(window).height();
|
||||
|
||||
var headerHeight = $(".page-header").height();
|
||||
var barHeight = $(".page-bar").height();
|
||||
var footerHeight = $(".page-footer").height();
|
||||
var paddingHeight = 20;
|
||||
|
||||
iframe.contents().find(".page-content").addClass("page-content-body");
|
||||
iframe.prop("height",clientHeight-headerHeight-barHeight-footerHeight-paddingHeight);
|
||||
|
||||
}
|
||||
window.onresize=function(){
|
||||
changeFrameHeight();
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
|
||||
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white ">
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="page-header navbar navbar-fixed-top">
|
||||
|
||||
@@ -150,6 +196,10 @@ function searchMenu() {
|
||||
src="${pageContext.request.contextPath}/static/layouts/layout/img/logo.png"
|
||||
alt="logo" class="logo-default" />
|
||||
</a>
|
||||
|
||||
<div class="menu-toggler sidebar-toggler">
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END LOGO -->
|
||||
|
||||
@@ -220,7 +270,7 @@ function searchMenu() {
|
||||
|
||||
|
||||
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" >
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" >
|
||||
<i class="fa fa-language"></i><span class="username username-hide-on-mobile" id="lang_text"> </span>
|
||||
</a>
|
||||
|
||||
@@ -234,7 +284,7 @@ function searchMenu() {
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<li class="dropdown dropdown-user"><a href="javascript:;"
|
||||
class="dropdown-toggle" data-toggle="dropdown"
|
||||
data-hover="dropdown" data-close-others="true"> <img alt=""
|
||||
data-close-others="true"> <img alt=""
|
||||
class="img-circle"
|
||||
src="${pageContext.request.contextPath}/static/pages/img/avatar.png" />
|
||||
<span class="username username-hide-on-mobile">
|
||||
@@ -318,7 +368,7 @@ function searchMenu() {
|
||||
</div>
|
||||
|
||||
|
||||
<iframe id="mainFrame" name="mainFrame" width="100%" onload="home.setIframeHeight(this)" src="${pageContext.request.contextPath }/nis/index" frameborder="0" srcolling="no">
|
||||
<iframe id="mainFrame" name="mainFrame" width="100%" onload="changeFrameHeight()" src="${pageContext.request.contextPath }/nis/index" frameborder="0" srcolling="no">
|
||||
浏览器不支持嵌入式框架或配置为不显示嵌入式框架。
|
||||
</iframe>
|
||||
|
||||
|
||||
@@ -21591,5 +21591,42 @@ Color library demo
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.none-data {
|
||||
position: absolute;
|
||||
display: block;
|
||||
padding: 20px 15px;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
text-align: center;
|
||||
margin-top: -1px;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1480px) {
|
||||
.mega-menu >li >a {
|
||||
white-space: nowrap;
|
||||
min-width: 108px;
|
||||
width: 108px;
|
||||
text-align:center;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
|
||||
.mega-menu >li >a:hover {
|
||||
width: 100%;
|
||||
overflow: visible;
|
||||
text-overflow: inherit;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.mega-menu .dropdown-menu {
|
||||
min-width: 190px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1572,10 +1572,10 @@ b-menu>li>.sub-menu>li>a {
|
||||
box-shadow:none!important
|
||||
}
|
||||
.page-container-bg-solid .page-bar,.page-content-white .page-bar {
|
||||
background-color:#fff;
|
||||
position:relative;
|
||||
padding:0 20px;
|
||||
margin:-25px -20px 0;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
padding: 0 15px;
|
||||
margin: -0px 0px 0;
|
||||
}
|
||||
.page-container-bg-solid .page-bar .page-breadcrumb,.page-content-white .page-bar .page-breadcrumb {
|
||||
padding:11px 0
|
||||
@@ -1606,10 +1606,19 @@ b-menu>li>.sub-menu>li>a {
|
||||
.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm,.page-content-white .page-bar .page-toolbar .btn.btn-sm {
|
||||
margin-top:0
|
||||
}
|
||||
.page-content {
|
||||
margin-top:0;
|
||||
padding-top: 15px;
|
||||
background-color:#fff
|
||||
|
||||
.page-content-body {
|
||||
margin-top:0;
|
||||
padding-top: 15px;
|
||||
background-color:#fff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow-y: auto;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
.page-content .row {
|
||||
|
||||
@@ -1638,7 +1647,8 @@ b-menu>li>.sub-menu>li>a {
|
||||
margin-left:235px;
|
||||
margin-top:0;
|
||||
min-height:600px;
|
||||
padding:25px 20px 10px
|
||||
background-color: #fff;
|
||||
/* padding:25px 20px 10px */
|
||||
}
|
||||
.page-content-wrapper .page-content.no-min-height {
|
||||
min-height:auto
|
||||
@@ -1711,7 +1721,8 @@ b-menu>li>.sub-menu>li>a {
|
||||
.page-footer {
|
||||
padding:8px 20px 5px;
|
||||
font-size:13px;
|
||||
height:33px
|
||||
height:33px;
|
||||
background-color: #333;
|
||||
}
|
||||
.page-footer:after,.page-footer:before {
|
||||
content:" ";
|
||||
|
||||
Reference in New Issue
Block a user