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: 1dfc63380ad196ea4c5ecee8f6a3ca9a7ed1fe1b (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
<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]="5" 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 ? 5 : 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" *ngFor="let op of item.options" [nzLabel]="op.name" ></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 [(ngModel)]="detailData[item.key]" [name]="item.key" [id]="item.key" [readOnly]="item.title === 'S-NSSAI'" *ngIf="item.title !== '共享等级' && item.title !== '游牧性'"/>
                    <nz-radio-group [name]="item.key" [(ngModel)]="detailData[item.key]" *ngIf="item.title === '共享等级'">
                        <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 === '游牧性'">
                        <nz-option [nzValue]="option.key" *ngFor="let option of item.options" [nzLabel]="option.title"></nz-option>
                    </nz-select>
                </nz-form-control>

            </nz-form-item>
        </form>

    </div>
</nz-modal>