<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}}" *ngIf="!judgmentFile(fileUploadItem.filePath) && !judgmentFile(fileUploadItem.filePath,'pdf')">
          <div style="overflow-x: hidden; white-space: nowrap;text-overflow: ellipsis;">
            <i class="iconfont icon-ziliao"></i>
            <span title="{{fileUploadItem.itemName}}">{{fileUploadItem.itemName}}</span>
          </div>
          <div style="flex-basis: 30px;text-align: right;">
            <i class="iconfont" style="margin-right: 0;" [ngClass]="fileUploadItem.isDownload=='1' ? 'icon-xiazai' : 'icon-xianshi'"></i>
          </div>
        </a>
        <a href="javascript:;" (click)="viewPdf(fileUploadItem)" *ngIf="!judgmentFile(fileUploadItem.filePath) && judgmentFile(fileUploadItem.filePath,'pdf')">
          <div style="overflow-x: hidden; white-space: nowrap;text-overflow: ellipsis;">
            <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" style="margin-right: 0;" [ngClass]="fileUploadItem.isDownload=='1' ? 'icon-xiazai' : 'icon-xianshi'"></i>
          </div>
        </a>
        <a href="javascript:;" [routerLink]="['/video',{'fileId':fileUploadItem.fileId}]" *ngIf="judgmentFile(fileUploadItem.filePath)" (click)="setVideoPath(fileUploadItem)">
          <div style="overflow-x: hidden; white-space: nowrap;text-overflow: ellipsis;">
            <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>