navbar.component.html

<div nz-row>
    <div nz-col class="handle" [nzSpan]="12">
        <a class="main-color margin-left-40 margin-right-10" routerLink="../main/home">首页</a>
        <span class="color-666" (click)="transition()">快捷添加 +</span>
        <span #parent class="span-hov">
              <span #children class="addBtn">
                <span (click)="showGroupModal()">添加设备分组</span>
                <span (click)="showBasicEditModal()">添加资源</span>
              </span>
            </span>
    </div>
    <div nz-col [nzSpan]="12" style="text-align: right">
        <nz-dropdown [nzTrigger]="'click'">
            <a nz-dropdown class="userName" style="border-right: 1px solid #ddd;">
                <img style="vertical-align: text-top;margin-right: 5px" src="../../../content/images/theme-icon.png"
                     alt="">
                {{themeLabel}}<i class="anticon anticon-down"></i>
            </a>
            <ul nz-menu>
                <li nz-menu-item (click)="changeTheme(item)" *ngFor="let item of themeList">{{item.label}}</li>
            </ul>
        </nz-dropdown>
        <nz-dropdown [nzTrigger]="'click'">
            <a nz-dropdown class="userName" style="padding-right: 0">
                <img style="width: 12px" src="../../../content/images/user-icon.png" alt="">
                {{user?.userName}}<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>

<!--三员分立-->
<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>