ShangHaiYuan-AnXin/src/app/statistic-analysis/compang-info/compang-info.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2021-03-05 15:57:08
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-03-24 14:13:53
-->
<div class="body">
    <div class="topbox">
        <div class="btnbox">
            <button mat-stroked-button (click)="goBack ()">返回</button>
        </div>
    </div>
    <div class="title">
        <span>{{titlename}}</span>
    </div>
    <div class="tablebox">
      <table mat-table [dataSource]="tabledataSource" class="mat-elevation-z8">
        <ng-container matColumnDef="unitname">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">名称</th>
            <td mat-cell *matCellDef="let element">{{element.name}}</td>
        </ng-container>
        <ng-container matColumnDef="modifiedTime">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">修改时间</th>
            <td mat-cell *matCellDef="let element">{{element.modifiedTime|date:'yyyy-MM-dd'}}</td>
        </ng-container>
        <ng-container matColumnDef="organizationName">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">所属消防救援支队</th>
            <td mat-cell *matCellDef="let element">{{element.organizationName}}</td>
        </ng-container>
        <ng-container matColumnDef="buildingTypes">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">类型</th>
            <td mat-cell *matCellDef="let element">{{element.buildingTypes.length != 0 ? element.buildingTypes[0].name : ''}}</td>
        </ng-container>
        <ng-container matColumnDef="operation">
            <th mat-header-cell *matHeaderCellDef style="width: 10%;">操作</th>
            <td mat-cell *matCellDef="let element" style="white-space: nowrap;cursor: pointer;">
              <span  style="color: blue;" (click)="unitdetails(element)">详情</span>
            </td>
        </ng-container>
        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
    </table>
        <mat-paginator style="width: 100%;" pageEvent [length]="length"
            [pageSize]="pageSize"
            [pageSizeOptions]="pageSizeOptions"
            (page)="changePage($event)">
            
        </mat-paginator>
    
    </div>
</div>