You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
8.0 KiB
148 lines
8.0 KiB
<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> |