<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<title id="title"></title>
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
|
<script src="../js/paramconfig.js"></script>
|
<script type="text/javascript">
|
remoteToLoadCss('BootStrap4/assets/css/style.css');
|
remoteToLoadJs('BootStrap4/assets/js/modernizr.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.min.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/jqgrid/jquery.jqGrid.min.js');
|
loadLocalJs('../libs/vue.min.js');
|
loadLocalJs('../libs/router.js');
|
remoteToLoadJs('BootStrap4/expand/plugins/layer/layer.js');
|
loadLocalJs('../js/common.js');
|
loadLocalJs('../js/index.js');
|
//loadLocalJs('../js/index.js?t='+(new Date()).toUTCString());
|
remoteToLoadJs('BootStrap4/assets/js/tether.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/bootstrap.min.js');
|
remoteToLoadJs('BootStrap4/assets/js/detect.js');
|
remoteToLoadJs('BootStrap4/assets/js/fastclick.js');
|
remoteToLoadJs('BootStrap4/assets/js/waves.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.slimscroll.js');
|
remoteToLoadJs('BootStrap4/assets/js/jquery.app.js');
|
</script>
|
<style>
|
body{
|
padding-bottom: 41px;/*内容区底部边距，与版权区域高度一致*/
|
}
|
|
/*左侧菜单隐藏时头部切换按钮样式*/
|
.enlarged#wrapper .topbar .topbar-left .open-left{
|
float: none!important;
|
margin-left: 0px;
|
}
|
|
/*左侧菜单头部标题*/
|
.topbar .topbar-left .logo{
|
font-size: 24px;
|
line-height: 75px;
|
margin-left: 20px;
|
}
|
|
/*右侧头部区域背景颜色*/
|
.navbar-custom{
|
/*background-color: #1E7BB6;*/
|
background-image: url(../image/banner_bg.png);;
|
margin-left: 0px;
|
}
|
|
/*右侧头部区域--右边按钮间隔*/
|
.navbar-nav .nav-item + .nav-item{
|
margin-left: 2rem;
|
}
|
|
.menu_div{
|
width: 100%;
|
min-height:600px;
|
color:white;
|
float: left;
|
}
|
|
.fa-lg {
|
font-size: 1.0em;
|
line-height: 0.75em;
|
vertical-align: -15%;
|
}
|
|
.mainmenu_div{
|
width: 40%;
|
float: left;
|
padding: 10px;
|
min-height: 100px;
|
color: white;
|
border-radius:5px;
|
}
|
|
.menuleft_div{
|
width: 25%;
|
float: left;
|
}
|
|
.menuleft_div img{
|
width:85px;
|
height:70px;
|
margin-left:15px
|
}
|
|
.menuleft_div h5{
|
color:white;
|
margin-bottom:0.1rem;
|
margin-top:11px!important;
|
font-size:1.2rem;width:101px;
|
text-align:center;
|
margin-left:10px
|
}
|
|
.menuright_div{
|
width: 75%;
|
float: left;
|
font-size: 16px;
|
}
|
|
#wrapper.enlarged .left.side-menu #sidebar-menu ul.list-unstyled > li:hover > a i {
|
color: #64b0f2;
|
}
|
|
/*alert ykm 2019/01/17*/
|
#sidebar-menu ul li a i {
|
color: #3483ED;
|
font-size: 20px;
|
}
|
|
#sidebar-menu ul ul a,
|
#sidebar-menu > ul > li > a{
|
font-size: 17px;
|
color: #000;
|
}
|
|
.side-menu,
|
.topbar .topbar-left{
|
width: 320px;
|
}
|
|
.side-menu {
|
top: 115px;
|
}
|
|
.content-page {
|
margin-left: 320px;
|
}
|
|
/*.topbar .topbar-left {*/
|
/*height: 80px;*/
|
/*text-align: left;*/
|
/*}*/
|
|
.button-menu-mobile {
|
padding: 0 25px;
|
line-height: 60px;
|
}
|
|
.topbar-left {
|
height: 60px;
|
}
|
|
.topbar-left a {
|
line-height: 60px;
|
margin-left: 20px;
|
}
|
|
li.nav-item a {
|
line-height: 115px !important;
|
font-size: 16px;
|
}
|
|
.button-menu-mobile:hover {
|
color: #fff;
|
}
|
|
.footer {
|
left: 320px;
|
}
|
|
#sidebar-menu ul li .menu-arrow {
|
font-size: 22px;
|
line-height: 26px;
|
}
|
|
.content-page > .content {
|
margin-top: 115px;
|
}
|
</style>
|
</head>
|
<body class="fixed-left widescreen">
|
<div id="wrapper">
|
<div class="topbar">
|
<!--<div class="topbar-left" style="background-image: url(../image/banner_bg.png);">-->
|
<!--<a href="index.html" class="logo">-->
|
<!--<span style="color:white;"><b>运维监控</b></span>-->
|
<!--</a>-->
|
<!--<button class="button-menu-mobile open-left" style="float:right;font-size: 26px;">-->
|
<!--<i class="zmdi zmdi-menu"></i>-->
|
<!--</button>-->
|
<!--</div>-->
|
<nav class="navbar navbar-custom">
|
<ul class="nav navbar-nav">
|
<li class="nav-item" style="line-height: 64px;margin-left: 25px;">
|
<img src="../image/commontitle.png" onclick="javasctipt:openLiferay();" style="cursor: pointer;">
|
</li>
|
</ul>
|
<ul class="nav navbar-nav pull-right">
|
<li class="nav-item">
|
<a href="javascript:;" style="float:left;color:#fff;line-height:75px;color:white;" class="active">
|
<span id="userImg"></span> 欢迎
|
</a>
|
</li>
|
<li class="nav-item">
|
<a href="javascript:;" onclick="updatePassword()" style="line-height:75px;color:white;">
|
<i class="fa fa-lock"></i> 修改密码
|
</a>
|
</li>
|
<li class="nav-item">
|
<a href="/logout" style="line-height:75px;color:white;">
|
<i class="fa fa-sign-out"></i> 退出系统
|
</a>
|
</li>
|
</ul>
|
</nav>
|
</div>
|
<div class="left side-menu" style="background: #ffffff;"><!-- background:#039cfd30，8位在IE下不支持。cai -->
|
<div class="topbar-left" style="background-color: #4777FF;"><!--background-image: url(../image/banner_bg.png);-->
|
<a href="index.html" class="logo">
|
<span style="color:white;"><b>运维监控</b></span>
|
</a>
|
<button class="button-menu-mobile" style="float:right;font-size: 26px;cursor: auto;"><!--class="button-menu-mobile open-left"-->
|
<i class="zmdi zmdi-menu"></i>
|
</button>
|
</div>
|
|
<div class="sidebar-inner slimscrollleft">
|
<div id="sidebar-menu">
|
</div>
|
</div>
|
</div>
|
<div class="content-page">
|
<div class="content" style="padding: 0px;">
|
<div class="container" style="padding:0px;">
|
<div class="row">
|
<div class="col-xs-12">
|
<div class="page-title-box" style="padding: 10px 20px;margin: 0px!important;">
|
<section class="content-header" style="padding:0px;">
|
<ol class="breadcrumb p-0" id="nav_title" style="position:static;float:none!important;list-style:none;">
|
<li>
|
<a href='index.html' style="color:black;">
|
<i class="fa fa-home" style="font-size:20px;position:relative;top:2px;left:-3px;"></i>首页
|
</a>
|
<li id="shouyeTitle"></li>
|
</ol>
|
</section>
|
</div>
|
</div>
|
</div>
|
<div id="menuShow" class="menu_div">
|
|
</div>
|
<section id="center_Content" style="background-color:white;margin-top: 0px;padding: 15px;">
|
<iframe id="ifm" scrolling="yes" frameborder="0" style="width:100%;min-height:200px;overflow:visible;background-color:white;" src="modules/sys/main.html"></iframe>
|
</section>
|
</div>
|
</div>
|
</div>
|
<footer class="footer text-right" style="padding: 10px 30px;">
|
<div class="pull-right hidden-xs">
|
</div>
|
<span id="copyrightName"></span>
|
</footer>
|
|
<div class="control-sidebar-bg"></div>
|
|
<!-- 修改密码 -->
|
|
</div>
|
<script>
|
var resizefunc = [];
|
</script>
|
</body>
|
</html>
|
