You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
292 lines
6.7 KiB
HTML
292 lines
6.7 KiB
HTML
2 years ago
|
<style>
|
||
|
|
|
||
|
|
|
||
|
|
.div1 ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.div1 ul li {
|
||
|
|
list-style: none;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.div1 ul li a {
|
||
|
|
color: #444;
|
||
|
|
text-decoration: none;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.div1 ul li a:hover {
|
||
|
|
color: #999;
|
||
|
|
|
||
|
|
}
|
||
|
|
ul, ol {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.nav {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
height: 35px;
|
||
|
|
font-size: 14px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1000;
|
||
|
|
padding-left: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav li {
|
||
|
|
background-color: #E0E0E0;
|
||
|
|
/*background-image:url('__IMG__/index/images/menu.png');*/
|
||
|
|
float: left;
|
||
|
|
zoom: 1;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.pageHeaderMenu .nav li {
|
||
|
|
background-color: transparent;
|
||
|
|
background-image:url('__IMG__/index/images/menu.png');
|
||
|
|
float: left;
|
||
|
|
zoom: 1;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.nav > li {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.nav li a {
|
||
|
|
display: block;
|
||
|
|
width: 120px;
|
||
|
|
padding: 0 12px;
|
||
|
|
text-align: center;
|
||
|
|
/*border-right: 1px solid #F4F4F4;*/
|
||
|
|
line-height: 35px;
|
||
|
|
height: 35px;
|
||
|
|
color: #6de1ff;
|
||
|
|
text-decoration: none;}
|
||
|
|
div.mainnav .nav li a:hover {
|
||
|
|
background-color: #eee;}
|
||
|
|
.pageTitle {
|
||
|
|
font-size: 24px;
|
||
|
|
color: #fff;
|
||
|
|
margin-left: 30px;
|
||
|
|
}
|
||
|
|
.navbar{
|
||
|
|
height: 82px;
|
||
|
|
}
|
||
|
|
.pageHeader {
|
||
|
|
height: 82px;
|
||
|
|
padding: 0px 30px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background: linear-gradient(180deg, #15244aff 0%, #184b7099 100%);
|
||
|
|
backdrop-filter: blur(8px);
|
||
|
|
box-shadow: inset 0px 2px 9.77px 0px #003c5066;
|
||
|
|
justify-content: space-between;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row;
|
||
|
|
align-content: center;
|
||
|
|
}
|
||
|
|
.pageHeaderLogo {
|
||
|
|
height: 82px;
|
||
|
|
line-height: 82px;
|
||
|
|
align-content: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
margin-left: 15px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.pageHeaderMenu ul {
|
||
|
|
height: 100%;
|
||
|
|
flex-flow: row;
|
||
|
|
display: flex;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.pageHeaderMenu ul li {
|
||
|
|
list-style: none;
|
||
|
|
color: #6de1ff;
|
||
|
|
width: 120px;
|
||
|
|
height: 47px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
margin: 0 15px;
|
||
|
|
cursor: pointer;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.pageHeaderLogout {
|
||
|
|
height: 100%;
|
||
|
|
flex-flow: row;
|
||
|
|
display: flex;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
align-items: center;
|
||
|
|
color: #66e6ff;
|
||
|
|
}
|
||
|
|
.currentTime {
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
@media screen and (min-width:1200px) and (max-width:1440px){
|
||
|
|
.pageHeader ,.navbar{
|
||
|
|
height: 58px;
|
||
|
|
}
|
||
|
|
.pageHeader {
|
||
|
|
padding: 0px 24px;
|
||
|
|
}
|
||
|
|
.pageHeaderLogo{
|
||
|
|
height: 58px;
|
||
|
|
line-height: 58px;
|
||
|
|
}
|
||
|
|
.pageHeader img{
|
||
|
|
margin-left: 8px;
|
||
|
|
margin-top: -5px;
|
||
|
|
}
|
||
|
|
.pageTitle {
|
||
|
|
font-size: 17px;
|
||
|
|
margin-left: 15px;
|
||
|
|
}
|
||
|
|
.pageHeaderMenu ul li{
|
||
|
|
width: 96px;
|
||
|
|
height: 34px;
|
||
|
|
}
|
||
|
|
.pageHeaderMenu ul li a{
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="navbar">
|
||
|
|
|
||
|
|
<div class="topdiv" align="center">
|
||
|
|
|
||
|
|
<div class="tbnav" align="center">
|
||
|
|
|
||
|
|
<!-- <div class="top-img" style="height:60px; background-color: #e9e7da;">
|
||
|
|
|
||
|
|
<table width="100%" style="border-collapse: collapse; height: 60px;">
|
||
|
|
<tr><td width="200px"><div id="jnkc"></div></td>
|
||
|
|
<td align="center" >
|
||
|
|
<img src="__IMG__/index/images/title01.png"/></td>
|
||
|
|
<td width="200px" style="text-align: left;vertical-align: middle">
|
||
|
|
|
||
|
|
</td></tr></table>
|
||
|
|
|
||
|
|
</div>-->
|
||
|
|
<div class="pageHeader">
|
||
|
|
<div class="pageHeaderLogo">
|
||
|
|
<img src="__IMG__/index/images/stateGridCorporation.png" class="hjdw" alt="国家电网公司" srcset="" />
|
||
|
|
<img src="__IMG__/index/images/hinFilmTechnology.png" class="xykj" alt="欣影科技" srcset="" />
|
||
|
|
<span class="pageTitle">状态监测数据汇集系统</span>
|
||
|
|
</div>
|
||
|
|
<div class="pageHeaderMenu">
|
||
|
|
{$topmenus}
|
||
|
|
<!-- <ul>
|
||
|
|
<li
|
||
|
|
:style="'background-image:url(' + menuBj + ');'"
|
||
|
|
v-for="(item, key) in menuList"
|
||
|
|
:key="key"
|
||
|
|
@click="loginCAC(key + 1)"
|
||
|
|
>
|
||
|
|
{{ item.lable }}
|
||
|
|
</li>
|
||
|
|
</ul>-->
|
||
|
|
</div>
|
||
|
|
<div class="pageHeaderLogout">
|
||
|
|
<section>
|
||
|
|
|
||
|
|
<span class="profile">当前用户：<span style="color:red;">{$Request.session.name}</span></span>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
<!-- <div class="currentTime">{{ currentTime }}</div>
|
||
|
|
<el-dropdown>
|
||
|
|
<span class="el-dropdown-link">
|
||
|
|
ϵͳ<i class="el-icon-arrow-down el-icon--right"></i>
|
||
|
|
</span>
|
||
|
|
<el-dropdown-menu slot="dropdown">
|
||
|
|
<el-dropdown-item @click.native="logout">Í˳ö</el-dropdown-item>
|
||
|
|
</el-dropdown-menu>
|
||
|
|
</el-dropdown>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <div class="mainnav" align="center" style="position: relative;">
|
||
|
|
|
||
|
|
{$topmenus}
|
||
|
|
<div class="div1" style="position:absolute;z-index: 2000;right:45px;top:8px;">
|
||
|
|
<ul class="account-area">
|
||
|
|
|
||
|
|
<li>-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <section>
|
||
|
|
|
||
|
|
<span class="profile">当户：<span style="color:red;">{$Request.session.name}</span> <a href="{:url('/admin/admin/logout')}">
|
||
|
|
|
||
|
|
退出登录
|
||
|
|
|
||
|
|
</a></span>
|
||
|
|
|
||
|
|
</section>-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!--Login Area Dropdown
|
||
|
|
|
||
|
|
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li class="dropdown-footer">
|
||
|
|
|
||
|
|
<a href="{:url('/admin/admin/logout')}">
|
||
|
|
|
||
|
|
退出登录
|
||
|
|
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="dropdown-footer">
|
||
|
|
|
||
|
|
<a href="{:url('admin/edit',array('id'=>$Request.session.id))}">
|
||
|
|
|
||
|
|
修改密码
|
||
|
|
|
||
|
|
</a>
|
||
|
|
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<!--/Login Area Dropdown-->
|
||
|
|
|
||
|
|
<!--</li>-->
|
||
|
|
|
||
|
|
<!-- /Account Area -->
|
||
|
|
|
||
|
|
<!--Note: notice that setting div must start right after account area list.
|
||
|
|
|
||
|
|
no space must be between these elements-->
|
||
|
|
|
||
|
|
<!-- Settings -->
|
||
|
|
|
||
|
|
<!--</ul>-->
|
||
|
|
|
||
|
|
|
||
|
|
<!--</div>-->
|
||
|
|
|
||
|
|
|
||
|
|
<!--</div>-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|