Sinopec-Anxin/src/app/pages/license/inform/inform.component.html

<div class="box" id="inform">
    <div class="tablebox" id="tablebox">
        <nz-table *ngIf="tableScrollHeight" [nzLoading]="tableSpin" [nzPageSize]='9999' #headerTable [nzData]="list"
            [nzShowPagination]="false" [nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed">
            <thead>
                <tr>
                    <th [nzWidth]="'16%'">
                        <span style="margin-left: 30px;">证件名称</span>
                    </th>
                    <th>证件编号</th>
                    <th>证件有效期</th>
                    <th>有效期类型</th>
                    <th>办理类型</th>
                    <th>通知内容</th>
                    <th>通知状态</th>
                    <th>处置状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="table">
                <tr *ngFor="let item of headerTable.data;let key = index">
                    <td>
                        <span style="margin-left: 30px;">{{item.licenseSnapshot.validityLicenseType.licenseName}}</span>
                    </td>
                    <td>{{item.licenseSnapshot.licenseCode}}</td>
                    <td>{{item.licenseSnapshot.validityEndTime | date:"yyyy/MM/dd"}}</td>
                    <td>
                        <ng-container *ngIf="item.licenseSnapshot.isLongTerm; else elseTemplate">
                            长期
                        </ng-container>
                        <ng-template #elseTemplate>
                            {{item.licenseSnapshot.validityDays ? item.licenseSnapshot.validityDays+'天' : '/'}}
                        </ng-template>
                    </td>
                    <td>{{getHandleTypes(item.handleTypes)}}</td>
                    <td>{{item.notificationContent | notificationContent}}</td>
                    <td
                        [ngClass]="{'greenColor': item.licenseSnapshot.licenseViolationType == 1,'yellowColor': item.licenseSnapshot.licenseViolationType == 2,'redColor': item.licenseSnapshot.licenseViolationType == 3}">
                        {{item.licenseSnapshot.licenseViolationType | licenseViolationType}}</td>
                    <td [ngClass]="{'yellowColor': item.handleState == 3}">{{item.handleState | handleState}}</td>
                    <td class="operation">
                        <span class="blueColor" (click)="updateState(item,0)">忽略</span>
                        <span class="blueColor" (click)="updateState(item,1)">处置</span>
                        <span class="blueColor" (click)="updateState(item,2)">申请延期</span>
                    </td>
                </tr>
            </tbody>
        </nz-table>

    </div>
</div>