summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html
blob: 127a5b98e9923539d11665e43b43aec8f06f638d (plain)
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
<nz-modal
	[(nzVisible)]="showModel"
	[nzTitle]="title + '参数'"
	(nzOnCancel)="handleCancel()"
	(nzOnOk)="handleOk()"
	nzWidth="700px"
>
	<div class="subnet_params_container">
		<form nz-form *ngIf="title === '无线域'">
			<nz-form-item *ngFor="let item of wirelessFormItems">
				<nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
                    {{ item.title }}
                </nz-form-label>
				<nz-form-control
					[nzSpan]="10"
					*ngIf="item.key !== 'an_coverage_area_ta_list'"
				>
					<input
						nz-input
						[(ngModel)]="detailData[item.key]"
						[name]="item.key"
						[id]="item.key"
					/>
				</nz-form-control>
				<div *ngIf="item.key === 'an_coverage_area_ta_list'">
					<div *ngFor="let area of areaList; let i = index">
						<nz-form-control
							[nzSpan]="4"
							[nzOffset]="i && !ind ? 6 : 0"
							class="subnet_params_area"
							*ngFor="let item of area; let ind = index"
						>
							<nz-select
								[(ngModel)]="item.selected"
								[name]="'area' + i + ind"
								(nzOpenChange)="handleChange(area, item)"
								(ngModelChange)=" handleChangeSelected(area, item) "
							>
								<nz-option
									[nzValue]="op.name"
									[nzLabel]="op.name"
									*ngFor="let op of item.options"
								></nz-option>
							</nz-select>
						</nz-form-control>
						<nz-form-control [nzSpan]="1" [nzOffset]="1">
							<button
								nz-button
								nzType="primary"
								nzSize="small"
								class="subnet_params_button"
								*ngIf="!i"
								(click)="creatAreaList()"
							>
								<i nz-icon class="anticon anticon-plus subnet_params_icon" ></i>
							</button>
							<button
								nz-button
								nzType="primary"
								nzSize="small"
								class="subnet_params_button"
								*ngIf="i"
								(click)="deleteAreaList(i)"
							>
								<i nz-icon class="anticon anticon-minus subnet_params_icon" ></i>
							</button>
						</nz-form-control>
					</div>
				</div>
			</nz-form-item>
		</form>
		<form nz-form *ngIf="title === '传输域'">
			<nz-form-item *ngFor="let item of transferFormItems">
				<nz-form-label [nzSpan]="7" nzRequired [nzFor]="item.key">
                    {{ item.title }}
                </nz-form-label>
				<nz-form-control [nzSpan]="12">
					<input
						nz-input
						[(ngModel)]="detailData[item.key]"
						[name]="item.key"
						[id]="item.key"
					/>
				</nz-form-control>
			</nz-form-item>
		</form>
		<form nz-form *ngIf="title === '核心域'">
			<nz-form-item *ngFor="let item of coreFormItems">
				<nz-form-label [nzSpan]="10" nzRequired [nzFor]="item.key">
                    {{ item.title }}
                </nz-form-label>
				<nz-form-control [nzSpan]="10">
					<input
						nz-input
						[id]="item.key"
						[name]="item.key"
						[(ngModel)]="detailData[item.key]"
						[readOnly]="item.title === 'S-NSSAI'"
						*ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' "
					/>
					<nz-radio-group
						[name]="item.key"
						[(ngModel)]="detailData[item.key]"
						*ngIf="item.title === 'Resource Sharing Level'"
					>
						<label
							nz-radio
							[nzValue]="option.key"
							*ngFor="let option of item.options"
                        >
                            {{ option.title }}
                        </label>
					</nz-radio-group>
					<nz-select
						[name]="item.key"
						[(ngModel)]="detailData[item.key]"
						*ngIf="item.title === 'Mobility'"
					>
						<nz-option
							[nzValue]="option.key"
							[nzLabel]="option.title"
							*ngFor="let option of item.options"
						></nz-option>
					</nz-select>
				</nz-form-control>
			</nz-form-item>
		</form>
	</div>
</nz-modal>