济南项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

60 lines
2.7 KiB

<nz-layout [ngClass]="{'bigfontpattern': isZhidui}">
<nz-header>
<div class="logobox">
<!-- <img src="../../../assets/images/logo/logo.png" alt=""> -->
<span>非煤矿山灾害智能感知和预警系统</span>
</div>
<ul>
<li [routerLink]="['/basicInfo']" routerLinkActive="router-link-active">
<div>基础信息</div>
</li>
<li [routerLink]="['/task']" routerLinkActive="router-link-active">
<div>一体化任务</div>
</li>
<li [routerLink]="['/statistic']" routerLinkActive="router-link-active">
<div>统计分析</div>
</li>
<li *ngIf="isSuperAdmin" [routerLink]="['/system']" routerLinkActive="router-link-active">
<div>系统管理</div>
</li>
</ul>
<div class="headerbtn">
<div class="username" [title]="user">欢迎 , {{user}}</div>
<div class="iconbox" nz-popover nzPopoverTitle="消息列表" [(nzPopoverVisible)]="visible" [nzPopoverTrigger]=null
[nzPopoverContent]="contentTemplateMess" nzPopoverPlacement="bottomRight" (click)="clickMe()"
[nzPopoverOverlayStyle]="{'padding': '0'}">
<span nz-icon nzType="bell" nzTheme="outline"></span>
</div>
<ng-template #contentTemplateMess>
<div class="messageBox">
<nz-list nzBordered [nzBordered]="false">
<nz-list-item *ngFor="let item of methodService.notificationsList">
<nz-list-item-meta [nzDescription]="item.creationTime | date:'yyyy-MM-dd HH:mm:ss'">
<nz-list-item-meta-title>
{{ item.content }}
</nz-list-item-meta-title>
</nz-list-item-meta>
</nz-list-item>
</nz-list>
</div>
</ng-template>
<div class="iconbox">
<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)="changePassword()">修改密码</li>
<li nz-menu-item (click)="signOut()">退出</li>
</ul>
</nz-dropdown-menu>
</div>
</div>
</nz-header>
<nz-layout>
<nz-content>
<router-outlet></router-outlet>
</nz-content>
</nz-layout>
</nz-layout>