55 lines
1.7 KiB
55 lines
1.7 KiB
3 years ago
|
import { Component, OnInit, ViewContainerRef } from '@angular/core';
|
||
|
|
import { NzModalService } from 'ng-zorro-antd/modal';
|
||
|
|
import { Observable, fromEvent } from 'rxjs';
|
||
|
|
import { debounceTime } from 'rxjs/operators';
|
||
|
|
import { AuditDisposeComponent } from './audit-dispose/audit-dispose.component';
|
||
|
|
@Component({
|
||
|
|
selector: 'app-audit-ing',
|
||
|
|
templateUrl: './audit-ing.component.html',
|
||
|
|
styleUrls: ['./audit-ing.component.scss']
|
||
|
|
})
|
||
|
|
export class AuditIngComponent implements OnInit {
|
||
|
|
|
||
|
|
constructor(private modal: NzModalService, private viewContainerRef: ViewContainerRef) { }
|
||
|
|
tableSpin = false
|
||
|
|
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
|
||
|
|
ngOnInit(): void {
|
||
|
|
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px'
|
||
|
|
// 页面监听
|
||
|
|
fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((event) => {
|
||
|
|
this.tableScrollHeight = (document.getElementById('tablebox').clientHeight - 42) + 'px'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
dispose(item) {
|
||
|
|
console.log('item', item)
|
||
|
|
const modal = this.modal.create({
|
||
|
|
nzContent: AuditDisposeComponent,
|
||
|
|
nzViewContainerRef: this.viewContainerRef,
|
||
|
|
nzWidth: 600,
|
||
|
|
nzBodyStyle: {
|
||
|
|
'border': '1px solid #91CCFF',
|
||
|
|
'border-radius': '0px',
|
||
|
|
'padding': '7px',
|
||
|
|
'box-shadow': '0 0 8px 0 #fff',
|
||
|
|
'background-image': 'linear-gradient(#003665, #000f25)'
|
||
|
|
},
|
||
|
|
nzComponentParams: {
|
||
|
|
data: item
|
||
|
|
},
|
||
|
|
nzFooter: null,
|
||
|
|
nzClosable: false,
|
||
|
|
nzOnOk: async () => {
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const instance = modal.getContentComponent();
|
||
|
|
modal.afterClose.subscribe(result => { });
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|