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
126
127
128
129
130
131
|
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;
@Input() moduleOperation: 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 {
let getSlicingBasicInfoFailedCallback = () => {
this.isLoadingShow();
}
this.http.getSlicingBasicInfo(this.taskId, getSlicingBasicInfoFailedCallback).then(res => {
const { result_body } = res;
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 }];
// 业务需求信息数据
if(coverage_area_ta_list !== null){
business_demand_info.area = coverage_area_ta_list.map(item => {
item = item.split(';').join(' - ')
return item
})
}else{
business_demand_info.area = []
}
// 前端模拟数据
let area = ["Beijing;Beijing;Haidian District", "Beijing;Beijing;Xicheng District", "Beijing;Beijing;Changping District"].map(item => {
item = item.split(';').join(' - ')
return item
})
this.businessRequirement = [{ ...business_demand_info, area }];
// 匹配NST信息
this.NSTinfo = [nst_info];
this.isLoadingShow();
})
}
isLoadingShow() {
if (this.isGetData) {
this.isSpinning = false;
} else {
this.isGetData = true;
}
}
getProgress(): void {
let getSlicingCreateProgressFailedCallback = () => {
this.isLoadingShow();
}
this.http.getSlicingCreateProgress(this.taskId, getSlicingCreateProgressFailedCallback).then(res => {
const { result_body } = res;
this.data = [];
const nssiList: string[] = ['an', 'tn', 'cn'];
nssiList.forEach(item => {
const progress: number = +result_body[item + '_progress'];
const title: string = item.charAt(0).toUpperCase() + item.slice(1);
let status: string = result_body[item + '_status'];
if ((progress || progress === 0) && status) {
let currentProgress = 1
if (progress === 100 && status === 'finished') {
currentProgress = 3;
status = 'finish'
}
const obj = { progress, currentProgress, title, status };
this.data.push(obj)
}
})
this.data = [this.data];
let flag: boolean = false;
nssiList.forEach(item => {
if (result_body[item + '_status'] === 'processing' && result_body[item + '_progress'] !== 0) {
flag = true;
}
})
if (flag) {
this.timer = setTimeout(() => {
this.getProgress()
}, 5000)
}
this.isLoadingShow();
})
}
handleCancel() {
this.showProcess = false;
this.cancel.emit(this.showProcess)
}
}
|
