ShangHaiYuan-AnXin/src/app/plan-audit/plan-pass/plan-pass.component.html

<div style="height: 100%; overflow: hidden; display: flex; flex-direction: column;">
  
  <mat-accordion>
    <mat-expansion-panel disabled>
      <mat-expansion-panel-header>
        <div class="planHeader">

          <div class="planBox">
            <span>单位名称: </span>
            <span>{{compantData.name?compantData.name : '暂无数据'}}</span>
          </div>
          <div class="planBox">
            <span>消防救援站: </span>
            <span>{{organizationName}}</span>
          </div>
          <div class="planBox">
            <span>单位类型: </span>
            <span>{{compantData.buildingTypes.length?compantData.buildingTypes[0].name : '暂无数据'}}</span>
          </div>
          <div class="planBox">
            <span>单位地址: </span>
            <span>{{compantData.address?compantData.address : '暂无数据'}}</span>
          </div>
          <div>
            <button mat-raised-button color="primary" (click)='toExamine()' *ngIf="type != 6">审核</button>
          </div>
        
        </div>
      </mat-expansion-panel-header>
    </mat-expansion-panel>
  </mat-accordion>

  <div class="planBody" style="flex: 1; overflow: hidden;">

    <div class="table" style="width: 100%;" *ngIf="planType==0">
      <table mat-table [dataSource]="allFile">

        <ng-container matColumnDef="filename">
          <th mat-header-cell *matHeaderCellDef>文件名称</th>
          <td mat-cell *matCellDef="let element">{{element.fileName?element.fileName : compantData.name}}</td>
        </ng-container>
        <ng-container matColumnDef="addtime">
          <th mat-header-cell *matHeaderCellDef>上传时间</th>
          <td mat-cell *matCellDef="let element">{{element.lastModified | date:'yyyy-MM-dd'}}</td>
        </ng-container>
        <ng-container matColumnDef="operation">
          <th mat-header-cell *matHeaderCellDef>操作</th>
          <td mat-cell *matCellDef="let element">
            <label style="color: #0000FF;cursor: pointer;" (click)='download(element)' *ngIf="!element.isLoading">下载</label>
            <label *ngIf="element.isLoading">正在下载... {{element.progress}}</label>
            <label></label>
          </td>
        </ng-container>

          <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
          <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
      </table>
    </div>
    <div style="width: 100%; height: 100%;" *ngIf="planType==2">
      <app-view-unit-details-plan></app-view-unit-details-plan>
    </div>
    <div style="width: 100%; height: 100%;" *ngIf="planType==3">
      <iframe [src]='thirdPartyURL' frameborder="0" width="100%" height="100%" id="iframe"></iframe>
    </div>

  </div>

</div>