Sinopec-Anxin/src/app/pages/plan-admin/file-license-list/file-license-list.component.html

<div class="box" id="statisticsList">
    <div class="search">
        <div class="legendbox">
        </div>
        <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
            <nz-form-item class="searchParams">
                <nz-form-control>
                    <nz-tree-select [nzAllowClear]="false" [nzDropdownClassName]="'maxHeightTreeSelect'" nzShowSearch
                        formControlName="organization" [nzNodes]="nodes" nzPlaceHolder="请选择所属机构"
                        [nzExpandedIcon]="multiExpandedIconTpl">
                    </nz-tree-select>
                    <ng-template #multiExpandedIconTpl let-node let-origin="origin">
                        <ng-container *ngIf="node.children.length == 0; else elseTemplate">

                        </ng-container>
                        <ng-template #elseTemplate>
                            <i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
                                class="ant-tree-switcher-line-icon"></i>
                        </ng-template>
                    </ng-template>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item class="searchParams">
                <nz-form-control>
                    <nz-input-group>
                        <input required nz-input type="text" formControlName="name" placeholder="请输入加油站名称" />
                    </nz-input-group>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item class="btn">
                <nz-form-control>
                    <button [nzLoading]="isLoading" nz-button type="submit" class="submit"><i nz-icon [nzType]="'search'"></i>查询</button>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item class="btn">
                <nz-form-control>
                    <button [nzLoading]="isLoading" nz-button type="button" class="reset" (click)="resetForm($event)"><i nz-icon
                            [nzType]="'sync'"></i>重置</button>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item class="btn">
                <nz-form-control>
                    <button nz-button type="button" class="reset" (click)="exportExcel()"><i nz-icon
                            [nzType]="'file'"></i>导出文档</button>
                </nz-form-control>
            </nz-form-item>
        </form>
    </div>
    <div class="tablebox" id="tablebox">
        <nz-table [nzLoading]="tableSpin" [nzPageSize]='999' #headerTable [nzData]="list" [nzShowPagination]="false"
            [nzScroll]="{ y:tableScrollHeight }" [nzNoResult]='null' nzTableLayout="fixed">
            <thead>
                <tr>
                    <th style="text-align: center">序号</th>
                    <th *ngFor="let item of headerTable.data[0]">
                        {{item.name}}
                    </th>

                </tr>
            </thead>
            <tbody id="table">
                <tr *ngFor="let item of headerTable.data;let key = index">
                    <td style="text-align: center">{{key + 1}}</td>

                    <td *ngFor="let i of item">
                        <ng-container *ngIf="i.value; else elseTemplate">
                            <ng-container *ngIf="i.value.validityType; else elseTemplate">
                                <span>
                                    {{i.value.validityType}}
                                </span>
                            </ng-container>
                            <ng-template #elseTemplate>
                                {{i.value}}
                            </ng-template>
                        </ng-container>
                        <ng-template #elseTemplate>
                            /
                        </ng-template>

                    </td>
                </tr>
            </tbody>
        </nz-table>

    </div>
</div>