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.
157 lines
5.4 KiB
157 lines
5.4 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]="['/todaywarning']" routerLinkActive="router-link-active"> |
|
今日预警 |
|
</li> |
|
<li [routerLink]="['/records']" routerLinkActive="router-link-active"> |
|
预警记录 |
|
</li> |
|
<li [routerLink]="['/audit']" routerLinkActive="router-link-active"> |
|
审批 |
|
</li> |
|
</div> |
|
<div class="libox" *ngIf="isGasStationNav"> |
|
<li [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active"> |
|
数字油站 |
|
</li> |
|
<li [routerLink]="['/todaywarning/petrolStation']" routerLinkActive="router-link-active"> |
|
今日预警 |
|
</li> |
|
<li [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active"> |
|
预警记录 |
|
</li> |
|
<li [routerLink]="['/license/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> |
|
<ng-container |
|
*ngIf="item.notification.data.type == 'AX.SinochemServer.License.Notifications.LicenseNotificationData'; else elseTemplate"> |
|
<div class="btnbox"> |
|
<div class="look" (click)="updateState(item,1)"> |
|
处置 |
|
</div> |
|
<div class="look" (click)="updateState(item,2)"> |
|
申请延期 |
|
</div> |
|
<div class="lose" (click)="updateState(item,0)"> |
|
忽略 |
|
</div> |
|
</div> |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<div class="btnbox"> |
|
<div class="look" (click)="look(item)"> |
|
查看 |
|
</div> |
|
<div class="lose" (click)="close(item)"> |
|
忽略 |
|
</div> |
|
</div> |
|
</ng-template> |
|
|
|
|
|
</ng-template> |
|
|
|
<!-- 修改密码 --> |
|
<nz-modal [(nzVisible)]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="modalFooter" |
|
[nzWidth]="350"> |
|
<ng-template #modalTitle> |
|
修改初始密码 |
|
</ng-template> |
|
|
|
<ng-template #modalContent> |
|
<form nz-form [formGroup]="passwordValidateForm"> |
|
<nz-form-item> |
|
<nz-form-control nzErrorTip=""> |
|
<nz-input-group> |
|
<input name="oldpassword" type="password" nz-input formControlName="oldpassword" placeholder="请输入原密码" |
|
autocomplete="off" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input name="newpassword" nz-input type="password" formControlName="newpassword" placeholder="请输入新密码" |
|
autocomplete="off" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-control> |
|
<nz-input-group> |
|
<input name="affirmpassword" nz-input type="password" formControlName="affirmpassword" placeholder="确认新密码" |
|
autocomplete="new-password" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
</form> |
|
</ng-template> |
|
|
|
<ng-template #modalFooter> |
|
<button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="isConfirmLoading">确定</button> |
|
</ng-template> |
|
</nz-modal> |