19 changed files with 1051 additions and 171 deletions
@ -0,0 +1,30 @@
|
||||
<div class="box" id="detailsupdatecategory"> |
||||
<div class="title"> |
||||
<div class="titlecontent"> |
||||
详情 |
||||
</div> |
||||
<i nz-icon nzType="close" nzTheme="outline" (click)="destroyModal()"></i> |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<p>山东省某中化公司</p> |
||||
<div class="cutoffrule"></div> |
||||
<p class="flexp"> |
||||
<span>办理提醒时间：修改时间 80天</span> |
||||
<span>默认时间 90天</span> |
||||
</p> |
||||
<div class="cutoffrule"></div> |
||||
<p class="flexp"> |
||||
<span>临期提醒时间：修改时间 15天</span> |
||||
<span>默认时间 30天</span> |
||||
</p> |
||||
<div class="cutoffrule"></div> |
||||
<p>修改说明：修改原因陈述修改原因陈述，修改原因陈述。</p> |
||||
<div class="cutoffrule"></div> |
||||
<p>审核状态：审核驳回</p> |
||||
<div class="cutoffrule"></div> |
||||
<p>驳回说明：不同意</p> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
@ -0,0 +1,65 @@
|
||||
.box { |
||||
.title { |
||||
font-family: sybold; |
||||
width: 100%; |
||||
height: 48px; |
||||
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||
display: flex; |
||||
align-items: center; |
||||
position: relative; |
||||
|
||||
.titlecontent { |
||||
width: 100%; |
||||
height: 32px; |
||||
line-height: 32px; |
||||
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||
text-align: center; |
||||
color: #91CCFF; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
i { |
||||
position: absolute; |
||||
right: 12px; |
||||
color: #fff; |
||||
font-size: 18px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
box-sizing: border-box; |
||||
padding: 0 15px; |
||||
max-height: 580px; |
||||
overflow-y: auto; |
||||
|
||||
.circle { |
||||
width: 8px; |
||||
height: 8px; |
||||
background: linear-gradient(180deg, #36A2FF 0%, #FFFFFF 100%); |
||||
opacity: 1; |
||||
} |
||||
|
||||
.recordP { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
} |
||||
|
||||
p { |
||||
margin-bottom: 0; |
||||
color: #C4E2FC; |
||||
margin: 12px 0; |
||||
|
||||
img { |
||||
width: 88px; |
||||
height: 56px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
.flexp{ |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
} |
||||
@ -0,0 +1,18 @@
|
||||
import { Component, Input, OnInit } from '@angular/core'; |
||||
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||
|
||||
@Component({ |
||||
selector: 'app-audit-details-inform-time', |
||||
templateUrl: './audit-details-inform-time.component.html', |
||||
styleUrls: ['./audit-details-inform-time.component.scss'] |
||||
}) |
||||
export class AuditDetailsInformTimeComponent implements OnInit { |
||||
@Input() data?: any; |
||||
constructor(private modal: NzModalRef) { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
destroyModal() { |
||||
this.modal.destroy({ data: 'this the result data' }); |
||||
} |
||||
} |
||||
@ -1 +1,43 @@
|
||||
<p>audit-inform-time works!</p> |
||||
<div class="box informTime" 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 rowspan="2" [nzWidth]="'16%'"> |
||||
<span>审批类型</span> |
||||
</th> |
||||
<th colspan="2">办理提醒时间</th> |
||||
<th colspan="2">临期提醒时间</th> |
||||
<th rowspan="2">提交审核时间</th> |
||||
<th rowspan="2">审核状态</th> |
||||
<th rowspan="2">操作</th> |
||||
</tr> |
||||
<tr> |
||||
<th>默认时间</th> |
||||
<th>现用时间</th> |
||||
<th>默认时间</th> |
||||
<th>现用时间</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody id="table"> |
||||
<tr *ngFor="let item of headerTable.data;let key = index"> |
||||
<td> |
||||
营业执照 |
||||
</td> |
||||
<td>90天</td> |
||||
<td>90天</td> |
||||
<td>90天</td> |
||||
<td>90天</td> |
||||
<td>时间</td> |
||||
<td>审批状态</td> |
||||
<td class="operation"> |
||||
<span class="blueColor" (click)="edit(item)">编辑</span> |
||||
<span class="blueColor" (click)="details(item)">审核详情</span> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</nz-table> |
||||
|
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,15 @@
|
||||
.box { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.tablebox { |
||||
width: 100%; |
||||
height: 100%; |
||||
|
||||
.operation { |
||||
span { |
||||
margin-right: 6px; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,54 @@
|
||||
<div class="box" id="editfilecategory"> |
||||
<div class="title"> |
||||
<div class="titlecontent"> |
||||
编辑 |
||||
</div> |
||||
<i nz-icon nzType="close" nzTheme="outline" (click)="destroyModal()"></i> |
||||
</div> |
||||
<form nz-form [formGroup]="validateForm" class="form"> |
||||
|
||||
<div class="timebox"> |
||||
<div> |
||||
<p>办理提醒时间</p> |
||||
|
||||
<nz-form-item> |
||||
<nz-form-control> |
||||
<nz-input-group> |
||||
<input nz-input type="number" formControlName="time1" placeholder="请填写时间" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<p class="p2">默认时间： 90天</p> |
||||
</div> |
||||
<div> |
||||
<p>临期提醒时间</p> |
||||
|
||||
<nz-form-item> |
||||
<nz-form-control> |
||||
<nz-input-group> |
||||
<input nz-input type="number" formControlName="time2" placeholder="请填写时间" /> |
||||
</nz-input-group> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<p class="p2">默认时间： 30天</p> |
||||
</div> |
||||
</div> |
||||
<div class="explain"> |
||||
<p>修改说明</p> |
||||
|
||||
<nz-form-item> |
||||
<nz-form-control> |
||||
<textarea formControlName="explain"></textarea> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
</div> |
||||
|
||||
|
||||
<div class="btnbox"> |
||||
<button nz-button type="submit" class="ok" (click)="ok()">提交审核</button> |
||||
<button nz-button type="button" class="cancel" (click)="destroyModal()">取消</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
@ -0,0 +1,103 @@
|
||||
.box { |
||||
.title { |
||||
font-family: sybold; |
||||
width: 100%; |
||||
height: 48px; |
||||
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||
display: flex; |
||||
align-items: center; |
||||
position: relative; |
||||
|
||||
.titlecontent { |
||||
width: 100%; |
||||
height: 32px; |
||||
line-height: 32px; |
||||
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.57) 50%, rgba(35, 153, 255, 0) 100%); |
||||
text-align: center; |
||||
color: #91CCFF; |
||||
font-size: 16px; |
||||
} |
||||
|
||||
i { |
||||
position: absolute; |
||||
right: 12px; |
||||
color: #fff; |
||||
font-size: 18px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
p { |
||||
margin-bottom: 0; |
||||
color: #C4E2FC; |
||||
margin: 12px 0; |
||||
} |
||||
|
||||
.p2 { |
||||
margin: 6px 0; |
||||
font-size: 12px; |
||||
color: #C4E2FC; |
||||
} |
||||
|
||||
.form { |
||||
box-sizing: border-box; |
||||
padding: 0 17px; |
||||
|
||||
.timebox { |
||||
display: flex; |
||||
|
||||
div { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
box-sizing: border-box; |
||||
padding:0 6px; |
||||
} |
||||
} |
||||
|
||||
.explain { |
||||
box-sizing: border-box; |
||||
padding:0 6px; |
||||
|
||||
textarea { |
||||
width: 100%; |
||||
height: 100px; |
||||
|
||||
background: rgba(145, 204, 255, 0.16); |
||||
color: #fff; |
||||
} |
||||
} |
||||
|
||||
.btnbox { |
||||
width: 100%; |
||||
margin-top: 24px; |
||||
margin-bottom: 17px; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
|
||||
button { |
||||
border-radius: 0px; |
||||
color: #91CCFF; |
||||
} |
||||
|
||||
button:nth-child(2) { |
||||
margin-left: 16px; |
||||
} |
||||
|
||||
.ok { |
||||
background: rgba(0, 129, 255, 0.4); |
||||
} |
||||
|
||||
.cancel { |
||||
border: 1px solid #C4E2FC; |
||||
background: #0c1e38; |
||||
color: rgba(99, 102, 105, 0.6); |
||||
box-shadow: 0 0 3px 0 #fff inset; |
||||
} |
||||
} |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,38 @@
|
||||
import { Component, OnInit, Input } from '@angular/core'; |
||||
import { NzModalRef } from 'ng-zorro-antd/modal'; |
||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { ObjectsSimpleService } from 'src/app/service/objectsSimple.service'; |
||||
@Component({ |
||||
selector: 'app-edit-inform-time', |
||||
templateUrl: './edit-inform-time.component.html', |
||||
styleUrls: ['./edit-inform-time.component.scss'] |
||||
}) |
||||
export class EditInformTimeComponent implements OnInit { |
||||
|
||||
@Input() data?: any; |
||||
|
||||
validateForm!: FormGroup; |
||||
constructor(private modal: NzModalRef, private fb: FormBuilder, private http: HttpClient, private objectsSrv: ObjectsSimpleService) { } |
||||
|
||||
|
||||
data2 |
||||
ngOnInit(): void { |
||||
this.validateForm = this.fb.group({ |
||||
time1: [null, [Validators.required]], |
||||
time2: [null, [Validators.required]], |
||||
explain: [null] |
||||
}); |
||||
this.data2 = JSON.parse(JSON.stringify(this.data)) |
||||
} |
||||
|
||||
|
||||
destroyModal() { |
||||
this.modal.destroy({ data: 'this the result data' }); |
||||
} |
||||
ok() { |
||||
this.modal.triggerOk() |
||||
} |
||||
|
||||
|
||||
} |
||||
@ -1 +1,121 @@
|
||||
<p>audit-record works!</p> |
||||
<div class="box" id="inform"> |
||||
<div class="search"> |
||||
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> |
||||
<nz-form-item class="searchParams searchParamsLong"> |
||||
<nz-form-control> |
||||
<nz-select nzAllowClear formControlName="type" nzPlaceHolder="审批类型" [nzLoading]="typeLoading"> |
||||
<nz-option *ngFor="let item of typeList" [nzValue]="item.licenseName" |
||||
[nzLabel]="item.licenseName"></nz-option> |
||||
</nz-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
|
||||
<nz-form-item class="searchParams"> |
||||
<nz-form-control> |
||||
<nz-select nzAllowClear formControlName="info" nzPlaceHolder="审批信息"> |
||||
<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-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-select> |
||||
</nz-form-control> |
||||
</nz-form-item> |
||||
<nz-form-item class="searchParams"> |
||||
<nz-form-control> |
||||
<nz-select nzAllowClear formControlName="state" 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-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"><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)"><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: 25%;">审批类型</span> |
||||
</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: 25%;">审批类型</span> |
||||
</td> |
||||
<td>审批信息</td> |
||||
<td>加油站名称</td> |
||||
<td>区域</td> |
||||
<td>省公司</td> |
||||
<td>提交时间</td> |
||||
<td>审批状态</td> |
||||
<td class="operation"> |
||||
<span class="blueColor">详情</span> |
||||
</td> |
||||
</tr> |
||||
</tbody> |
||||
</nz-table> |
||||
|
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,67 @@
|
||||
.box { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.search { |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
height: 32px; |
||||
margin-bottom: 16px; |
||||
|
||||
form { |
||||
width: 100%; |
||||
height: 32px; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
|
||||
.searchParams, |
||||
.btn { |
||||
margin: 0 3px; |
||||
} |
||||
|
||||
.searchParams { |
||||
// flex: 5; |
||||
width: 150px; |
||||
} |
||||
|
||||
.searchParamsLong { |
||||
width: 250px; |
||||
} |
||||
|
||||
.searchParams2 { |
||||
width: 220px; |
||||
} |
||||
|
||||
.btn { |
||||
// flex: 1; |
||||
} |
||||
|
||||
nz-select { |
||||
color: rgba(145, 204, 255, 0.95); |
||||
} |
||||
|
||||
nz-tree-select { |
||||
color: rgba(145, 204, 255, 0.95); |
||||
} |
||||
|
||||
nz-range-picker { |
||||
background-color: rgba(0, 0, 0, 0); |
||||
width: 100%; |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
.tablebox { |
||||
width: 100%; |
||||
height: 100%; |
||||
|
||||
.operation { |
||||
span { |
||||
margin-right: 6px; |
||||
} |
||||
} |
||||
} |
||||
@ -1,15 +1,199 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { Component, ElementRef, OnInit, ViewContainerRef } from '@angular/core'; |
||||
import { FormBuilder, FormGroup } from '@angular/forms'; |
||||
import { NzModalService } from 'ng-zorro-antd/modal'; |
||||
import { Observable, fromEvent } from 'rxjs'; |
||||
import { debounceTime } from 'rxjs/operators'; |
||||
import { TreeService } from 'src/app/service/tree.service'; |
||||
@Component({ |
||||
selector: 'app-audit-record', |
||||
templateUrl: './audit-record.component.html', |
||||
styleUrls: ['./audit-record.component.scss'] |
||||
}) |
||||
export class AuditRecordComponent implements OnInit { |
||||
validateForm!: FormGroup; |
||||
constructor(private element: ElementRef, private modal: NzModalService, private viewContainerRef: ViewContainerRef, private toTree: TreeService, private http: HttpClient, private fb: FormBuilder) { } |
||||
|
||||
list = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1] |
||||
|
||||
tableScrollHeight |
||||
startdate |
||||
enddate |
||||
async ngOnInit(): Promise<void> { |
||||
this.validateForm = this.fb.group({ |
||||
type: [null], |
||||
info: [null], |
||||
organization: [null], |
||||
datePicker: [null], |
||||
level: [null], |
||||
state: [null], |
||||
}); |
||||
//当前日期
|
||||
let myDate: any = new Date(); |
||||
let nowY = myDate.getFullYear(); |
||||
let nowM = myDate.getMonth() + 1; |
||||
let nowD = myDate.getDate(); |
||||
this.enddate = nowY + "-" + (nowM < 10 ? "0" + nowM : nowM) + "-" + (nowD < 10 ? "0" + nowD : nowD);//当前日期
|
||||
//获取三十天前日期
|
||||
let lw = new Date(myDate - 1000 * 60 * 60 * 24 * 30);//最后一个数字30可改，30天的意思
|
||||
let lastY = lw.getFullYear(); |
||||
let lastM = lw.getMonth() + 1; |
||||
let lastD = lw.getDate(); |
||||
this.startdate = lastY + "-" + (lastM < 10 ? "0" + lastM : lastM) + "-" + (lastD < 10 ? "0" + lastD : lastD);//三十天之前日期
|
||||
|
||||
|
||||
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px' |
||||
// 页面监听
|
||||
fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((event) => { |
||||
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px' |
||||
}); |
||||
|
||||
this.getTypeList() |
||||
|
||||
await this.getAllOrganization() |
||||
this.getRecordList() |
||||
} |
||||
SkipCount |
||||
submitForm(): void { |
||||
for (const i in this.validateForm.controls) { |
||||
this.validateForm.controls[i].markAsDirty(); |
||||
this.validateForm.controls[i].updateValueAndValidity(); |
||||
} |
||||
this.list = [] |
||||
this.SkipCount = '0' |
||||
// this.getRecordList()
|
||||
} |
||||
|
||||
resetForm(e: MouseEvent): void { |
||||
e.preventDefault(); |
||||
this.validateForm.reset(); |
||||
for (const key in this.validateForm.controls) { |
||||
this.validateForm.controls[key].markAsPristine(); |
||||
this.validateForm.controls[key].updateValueAndValidity(); |
||||
} |
||||
this.validateForm.patchValue({ |
||||
organization: JSON.parse(sessionStorage.getItem('userdata')).organization.id, |
||||
datePicker: [this.startdate, this.enddate], |
||||
}); |
||||
this.list = [] |
||||
this.SkipCount = '0' |
||||
// this.getViolateRecgordList()
|
||||
} |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
//获取所有组织机构
|
||||
nodes: any = [] |
||||
async getAllOrganization() { |
||||
let OrganizationUnitId = JSON.parse(sessionStorage.getItem('userdata')).organization.id |
||||
let params = { |
||||
OrganizationUnitId: OrganizationUnitId, |
||||
IsContainsChildren: "true" |
||||
} |
||||
await new Promise((resolve, reject) => { |
||||
this.http.get('/api/services/app/Organization/GetAll', { |
||||
params: params |
||||
}).subscribe((data: any) => { |
||||
data.result.items.forEach(element => { |
||||
if (element.id == OrganizationUnitId) { |
||||
element.parentId = null |
||||
} |
||||
element.key = element.id |
||||
element.title = element.displayName |
||||
}); |
||||
this.nodes = [...this.toTree.toTree(data.result.items)] |
||||
console.log('组织机构列表', this.nodes) |
||||
this.validateForm.patchValue({ |
||||
organization: JSON.parse(sessionStorage.getItem('userdata')).organization.id, |
||||
datePicker: [this.startdate, this.enddate], |
||||
}); |
||||
resolve(data) |
||||
|
||||
}) |
||||
}) |
||||
|
||||
} |
||||
|
||||
//证照类型
|
||||
typeLoading |
||||
typeList |
||||
getTypeList() { |
||||
this.typeLoading = true |
||||
let promiseArr = [] |
||||
let api = ['/api/services/app/ValidityLicenseType/GetAll', '/api/services/app/FileLicenseType/GetAll'] |
||||
api.forEach(element => { |
||||
promiseArr.push( |
||||
new Promise((resolve, reject) => { |
||||
this.http.get(element, { |
||||
params: { |
||||
SkipCount: '0', |
||||
MaxResultCount: '999' |
||||
} |
||||
}).subscribe({ |
||||
next: (data) => { |
||||
resolve(data) |
||||
}, |
||||
error: err => { |
||||
reject(err) |
||||
} |
||||
}) |
||||
}) |
||||
) |
||||
}); |
||||
|
||||
Promise.all(promiseArr).then((result) => { |
||||
|
||||
let arr = [{ licenseName: '油站信息' }] |
||||
result.forEach(item => { |
||||
arr = arr.concat(item.result.items) |
||||
}); |
||||
this.typeLoading = false |
||||
this.typeList = arr |
||||
// console.log('证照类型', arr)
|
||||
}).catch((error) => { |
||||
console.log('证照类型', error) |
||||
}) |
||||
} |
||||
|
||||
|
||||
//历史记录列表
|
||||
totalCount//列表总数
|
||||
tableSpin = false |
||||
getRecordList() { |
||||
console.log('获得历史记录列表') |
||||
let params = { |
||||
// Level: this.validateForm.value.level,
|
||||
// ViolationIds: ViolationIds,
|
||||
// ViolateArea: this.validateForm.value.site,
|
||||
// OrganizationUnitId: this.validateForm.value.organization,
|
||||
// IsContainsChildren: 'true',
|
||||
// IsHandled: disposalState,
|
||||
// ViolateTime: this.validateForm.value.datePicker ? [moment(this.validateForm.value.datePicker[0]).format('yyyy-MM-DD'), moment(this.validateForm.value.datePicker[1]).format('yyyy-MM-DD')] : null,
|
||||
// SkipCount: this.SkipCount,
|
||||
// MaxResultCount: this.MaxResultCount,
|
||||
// Positive: this.validateForm.value.misinformation
|
||||
} |
||||
// this.tableSpin = true
|
||||
// this.http.get('/api/services/app/ViolateRecord/GetAll', {
|
||||
// params: params
|
||||
// }).subscribe((data: any) => {
|
||||
// this.list = this.list.concat(data.result.items);
|
||||
// this.list = [...this.list]
|
||||
// this.totalCount = data.result.totalCount
|
||||
// console.log('违规记录列表', data)
|
||||
// this.tableSpin = false
|
||||
// })
|
||||
} |
||||
|
||||
|
||||
ngAfterViewInit(): void { |
||||
fromEvent(this.element.nativeElement.querySelector(`.ant-table-body`) as HTMLCanvasElement, 'scroll').pipe(debounceTime(100)).subscribe((event: any) => { //监听 DOM 滚动事件
|
||||
if (event.target.scrollHeight - (event.target.scrollTop + event.target.clientHeight) <= 10) { |
||||
if (this.totalCount > this.list.length) { |
||||
console.log('需要加载数据了', event) |
||||
this.SkipCount = String(Number(this.SkipCount) + 50) |
||||
this.getRecordList() |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,9 @@
|
||||
import { Pipe, PipeTransform } from '@angular/core'; |
||||
|
||||
@Pipe({ name: 'auditStatus' }) |
||||
export class auditStatusPipe implements PipeTransform { |
||||
transform(value: number): string { |
||||
let arr = ['未提交审核', '审核中', '审核通过', '审核驳回', '已撤销审核', '审核完成'] |
||||
return arr[value] |
||||
} |
||||
} |
||||
Loading…
Reference in new issue