<div class="fileUploadLists">
  <div class="nav" *ngIf="!fileUploadType">
    <ul class="left" [ngStyle]="{'width':type == 'fileUpload'?'100%':'120%'}">
      <li *ngFor="let categoryItem of categoryList" (click)="switchCategory(categoryItem.dropOptionCode)"
        [ngClass]="{'actived':selectedCategoryId===categoryItem.dropOptionCode}">
        {{categoryItem.dropOptionName}}
      </li>
    </ul>
  </div>
  <div class="contentList" [ngStyle]="{'margin-top':type == 'fileUpload'?'10px':'auto'}">
    <ul>
      <li *ngFor="let fileUploadItem of fileUploadItemList">
        <a href="{{fileUploadItem.filePath}}" download="{{fileUploadItem.itemName}}" target="_blank" *ngIf="!judgmentFile(fileUploadItem.filePath)">
          <div>
            <i class="iconfont icon-pdf"></i>
            <span title="{{fileUploadItem.itemName}}">{{fileUploadItem.itemName}}</span>
          </div>
          <div style="flex-basis: 30px;text-align: right;">
            <i class="iconfont icon-xiazai" style="margin-right: 0;"></i>
          </div>
        </a>
        <a href="javascript:;" [routerLink]="'/video'" *ngIf="judgmentFile(fileUploadItem.filePath)" (click)="setVideoPath(fileUploadItem.filePath)">
          <div>
            <img src="assets/images/videoIcon.png" alt="视频" *ngIf="judgmentFile(fileUploadItem.filePath)" style=" width: 26px;
            margin-right: 6px;">
            <span title="{{fileUploadItem.itemName}}">{{fileUploadItem.itemName}}</span>
          </div>
          <div style="flex-basis: 30px;text-align: right;">
            <img src="assets/images/playIcon.png" alt="播放"
              style=" width: 26px;">
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>