<div class="menuPart">
  <div class="menuFirst" *ngFor="let item of dataArr">
    <ng-container *ngIf="item.isDisplay">
      <div class="first-floor textStyle1 whenHover" [title]="item.name | translate" *ngIf="(item.child && item.child.length > 0) || item.type" (click)="selectFirstFloor(item)" [ngClass]="{'isSelectedFirst': isSelected[0] === item.name, 'isSelectedSecond': isSelected[0] === item.name && item.type === 1}">
        <i [class]="item.icon" [ngClass]="{'iconLeft': !isCollapsed,'iconLeftCos': isCollapsed}"></i>
        <span *ngIf="!isCollapsed">{{item.name | translate}}</span>
        <i class="io iconRight" [ngClass]="{'i-xia': !isOpen[item.name] && !item.type && !isCollapsed,'i-shang': isOpen[item.name] && !item.type && !isCollapsed, 'i-you': isCollapsed && !item.type}"></i>
      </div>
      <div *ngIf="isOpen[item.name] && !isCollapsed" class="menuSecond whenHover">
        <ng-container *ngFor="let one of item.child">
          <div class="second-floor whenHover textStyle2"  *ngIf="one.isDisplay" [title]="one.name | translate" 
             (click)="selectSecondFloor(item.name, one.name)"
             [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">
              {{one.name | translate}}
          </div>
        </ng-container>
      </div>
      <div *ngIf="isCollapsed && item.child.length > 0" class="menuSecondCos" [ngClass]="{'isCos': isCollapsed}">
        <div class="handleTheLeft">
          <ng-container  *ngFor="let one of item.child">
            <div class="second-floor-cos whenHover textStyle2"  *ngIf="one.isDisplay"
            (click)="selectSecondFloor(item.name, one.name)"
            [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">
             {{one.name | translate}}
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>
  </div>
</div>
