@ -12,6 +12,7 @@ import { DispositionComponent } from '../../disposition/disposition.component';
import { NzMessageService } from 'ng-zorro-antd/message' ;
import { TreeService } from 'src/app/service/tree.service' ;
import { DisposeequipmentComponent } from '../warning-statistics-list/disposeequipment/disposeequipment.component' ;
import { IsShowEchartsService } from 'src/app/service/isShowEcharts.service' ;
@Component ( {
selector : 'app-criminal-records-admin' ,
templateUrl : './criminal-records-admin.component.html' ,
@ -20,7 +21,7 @@ import { DisposeequipmentComponent } from '../warning-statistics-list/disposeequ
export class CriminalRecordsAdminComponent implements OnInit {
validateForm ! : FormGroup ;
constructor ( private element : ElementRef , private toTree : TreeService , private http : HttpClient , private fb : FormBuilder , private router : Router , private modal : NzModalService , private viewContainerRef : ViewContainerRef , private message : NzMessageService ) { }
constructor ( private element : ElementRef , private toTree : TreeService , private http : HttpClient , private fb : FormBuilder , private router : Router , private modal : NzModalService , private viewContainerRef : ViewContainerRef , private message : NzMessageService , private isShowEcharts : IsShowEchartsService ) { }
//饼图
myChart
option = {
@ -281,14 +282,9 @@ export class CriminalRecordsAdminComponent implements OnInit {
// }
// ]
}
isEcharts : boolean = true
isEchartsShow() {
this . isEcharts = ! this . isEcharts
setTimeout ( ( ) = > {
let tableHeader = this . element . nativeElement . querySelector ( ` .ant-table-header ` ) . clientHeight
this . tableScrollHeight = ( document . getElementById ( 'tablebox' ) . clientHeight - tableHeader - 10 ) + 'px'
} , 0 ) ;
}
startdate
enddate
@ -296,7 +292,16 @@ export class CriminalRecordsAdminComponent implements OnInit {
tableScrollHeight
resizeListener
isShowEchartsListener
ngOnInit ( ) : void {
console . log ( this . isShowEchartsListener )
this . isShowEchartsListener = this . isShowEcharts . getMessage ( ) . subscribe ( ( message : any ) = > {
console . log ( message )
this . isEchartsShow ( )
} ) ;
console . log ( this . isShowEchartsListener )
this . tableScrollHeight = '100px'
// 页面监听
this . resizeListener = fromEvent ( window , 'resize' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( ( event ) = > {
@ -354,8 +359,29 @@ export class CriminalRecordsAdminComponent implements OnInit {
this . getAllOrganization ( )
this . getAggregations ( )
}
ngAfterViewInit ( ) : void {
fromEvent ( this . element . nativeElement . querySelector ( ` .ant-table-body ` ) as HTMLCanvasElement , 'scroll' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( async ( 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 . getViolateRecordList ( )
}
}
} ) ;
}
isEchartsShow() {
this . isEcharts = ! this . isEcharts
setTimeout ( ( ) = > {
let tableHeader = this . element . nativeElement . querySelector ( ` .ant-table-header ` ) . clientHeight
this . tableScrollHeight = ( document . getElementById ( 'tablebox' ) . clientHeight - tableHeader - 10 ) + 'px'
} , 0 ) ;
}
ngOnDestroy ( ) : void {
this . resizeListener . unsubscribe ( )
this . isShowEchartsListener . unsubscribe ( )
}
defaultOrId : string
//获取所有组织机构
@ -529,17 +555,7 @@ export class CriminalRecordsAdminComponent implements OnInit {
this . isMouseEnter = false
}
ngAfterViewInit ( ) : void {
fromEvent ( this . element . nativeElement . querySelector ( ` .ant-table-body ` ) as HTMLCanvasElement , 'scroll' ) . pipe ( debounceTime ( 100 ) ) . subscribe ( async ( 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 . getViolateRecordList ( )
}
}
} ) ;
}
getThirtyDays() {
//获取当前日期
let myDate = new Date ( ) ;
@ -800,18 +816,6 @@ export class CriminalRecordsAdminComponent implements OnInit {
this . selectedType = type
this . mybarChart . dispose ( )
this . mybarChart = echarts . init ( document . getElementById ( 'barchart' ) ) ;
// if (type == '排名') {
// console.log(this.selectedRankingType)
// if (this.selectedRankingType == '站点排名') {
// this.refreshBarLineData(this.echartsData, 'siteTop')
// }
// if (this.selectedRankingType == '事件排名') {
// this.refreshBarLineData(this.echartsData, 'eventTop')
// }
// } else {
// }
this . selectedRankingType = null
this . refreshBarLineData ( this . echartsData , 'month' )
@ -880,11 +884,8 @@ export class CriminalRecordsAdminComponent implements OnInit {
const instance = modal . getContentComponent ( ) ;
}
exportExcel() {
// console.log(this.validateForm)
let ViolationIds = [ ]
// console.log(this.validateForm.value.event)
if ( this . validateForm . value . event ) {
ViolationIds = this . validateForm . value . event
}