|
|
|
|
<!-- <p>系统管理页面</p> -->
|
|
|
|
|
<nz-layout>
|
|
|
|
|
<nz-sider [nzWidth]='300'>
|
|
|
|
|
<div class="logo">
|
|
|
|
|
<img style="width: 154px;" src="../../../assets/images/logo2.png" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="headPortrait">
|
|
|
|
|
<div class="photograph">
|
|
|
|
|
<img src="../../../assets/images/userbig.png" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <span>Administrator</span> -->
|
|
|
|
|
<span class="namebox">
|
|
|
|
|
<img src="../../../assets/images/icon/admin.png" alt="">
|
|
|
|
|
<span class="name">{{name}}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="nav">
|
|
|
|
|
<ul>
|
|
|
|
|
<li *ngFor="let item of menuList2" [routerLink]="item.url" routerLinkActive="router-link-active">
|
|
|
|
|
<img [src]="item.img" alt="">{{item.name}}
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</nz-sider>
|
|
|
|
|
<nz-layout>
|
|
|
|
|
<nz-header>
|
|
|
|
|
<span>Hey,欢迎登录加油站智能安全管理系统</span>
|
|
|
|
|
<a nz-dropdown [nzDropdownMenu]="menu" [nzTrigger]="'click'" [nzBackdrop]='false'>
|
|
|
|
|
<i nz-icon nzType="setting"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<nz-dropdown-menu #menu="nzDropdownMenu">
|
|
|
|
|
<ul nz-menu nzSelectable>
|
|
|
|
|
<li nz-menu-item (click)="pages()">主页面</li>
|
|
|
|
|
<li nz-menu-item (click)="signOut()">退出</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nz-dropdown-menu>
|
|
|
|
|
</nz-header>
|
|
|
|
|
<nz-content>
|
|
|
|
|
<router-outlet></router-outlet>
|
|
|
|
|
</nz-content>
|
|
|
|
|
</nz-layout>
|
|
|
|
|
</nz-layout>
|
