TANGWY
5 months ago
parent
905a6fe15c
commit
b17724ea27
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,6 @@ |
|||||||
|
|
||||||
<!-- <app-wechart-robot [data]="wechartRobotData"></app-wechart-robot> --> |
<!-- <app-wechart-robot [data]="wechartRobotData"></app-wechart-robot> --> |
||||||
|
|
||||||
<div>cdfddffff</div> |
<div> |
||||||
|
<p>Name: {{ detail_data.type }}</p> |
||||||
|
</div> |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
<nz-modal [(nzVisible)]="open" |
||||||
|
[nzMaskClosable]="false" |
||||||
|
[nzKeyboard]="false" |
||||||
|
(nzOnCancel)="justClose()" |
||||||
|
[nzFooter]="footer" |
||||||
|
nzTitle="搜索进度"> |
||||||
|
<nz-row> |
||||||
|
<nz-col nzSpan="4">查询进度</nz-col> |
||||||
|
<nz-col nzSpan="20"> |
||||||
|
<nz-progress [nzPercent]="process"> |
||||||
|
</nz-progress> |
||||||
|
</nz-col> |
||||||
|
</nz-row> |
||||||
|
</nz-modal> |
||||||
|
|
||||||
|
<ng-template #footer> |
||||||
|
<button nz-button (click)="cancel()">取消查询</button> |
||||||
|
</ng-template> |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
/* tslint:disable:no-unused-variable */ |
||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
import { By } from '@angular/platform-browser'; |
||||||
|
import { DebugElement } from '@angular/core'; |
||||||
|
|
||||||
|
import { PathComponent } from './process.component'; |
||||||
|
|
||||||
|
describe('PathComponent', () => { |
||||||
|
let component: PathComponent; |
||||||
|
let fixture: ComponentFixture<PathComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [ PathComponent ] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(PathComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,88 @@ |
|||||||
|
import { |
||||||
|
ChangeDetectionStrategy, |
||||||
|
ChangeDetectorRef, |
||||||
|
Component, |
||||||
|
EventEmitter, |
||||||
|
Input, |
||||||
|
OnChanges, |
||||||
|
Output, |
||||||
|
SimpleChanges |
||||||
|
} from '@angular/core'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-process', |
||||||
|
templateUrl: './process.component.html', |
||||||
|
styleUrls: ['./process.component.styl'], |
||||||
|
changeDetection: ChangeDetectionStrategy.OnPush |
||||||
|
}) |
||||||
|
// @ts-ignore
|
||||||
|
export class ProcessComponent implements OnChanges { |
||||||
|
// @ts-ignore
|
||||||
|
@Input() visible = false; |
||||||
|
// @ts-ignore
|
||||||
|
// tslint:disable-next-line:no-output-on-prefix
|
||||||
|
@Output() onCancel = new EventEmitter(); |
||||||
|
|
||||||
|
open = false; |
||||||
|
process = 0; |
||||||
|
intervalId = -1; |
||||||
|
|
||||||
|
constructor( |
||||||
|
private cdr: ChangeDetectorRef |
||||||
|
) {} |
||||||
|
|
||||||
|
ngOnChanges(changes: SimpleChanges): void { |
||||||
|
const visible = changes['visible']; |
||||||
|
|
||||||
|
if (visible.currentValue !== null) { |
||||||
|
if (visible.currentValue) { |
||||||
|
this.start(); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
random() { |
||||||
|
const acc = Math.ceil(Math.random() * 10); |
||||||
|
const added = this.process + acc; |
||||||
|
this.process = added >= 99 ? 99 : added; |
||||||
|
} |
||||||
|
|
||||||
|
start() { |
||||||
|
this.open = true; |
||||||
|
this.process = 0; |
||||||
|
clearTimeout(this.intervalId); |
||||||
|
this.ticker(); |
||||||
|
} |
||||||
|
|
||||||
|
ticker() { |
||||||
|
this.intervalId = setTimeout(() => { |
||||||
|
if (this.visible) { |
||||||
|
this.random(); |
||||||
|
this.ticker(); |
||||||
|
} else { |
||||||
|
this.process = 100; |
||||||
|
this.autoClose(); |
||||||
|
} |
||||||
|
this.cdr.markForCheck(); |
||||||
|
}, 1000); |
||||||
|
} |
||||||
|
|
||||||
|
cancel() { |
||||||
|
this.open = false; |
||||||
|
clearTimeout(this.intervalId); |
||||||
|
this.onCancel.emit(); |
||||||
|
} |
||||||
|
|
||||||
|
autoClose() { |
||||||
|
clearTimeout(this.intervalId); |
||||||
|
setTimeout(() => { |
||||||
|
this.open = false; |
||||||
|
this.cdr.markForCheck(); |
||||||
|
}, 300); |
||||||
|
} |
||||||
|
|
||||||
|
justClose() { |
||||||
|
this.open = false; |
||||||
|
clearTimeout(this.intervalId); |
||||||
|
} |
||||||
|
} |
||||||
@ -1,5 +1,5 @@ |
|||||||
export const environment = { |
export const environment = { |
||||||
production: true, |
production: true, |
||||||
productionUrls: '/WebApi/notice/static/dist/', |
productionUrls: '/WebApi/uebaMetricsAnalysis/static/dist/', |
||||||
hashPrefx: '' |
hashPrefx: '' |
||||||
}; |
}; |
||||||
|
|||||||
Loading…
Reference in new issue