1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { NzMessageService } from 'ng-zorro-antd';
import { SlicingTaskServices } from '../../../../../core/services/slicingTaskServices'
@Component({
selector: 'app-check-process-model',
templateUrl: './check-process-model.component.html',
styleUrls: ['./check-process-model.component.less']
})
export class CheckProcessModelComponent implements OnInit {
@Input() moduleTitle: string;
@Input() showProcess: boolean;
@Input() taskId: string;
@Output() cancel = new EventEmitter<boolean>();
constructor(private http: SlicingTaskServices, private message: NzMessageService) { }
checkDetail: any[];
businessRequirement: any[];
NSTinfo: any[];
data: any[];
currentProgress: number = 1;
timer: any = null;
isSpinning: boolean = false;
isGetData: boolean = false;
ngOnInit() { }
ngOnChanges() {
if (this.showProcess) {
this.isSpinning = true;
this.getInfo();
this.getProgress();
} else {
clearTimeout(this.timer);
this.isGetData = false;
}
}
getInfo(): void {
this.http.getSlicingBasicInfo(this.taskId).subscribe(res => {
if (this.isGetData) {
this.isSpinning = false;
} else {
this.isGetData = true;
}
const { result_body, result_header: { result_code } } = res;
if (+result_code === 200) {
const {
task_id,
task_name,
create_time,
processing_status,
business_demand_info,
nst_info,
business_demand_info: { service_snssai, coverage_area_ta_list }
} = result_body;
// 处理配置审核详情数据
this.checkDetail = [{ task_id, task_name, create_time, processing_status, service_snssai }];
// 业务需求信息数据
business_demand_info.area = coverage_area_ta_list.map(item => {
item = item.split(';').join(' - ')
return item
})
// 前端模拟数据
let area = ["北京;北京市;海淀区", "北京;北京市;西城区", "北京;北京市;昌平区"].map(item => {
item = item.split(';').join(' - ')
return item
})
this.businessRequirement = [{...business_demand_info, area}];
// 匹配NST信息
this.NSTinfo = [nst_info];
} else {
const errorMessage = this.moduleTitle === '切片创建中' ? 'Failed to get data' : 'Viewing results failed';
this.message.error(errorMessage)
}
})
}
getProgress(): void {
this.http.getSlicingCreateProgress(this.taskId).subscribe(res => {
if (this.isGetData) {
this.isSpinning = false;
} else {
this.isGetData = true;
}
const { result_body, result_header: { result_code } } = res;
if (+result_code === 200) {
this.data = [];
Object.keys(result_body).forEach(item => {
let currentProgress = 1
let status = 'process';
if (+result_body[item] === 100) {
currentProgress = 2;
status = 'finish'
}
const title = item === 'an_progress' ? 'An' : (item === 'tn_progress' ? 'Tn' : 'Cn')
let obj = { [item]: result_body[item], currentProgress, title, status };
this.data.push(obj)
})
this.data = [this.data];
let flag: boolean = false;
Object.values(result_body).forEach(item => {
if (item !== 100) {
flag = true;
}
})
if (flag) {
this.timer = setTimeout(() => {
this.getProgress()
}, 5000)
}
} else {
this.message.error('Failed to get progress')
}
})
}
handleCancel() {
this.showProcess = false;
this.cancel.emit(this.showProcess)
}
}
|
