<div class="trainingRecordsContainer">
    <ul *ngIf="fileUploadItemList">
      <li *ngFor="let item of fileUploadItemList" [routerLink]="['/courseDetail',status,item.fileId]">
        <div>
          <img [src]="item.displayImage" alt="" srcset="" class="img-responsive">
        </div>
        <div class="introItem">
          <h5>{{item.itemName}}</h5>
          <div>
            <p>{{item.fileSynopsis}}</p>
            <ng-container [ngSwitch]="item.fileType">
              <p *ngSwitchCase="1" style="color:#FFC74A;font-size:16px"><i class="iconfont icon-wujiaoxing-1"></i><span style="margin-left:5px">核心</span></p>
              <span *ngSwitchCase="2" style="padding:3px 6px;font-size:12px;color:#5F83FF;background:#EAEFFF;border-radius:1px;text-align:center">非核心</span>
              <p *ngSwitchDefault style="color:#FFC74A;font-size:16px"><i class="iconfont icon-wujiaoxing-1"></i><span style="margin-left:5px">核心</span></p>
            </ng-container>
          </div>
          <p class="rankItem">
            <span *ngIf="item.fileLecturerName">{{item.fileLecturerName}}</span>
            <ng-container *ngIf="item.fileLecturerRanks">
              <span *ngFor="let tag of item.fileLecturerRanks.split(',')">{{tag}}</span>
            </ng-container>
          </p>
        </div>
      </li>
    </ul>

    <h4 *ngIf="!fileUploadItemList || (fileUploadItemList && fileUploadItemList.length<1)">暂无课程列表</h4>
</div>