navbar.component.html

<nz-header>
    <div nz-row>
        <div nz-col class="handle" [nzSpan]="12">
            <a class="main-color 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-select style="width: 150px;margin-right: 20px" [(ngModel)]="theme" (ngModelChange)="changeTheme()">
                <ng-container *ngFor="let item of themeList">
                    <nz-option [nzValue]="item.value" [nzLabel]="item.label"></nz-option>
                </ng-container>
            </nz-select>
            <nz-dropdown [nzTrigger]="'click'">
                <a nz-dropdown style="color: #bfbfbf">{{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>