Sinopec-Anxin/src/app/pages/audit/audit-ing/audit-ing.component.html

<div class="box" id="inform">
    <div class="search">
        <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
            <nz-form-item class="searchParams">
                <nz-form-control>
                    <!-- <nz-select nzAllowClear formControlName="info" nzPlaceHolder="审批类型"
                        (ngModelChange)="infoChange($event)">
                        <nz-option *ngIf="!level" nzValue="0" nzLabel="油站信息"></nz-option>
                        <nz-option *ngIf="level" nzValue="1" nzLabel="经营类证照提醒时间"></nz-option>
                        <nz-option *ngIf="!level" nzValue="2" nzLabel="经营类证照"></nz-option>
                        <nz-option *ngIf="!level" nzValue="3" nzLabel="资产类证照"></nz-option>
                        <nz-option *ngIf="level" nzValue="4" nzLabel="用户信息"></nz-option>
                        <nz-option *ngIf="level" nzValue="5" nzLabel="预警申诉"></nz-option>
                    </nz-select> -->
                    <input nz-input type="text" formControlName="info" placeholder="审批类型">
                </nz-form-control>
            </nz-form-item>

            <nz-form-item class="searchParams searchParamsLong">
                <nz-form-control>
                    <nz-select nzAllowClear formControlName="type" nzPlaceHolder="审批信息" [nzLoading]="typeLoading">
                        <nz-option  nzValue="0" nzLabel="油站信息"></nz-option>
                        <nz-option  nzValue="1" nzLabel="经营类证照提醒时间"></nz-option>
                        <nz-option  nzValue="2" nzLabel="经营类证照"></nz-option>
                        <nz-option  nzValue="3" nzLabel="资产类证照"></nz-option>
                        <nz-option  nzValue="4" nzLabel="用户信息"></nz-option>
                        <nz-option  nzValue="5" nzLabel="预警申诉"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item class="searchParams searchParamsLong">
                <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 searchParams2">
                <nz-form-control>
                    <nz-range-picker [nzAllowClear]="false" formControlName="datePicker"></nz-range-picker>
                    <br />
                </nz-form-control>
            </nz-form-item>

            <!-- <nz-form-item class="searchParams">
                <nz-form-control>
                    <nz-select nzAllowClear formControlName="level" nzPlaceHolder="审批级别">
                        <nz-option nzValue="1" nzLabel="总公司"></nz-option>
                        <nz-option nzValue="2" nzLabel="省公司"></nz-option>
                        <nz-option nzValue="3" nzLabel="区域"></nz-option>
                        <nz-option nzValue="4" nzLabel="油站"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item> -->
            <!-- <nz-form-item class="searchParams">
                <nz-form-control>
                    <nz-select nzAllowClear formControlName="state" nzPlaceHolder="审批状态">
                        <nz-option nzValue="2" nzLabel="审核中"></nz-option>
                        <nz-option nzValue="2" nzLabel="审核通过"></nz-option>
                        <nz-option nzValue="3" nzLabel="审核驳回"></nz-option>
                        <nz-option nzValue="4" nzLabel="已撤销审核"></nz-option>
                        <nz-option nzValue="5" nzLabel="审核完成"></nz-option>
                    </nz-select>
                </nz-form-control>
            </nz-form-item> -->

            <nz-form-item class="btn">
                <nz-form-control>
                    <button nz-button type="submit" class="submit" [nzLoading]="tableSpin"><i nz-icon
                            [nzType]="'search'"></i>查询</button>
                </nz-form-control>
            </nz-form-item>

            <nz-form-item class="btn">
                <nz-form-control>
                    <button nz-button type="button" class="reset" (click)="resetForm($event)" [nzLoading]="tableSpin"><i
                            nz-icon [nzType]="'sync'"></i>重置</button>
                </nz-form-control>
            </nz-form-item>
        </form>
    </div>
    <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 *ngIf="level != 1 ">油站名称</th>
                    <th [nzWidth]="'16%'" *ngIf="level != 1 ">区域名称</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.auditTitle || ''}}</span>
                    </td>
                    <td>
                        <span *ngIf="item.auditType == 0">油站信息</span>
                        <span *ngIf="item.auditType == 1">经营类证照提醒时间</span>
                        <span *ngIf="item.auditType == 2">经营类证照</span>
                        <span *ngIf="item.auditType == 3">资产类证照</span>
                        <span *ngIf="item.auditType == 4">用户信息</span>
                        <span *ngIf="item.auditType == 5">预警申诉</span>
                    </td>
                    <td *ngIf="level != 1 "><label *ngIf="item.gasStation">{{item.gasStation.stationName}}</label></td>
                    <td *ngIf="level != 1 "><label *ngIf="item.gasStation">{{item.gasStation.locationName}}</label></td>
                    <td>
                        <ng-container *ngIf="item.gasStation; else elseTemplate">
                            <label>{{item.gasStation.companyName}}</label>
                        </ng-container>
                        <ng-template #elseTemplate>
                            <label>{{item.organization ? item.organization.displayName : null}}</label>
                        </ng-template>
                    </td>
                    <td><span *ngIf="item.creatorUser">{{item.creatorUser.name || ''}}</span></td>
                    <td>{{item.committedTime | date:"yyyy/MM/dd HH:mm:ss" }}</td>
                    <td>{{item.auditStatusDesc}}</td>
                    <td class="operation">
                        <span class="blueColor" (click)="dispose(item)">审批</span>
                        <span class="blueColor" (click)="details(item)">详情</span>
                    </td>
                </tr>
            </tbody>
        </nz-table>

    </div>
</div>