<div class="menuPart">
  <div class="menuFirst" *ngFor="let item of dataArr">
    <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">
      <div class="second-floor whenHover textStyle2" [title]="one.name | translate" *ngFor="let one of item.child"
           (click)="selectSecondFloor(item.name, one.name)"
           [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">{{one.name | translate}}
      </div>
    </div>
    <div *ngIf="isCollapsed && item.child.length > 0" class="menuSecondCos" [ngClass]="{'isCos': isCollapsed}">
      <div class="handleTheLeft">
        <div class="second-floor-cos whenHover textStyle2" *ngFor="let one of item.child"
             (click)="selectSecondFloor(item.name, one.name)"
             [ngClass]="{'isSelectedSecond': isSelected[0] === item.name && isSelected[1] === one.name}">{{one.name | translate}}
        </div>
      </div>
    </div>
  </div>
</div>
