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>添加设备分组</span>
                <span>添加资源</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 nz-menu-item>设置</li>
                    <li (click)="showSeparationModal()" nz-menu-item>三员分立</li>
                    <li nz-menu-item (click)="logout()" >退出</li>
                </ul>
            </nz-dropdown>
        </div>
    </div>
</nz-header>

<!--三员分立-->
<smart-separation #smartSeparation></smart-separation>