Sinopec-Anxin/src/app/pages/home/home.component.html

<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>