gfwleak/k18-ntcs-web-ntc
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

界面样式调整

Browse Source
This commit is contained in:
chiguangxu
2018-04-04 18:17:53 +08:00
parent 12678d31e4
commit 6ac47b1e80
3 changed files with 140 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/main/webapp/WEB-INF/views/home.jsp
View File

@@ -62,24 +62,10 @@
$("#searchText").click(function(){ $("#searchText").click(function(){
$(this).val(""); $(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：点击元素对象。 //页面跳转函数 level:级别，1顶级，2有子级。name:菜单名称，有多级#间隔。url：访问路径。object：点击元素对象。
function page_turn(id, level, name, url,obj){ function page_turn(id, level, name, url,obj){
var $object = $("#menu_"+id);//点击当前级别 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>"); $header.append("<li><a href='javascript:void(0);'>"+breadcrumbs[i]+"</a>"+circle+"</li>");
} }
App.scrollTo()
App.startPageLoading({animate:true});
//调入页面 //调入页面
window.frames['mainFrame'].location=url; window.frames['mainFrame'].location=url;
$("#mainFrame").load(function(){
App.stopPageLoading();
});
App.scrollTo()
} }
function searchMenu() { function searchMenu() {
var search_txt = $("#searchText").val();
if(search_txt.indexOf('_')!=-1){ if ($('body').hasClass("page-sidebar-closed")) {
search_txt = search_txt.substring(search_txt.lastIndexOf('_')); if ($('.sidebar-search').hasClass('open') === false) {
$("#menu"+search_txt+" >a").trigger('click'); if ($('.page-sidebar-fixed').size() === 1) {
}else { $('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
alert('未找到该菜单！');
} }
$('.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> </script>
</head> </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 --> <!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top"> <div class="page-header navbar navbar-fixed-top">
@@ -150,6 +196,10 @@ function searchMenu() {
src="${pageContext.request.contextPath}/static/layouts/layout/img/logo.png" src="${pageContext.request.contextPath}/static/layouts/layout/img/logo.png"
alt="logo" class="logo-default" /> alt="logo" class="logo-default" />
</a> </a>
<div class="menu-toggler sidebar-toggler">
<span></span>
</div>
</div> </div>
<!-- END LOGO --> <!-- 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> <i class="fa fa-language"></i><span class="username username-hide-on-mobile" id="lang_text"> </span>
</a> </a>
@@ -234,7 +284,7 @@ function searchMenu() {
<!-- BEGIN USER LOGIN DROPDOWN --> <!-- BEGIN USER LOGIN DROPDOWN -->
<li class="dropdown dropdown-user"><a href="javascript:;" <li class="dropdown dropdown-user"><a href="javascript:;"
class="dropdown-toggle" data-toggle="dropdown" class="dropdown-toggle" data-toggle="dropdown"
data-hover="dropdown" data-close-others="true"> <img alt="" data-close-others="true"> <img alt=""
class="img-circle" class="img-circle"
src="${pageContext.request.contextPath}/static/pages/img/avatar.png" /> src="${pageContext.request.contextPath}/static/pages/img/avatar.png" />
<span class="username username-hide-on-mobile"> <span class="username username-hide-on-mobile">
@@ -318,7 +368,7 @@ function searchMenu() {
</div> </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> </iframe>

41
src/main/webapp/static/global/css/components.css
View File

@@ -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;
}

31
src/main/webapp/static/layouts/layout/css/layout.css
View File

@@ -1572,10 +1572,10 @@ b-menu>li>.sub-menu>li>a {
box-shadow:none!important box-shadow:none!important
} }
.page-container-bg-solid .page-bar,.page-content-white .page-bar { .page-container-bg-solid .page-bar,.page-content-white .page-bar {
background-color:#fff; background-color: #fff;
position:relative; position: relative;
padding:0 20px; padding: 0 15px;
margin:-25px -20px 0; margin: -0px 0px 0;
} }
.page-container-bg-solid .page-bar .page-breadcrumb,.page-content-white .page-bar .page-breadcrumb { .page-container-bg-solid .page-bar .page-breadcrumb,.page-content-white .page-bar .page-breadcrumb {
padding:11px 0 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 { .page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm,.page-content-white .page-bar .page-toolbar .btn.btn-sm {
margin-top:0 margin-top:0
} }
.page-content {
margin-top:0; .page-content-body {
padding-top: 15px; margin-top:0;
background-color:#fff 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 { .page-content .row {
@@ -1638,7 +1647,8 @@ b-menu>li>.sub-menu>li>a {
margin-left:235px; margin-left:235px;
margin-top:0; margin-top:0;
min-height:600px; min-height:600px;
padding:25px 20px 10px background-color: #fff;
/* padding:25px 20px 10px */
} }
.page-content-wrapper .page-content.no-min-height { .page-content-wrapper .page-content.no-min-height {
min-height:auto min-height:auto
@@ -1711,7 +1721,8 @@ b-menu>li>.sub-menu>li>a {
.page-footer { .page-footer {
padding:8px 20px 5px; padding:8px 20px 5px;
font-size:13px; font-size:13px;
height:33px height:33px;
background-color: #333;
} }
.page-footer:after,.page-footer:before { .page-footer:after,.page-footer:before {
content:" "; content:" ";