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.
91 lines
3.6 KiB
91 lines
3.6 KiB
<div class="box"> |
|
<!-- <div> |
|
<app-tabbar></app-tabbar> |
|
</div> --> |
|
<div class="menu"> |
|
<div class="boxleft"> |
|
<img src="../../../assets/images/logo2.png" alt=""> |
|
</div> |
|
<div class="libox" *ngIf="!isGasStationNav"> |
|
<li [routerLink]="['/homepage']" routerLinkActive="router-link-active"> |
|
首页 |
|
</li> |
|
<li [routerLink]="['/plan']" routerLinkActive="router-link-active"> |
|
数字油站 |
|
</li> |
|
<li [routerLink]="['/warning']" routerLinkActive="router-link-active"> |
|
今日预警 |
|
</li> |
|
<li [routerLink]="['/records']" routerLinkActive="router-link-active"> |
|
预警记录 |
|
</li> |
|
</div> |
|
<div class="libox" *ngIf="isGasStationNav"> |
|
<li [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active"> |
|
数字油站 |
|
</li> |
|
<li [routerLink]="['/warning/petrolStation']" routerLinkActive="router-link-active"> |
|
今日预警 |
|
</li> |
|
<li [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active"> |
|
预警记录 |
|
</li> |
|
</div> |
|
|
|
|
|
|
|
<!-- 登录信息按钮 --> |
|
<div class="boxright"> |
|
<img *ngIf="!isfullscreen" (click)="fullscreenToggle()" style="margin-right: 8px;cursor: pointer;" |
|
src="../../../assets/images/fullscreen.png" alt="" title="全屏"> |
|
<img *ngIf="isfullscreen" (click)="closefullscreen()" style="margin-right: 8px;cursor: pointer;" |
|
src="../../../assets/images/fullscreen.png" alt="" title="全屏"> |
|
|
|
<span class="time"> |
|
{{time}} |
|
</span> |
|
|
|
<span style="margin: 0 12px;">|</span> |
|
|
|
<span style="margin-right: 8px;"> {{surname}} </span> |
|
<a nz-dropdown [nzDropdownMenu]="menu" [nzTrigger]="'click'" [nzBackdrop]='false'> |
|
<img src="../../../assets/images/head.png" alt=""> |
|
</a> |
|
<nz-dropdown-menu #menu="nzDropdownMenu"> |
|
<ul nz-menu nzSelectable> |
|
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/oliStationInfo')">基本信息</li> |
|
<li *ngIf="isGasStation" nz-menu-item (click)="navChange('/equipmentInfo')">器材信息</li> |
|
<li nz-menu-item (click)="changePassword()">修改密码</li> |
|
<li *ngIf="userName == 'admin'" nz-menu-item (click)="navChange('/system/organization')">系统管理</li> |
|
<li nz-menu-item (click)="signOut()">退出系统</li> |
|
</ul> |
|
</nz-dropdown-menu> |
|
<span style="margin: 0 12px;" *ngIf="isGasStationBack">|</span> |
|
<img style="cursor: pointer;" *ngIf="isGasStationBack" src="../../../assets/images/goback.png" alt="" (click)="goback()"> |
|
</div> |
|
|
|
</div> |
|
<div class="content"> |
|
<router-outlet></router-outlet> |
|
</div> |
|
</div> |
|
|
|
<ng-template #warning let-item="data"> |
|
<div class="topbox"> |
|
<div> |
|
<img src="../assets/images/warning.png" alt=""> |
|
</div> |
|
<div class="text"> |
|
<span class="name">您有一条新的预警提醒!</span> |
|
<span class="details">{{item.notification.data.properties.ViolationName}}</span> |
|
</div> |
|
</div> |
|
<div class="btnbox"> |
|
<div class="look" (click)="look(item)"> |
|
查看 |
|
</div> |
|
<div class="lose" (click)="close(item)"> |
|
忽略 |
|
</div> |
|
</div> |
|
</ng-template> |