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
|
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-slicing-task-model',
templateUrl: './slicing-task-model.component.html',
styleUrls: ['./slicing-task-model.component.less']
})
export class SlicingTaskModelComponent implements OnInit {
@Input() showDetail: boolean;
@Input() moduleTitle: string;
@Input() modelData: object;
@Output() cancel = new EventEmitter<boolean>();
constructor() { }
checkDetail: [{}] = [{
id: "b1bb0ce7-ebca-4fa7-95ed-4840d70a1177",
name: "5G Slice eMMB",
snssai: "1-010101",
arrivedtime: "2019-10-29 10:00",
status: "Checking"
}]; //配置审核详情
businessRequirement: [{}] = [{
name: "5G Slice eMMB",
snssai: "1-010101",
expiretime: "2019-10-29 10:00",
area: "Beijing",
}];//业务需求信息
NSTinfo: [{}] = [{
id: "46da8cf8-0878-48ac-bea3-f2200959411a",
name: "eMBB instancel"
}];//匹配NST信息
selectedServiceId = '46da8cf8-0878-48ac-bea3-f2200959411a';
selectedServiceName = '';
serviceId = ['46da8cf8-0878-48ac-bea3-f2200959411a', '46da8cf8-0878-48ac-bea3-f2200959411b', '46da8cf8-0878-48ac-bea3-f2200959411c'];
serviceData: {} = {
"46da8cf8-0878-48ac-bea3-f2200959411a": "eMBB instancela",
"46da8cf8-0878-48ac-bea3-f2200959411b": "eMBB instancelb",
"46da8cf8-0878-48ac-bea3-f2200959411c": "eMBB instancelc",
};
ngOnInit() {
this.serviceIdChange(this.selectedServiceId)
}
serviceIdChange(value: string): void {
this.selectedServiceName = this.serviceData[value];
console.log(this.selectedServiceName, "=====")
}
resetService() {
this.selectedServiceId = "";
this.serviceIdChange(this.selectedServiceId);
}
handleCancel() {
this.showDetail = false;
this.cancel.emit(this.showDetail);
}
handleOk() {
this.handleCancel();
}
}
|