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>
        <li *ngIf="!isGasStationNav" [routerLink]="['/plan']" routerLinkActive="router-link-active">
            数字油站
        </li>
        <li *ngIf="!isGasStationNav" [routerLink]="['/warning']" routerLinkActive="router-link-active">
            今日预警
        </li>
        <li *ngIf="!isGasStationNav" [routerLink]="['/records']" routerLinkActive="router-link-active">
            预警记录
        </li>

        <li *ngIf="isGasStationNav" [routerLink]="['/plan/petrolStation']" routerLinkActive="router-link-active">
            数字油站
        </li>
        <li *ngIf="isGasStationNav" [routerLink]="['/warning/petrolStation']" routerLinkActive="router-link-active">
            今日预警
        </li>
        <li *ngIf="isGasStationNav" [routerLink]="['/records/petrolStation']" routerLinkActive="router-link-active">
            预警记录
        </li>

        <!-- 登录信息按钮 -->
        <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 18px;">|</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 *ngIf="userName == 'admin'" nz-menu-item (click)="navChange('/system/organization')">系统管理</li>
                    <li nz-menu-item (click)="signOut()">退出系统</li>
                </ul>
            </nz-dropdown-menu>
        </div>
        <div class="backbtn" *ngIf="isGasStationBack">
            <button nz-button (click)="goback()">返回</button>
        </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/AnXinQQ.jpg" alt="">
        </div>
        <div class="text">
            <span class="name">您有一条新的预警提醒!</span>
            <span class="details">{{item.id}}</span>
        </div>
    </div>
    <div class="btnbox">
        <div class="look">
            查看
        </div>
        <div class="lose" (click)="close(item)">
            忽略
        </div>
    </div>
</ng-template>