navbar.component.html

<nz-header  style="background: #fff; padding:0 16px;border-bottom: 1px solid #e5e5e5">
    <div nz-row>
        <div nz-col class="handle" [nzSpan]="12">
            <span style="color: #6097b7" routerLink="../main/home">首页</span>
            <span style="color: #666666" (click)="transition()">快捷添加 +</span>
            <span #parent  class="span-hov">
              <span #children class="addBtn">
                <span (click)="showGroupModal()">添加设备分组</span>
                <span (click)="showBasicEditModal()">添加资源</span>
                <!--<span>添加业务</span>-->
            </span>
            </span>
        </div>
        <div nz-col [nzSpan]="12" style="text-align: right">
            <nz-dropdown [nzTrigger]="'click'">
                <a nz-dropdown>{{user.loginName}}<i class="anticon anticon-down"></i>
                </a>
                <ul nz-menu>
                    <li (click)="showPasswordModal()" nz-menu-item>修改密码</li>
                    <ng-container *ngIf="roleType == 3">
                        <li (click)="showSeparationModal()" nz-menu-item>三员分立</li>
                    </ng-container>
                    <li nz-menu-item (click)="logout()" >退出</li>
                </ul>
            </nz-dropdown>
        </div>
    </div>
</nz-header>

<!--三员分立-->
<smart-separation #smartSeparation></smart-separation>
<!-- 添加资源-->
<smart-basic-edit #basicEdit></smart-basic-edit>
<!--修改密码-->
<smart-modify-password #smartModifyPassword></smart-modify-password>
<!--添加分组-->
<smart-create-group #smartCreateGroup></smart-create-group>