@ -5,6 +5,11 @@ import { NzModalService } from 'ng-zorro-antd/modal';
import { Observable , fromEvent } from 'rxjs' ; import { Observable , fromEvent } from 'rxjs' ;
import { debounceTime } from 'rxjs/operators' ; import { debounceTime } from 'rxjs/operators' ;
import { TreeService } from 'src/app/service/tree.service' ; import { TreeService } from 'src/app/service/tree.service' ;
import { DetailsFileCategoryComponent } from '../../license/file-category/details-file-category/details-file-category.component' ;
import { DetailsUpdateCategoryComponent } from '../../license/update-category/details-update-category/details-update-category.component' ;
import { AuditDetailsInformTimeComponent } from '../audit-inform-time/audit-details-inform-time/audit-details-inform-time.component' ;
import { GasBaseInfoComponent } from '../gas-base-info/gas-base-info.component' ;
@Component ( { @Component ( {
selector : 'app-audit-record' , selector : 'app-audit-record' ,
templateUrl : './audit-record.component.html' , templateUrl : './audit-record.component.html' ,
@ -14,7 +19,7 @@ export class AuditRecordComponent implements OnInit {
validateForm ! : FormGroup ; validateForm ! : FormGroup ;
constructor ( private element : ElementRef , private modal : NzModalService , private viewContainerRef : ViewContainerRef , private toTree : TreeService , private http : HttpClient , private fb : FormBuilder ) { } 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 ] list = [ ]
tableScrollHeight tableScrollHeight
startdate startdate
@ -41,7 +46,6 @@ export class AuditRecordComponent implements OnInit {
let lastD = lw . getDate ( ) ; let lastD = lw . getDate ( ) ;
this . startdate = lastY + "-" + ( lastM < 10 ? "0" + lastM : lastM ) + "-" + ( lastD < 10 ? "0" + lastD : lastD ) ; //三十天之前日期
this . startdate = lastY + "-" + ( lastM < 10 ? "0" + lastM : lastM ) + "-" + ( lastD < 10 ? "0" + lastD : lastD ) ; //三十天之前日期
this . tableScrollHeight = ( document . getElementById ( 'tablebox' ) . clientHeight - 42 ) + 'px' this . tableScrollHeight = ( document . getElementById ( 'tablebox' ) . clientHeight - 42 ) + 'px'
// 页面监听
// 页面监听
fromEvent ( window , 'resize' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( ( event ) = > { fromEvent ( window , 'resize' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( ( event ) = > {
@ -49,38 +53,34 @@ export class AuditRecordComponent implements OnInit {
} ) ; } ) ;
this . getTypeList ( ) this . getTypeList ( )
await this . getAllOrganization ( ) await this . getAllOrganization ( )
this . getRecordList ( ) this . getRecordList ( )
} }
SkipCount
submitForm ( ) : void { submitForm ( ) : void {
for ( const i in this . validateForm . controls ) { if ( this . validateForm . value . datePicker [ 0 ] . toLocaleDateString ) {
this . validateForm . controls [ i ] . markAsDirty ( ) ; this . validateForm . value . datePicker [ 0 ] = this . validateForm . value . datePicker [ 0 ] . toLocaleDateString ( )
this . validateForm . controls [ i ] . updateValueAndValidity ( ) ; }
if ( this . validateForm . value . datePicker [ 1 ] . toLocaleDateString ) {
this . validateForm . value . datePicker [ 1 ] = this . validateForm . value . datePicker [ 1 ] . toLocaleDateString ( )
} }
this . list = [ ] this . list = [ ]
this . SkipCount = '0' this . SkipCount = '0'
// this.getRecordList()
this . getRecordList ( )
} }
resetForm ( e : MouseEvent ) : void { resetForm ( e : MouseEvent ) : void {
e . preventDefault ( ) ; e . preventDefault ( ) ;
this . validateForm . reset ( ) ; this . validateForm . reset ( ) ;
for ( const key in this . validateForm . controls ) {
this . validateForm . controls [ key ] . markAsPristine ( ) ;
this . validateForm . controls [ key ] . updateValueAndValidity ( ) ;
}
this . validateForm . patchValue ( { this . validateForm . patchValue ( {
organization : JSON.parse ( sessionStorage . getItem ( 'userdata' ) ) . organization . id , organization : JSON.parse ( sessionStorage . getItem ( 'userdata' ) ) . organization . id ,
datePicker : [ this . startdate , this . enddate ] , datePicker : [ this . startdate , this . enddate ] ,
} ) ; } ) ;
this . list = [ ] this . list = [ ]
this . SkipCount = '0' this . SkipCount = '0'
// this.getViolateRecgordList()
this . getRecordList ( )
} }
//获取所有组织机构
//获取所有组织机构
nodes : any = [ ] nodes : any = [ ]
async getAllOrganization() { async getAllOrganization() {
@ -101,7 +101,6 @@ export class AuditRecordComponent implements OnInit {
element . title = element . displayName element . title = element . displayName
} ) ; } ) ;
this . nodes = [ . . . this . toTree . toTree ( data . result . items ) ] this . nodes = [ . . . this . toTree . toTree ( data . result . items ) ]
console . log ( '组织机构列表' , this . nodes )
this . validateForm . patchValue ( { this . validateForm . patchValue ( {
organization : JSON.parse ( sessionStorage . getItem ( 'userdata' ) ) . organization . id , organization : JSON.parse ( sessionStorage . getItem ( 'userdata' ) ) . organization . id ,
datePicker : [ this . startdate , this . enddate ] , datePicker : [ this . startdate , this . enddate ] ,
@ -148,48 +147,103 @@ export class AuditRecordComponent implements OnInit {
} ) ; } ) ;
this . typeLoading = false this . typeLoading = false
this . typeList = arr this . typeList = arr
// console.log('证照类型', arr)
} ) . catch ( ( error ) = > { } ) . catch ( ( error ) = > {
console . log ( '证照类型' , error )
} ) } )
} }
//历史记录列表
//历史记录列表
totalCount //列表总数
totalCount //列表总数
tableSpin = false tableSpin = false
SkipCount : string = '0'
MaxResultCount : string = '100'
getRecordList() { getRecordList() {
console . log ( '获得历史记录列表' ) this . tableSpin = true
let params = { let params = {
// Level: this.validateForm.value.level,
IsContainsChildren : 'true' ,
// ViolationIds: ViolationIds,
OrganizationUnitId : this.validateForm.value.organization ,
// ViolateArea: this.validateForm.value.site,
AuditTitle : this.validateForm.value.type ,
// OrganizationUnitId: this.validateForm.value.organization,
AuditType : this.validateForm.value.info ,
// IsContainsChildren: 'true',
StartTime : this.validateForm.value.datePicker [ 0 ] ,
// IsHandled: disposalState,
EndTime : this.validateForm.value.datePicker [ 1 ] ,
// 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,
AuditStatuses : this.validateForm.value.state ,
// SkipCount: this.SkipCount,
AuditLevel : this.validateForm.value.level ,
// MaxResultCount: this.MaxResultCount,
Sorting : null ,
// Positive: this.validateForm.value.misinformation
SkipCount : this.SkipCount ,
MaxResultCount : this.MaxResultCount ,
} }
// this.tableSpin = true
this . http . get ( '/api/services/app/ContentAuditLog/GetHistory' , { params } ) . subscribe ( ( data : any ) = > {
// this.http.get('/api/services/app/ViolateRecord/GetAll', {
this . list = this . list . concat ( data . result . items ) ;
// params: params
this . list = [ . . . this . list ]
// }).subscribe((data: any) => {
this . totalCount = data . result . totalCount
// this.list = this.list.concat(data.result.items);
this . tableSpin = false
// this.list = [...this.list]
console . log ( '审核历史纪录' , this . list )
// this.totalCount = data.result.totalCount
} )
// console.log('违规记录列表', data)
}
// this.tableSpin = false
// })
details ( item ) {
let component
if ( item . auditType == 0 ) {
component = GasBaseInfoComponent
} else if ( item . auditType == 1 ) {
component = AuditDetailsInformTimeComponent
} else if ( item . auditType == 2 ) {
component = DetailsUpdateCategoryComponent
} else if ( item . auditType ) {
component = DetailsFileCategoryComponent
}
this . getData ( item ) . then ( res = > {
item . getData = res
const modal = this . modal . create ( {
nzContent : component ,
nzViewContainerRef : this.viewContainerRef ,
nzWidth : item.auditType == 0 ? 700 : 450 ,
nzBodyStyle : {
'border' : '1px solid #91CCFF' ,
'border-radius' : '0px' ,
'padding' : '7px' ,
'box-shadow' : '0 0 8px 0 #fff' ,
'background-image' : 'linear-gradient(#003665, #000f25)'
} ,
nzStyle : {
'top' : '50px' ,
} ,
nzComponentParams : {
data : item.getData
} ,
nzFooter : null ,
nzClosable : false ,
} ) ;
} )
} }
//获取证照类data
getData ( item ) {
let url
if ( item . auditType == 0 ) { //油站基本信息
return new Promise ( ( resolve , reject ) = > {
let organization = { organizationId : item.organizationId }
resolve ( organization )
} )
} else if ( item . auditType == 1 ) {
url = '/api/services/app/OrganizationValidityLicenseRule/Get'
} else if ( item . auditType == 2 ) {
url = '/api/services/app/StationValidityLicense/Get'
} else if ( item . auditType ) {
url = '/api/services/app/StationFileLicense/Get'
}
return new Promise ( ( resolve , reject ) = > {
let params = { id : item.itemId }
this . http . get ( url , { params } ) . subscribe ( ( data : any ) = > {
resolve ( data . result )
} )
} )
}
ngAfterViewInit ( ) : void { ngAfterViewInit ( ) : void {
fromEvent ( this . element . nativeElement . querySelector ( ` .ant-table-body ` ) as HTMLCanvasElement , 'scroll' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( ( event : any ) = > { //监听 DOM 滚动事件
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 ( event . target . scrollHeight - ( event . target . scrollTop + event . target . clientHeight ) <= 10 ) {
if ( this . totalCount > this . list . length ) { if ( this . totalCount > this . list . length ) {
console . log ( '需要加载数据了' , event )
this . SkipCount = String ( Number ( this . SkipCount ) + 50 ) this . SkipCount = String ( Number ( this . SkipCount ) + 50 )
this . getRecordList ( ) this . getRecordList ( )
} }
