diff options
Diffstat (limited to 'usecaseui-portal/src/app/views')
8 files changed, 237 insertions, 356 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html index c6f41171..9de2b88d 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html @@ -1,70 +1,59 @@ <nz-spin [nzSpinning]="isSpinning"> -<nz-list class="taskmodel_list" nzBordered [nzHeader]="'Carry Slicing Businress List ：'" [nzFooter]="null"> - <nz-table - #businessTable - [nzData]="businessList" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>S-NSSAI</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.service_snssai }}</td> - <td>{{ data.orchestration_status }}</td> - <td> - <a (click)="showBusinessDetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> -<nz-list class="taskmodel_list" nzBordered [nzHeader]="'Include Slicing NSSI List ：'" [nzFooter]="null"> - <nz-table - #nssiTable - [nzData]="nssiList" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Environment Context</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.environment_context }}</td> - <td>{{ data.orchestration_status }}</td> - <td> - <a (click)="showNssiDetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> + <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing Business List ：'" [nzFooter]="null"> + <nz-table #businessTable [nzData]="businessList" [nzShowPagination]="false" nzHideOnSinglePage + class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>S-NSSAI</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="businessTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.service_snssai }}</td> + <td>{{ data.orchestration_status }}</td> + <td> + <a (click)="showBusinessDetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> + <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing NSSI List ：'" [nzFooter]="null"> + <nz-table #nssiTable [nzData]="nssiList" [nzShowPagination]="false" nzHideOnSinglePage class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Environment Context</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.environment_context }}</td> + <td>{{ data.orchestration_status }}</td> + <td> + <a (click)="showNssiDetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> </nz-spin>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html index f6291624..d4fad072 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html @@ -3,46 +3,36 @@ <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue" - (ngModelChange)="getListOfProcessingStatus()"> + (ngModelChange)="getListOfProcessingStatus()"> <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option> </nz-select> </div> </div> <div class="slicing-resource-table-list"> - <nz-table - #nssiTable - [nzData]="listOfData" - [nzFrontPagination]="false" - nzShowSizeChanger - [nzPageSizeOptions]="[5,10,15,20]" - [nzTotal]='total' - [(nzPageSize)]="pageSize" - [(nzPageIndex)]='pageIndex' - [nzLoading]="loading" - (nzPageIndexChange)="searchData()" - (nzPageSizeChange)="searchData(true)" - > + <nz-table #nssiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger + [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex' + [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)"> <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Status</th> - <th width="140px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{data.orchestration_status}}</td> - <td> - <a (click)="showdetail(data)">detail</a> - </td> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Status</th> + <th width="140px">Detail</th> </tr> - </ng-template> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{data.orchestration_status}}</td> + <td> + <a (click)="showdetail(data)">View Detail</a> + </td> + </tr> + </ng-template> </tbody> </nz-table> </div> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.html index a5da344e..14806304 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.html @@ -1,34 +1,28 @@ <nz-spin [nzSpinning]="isSpinning"> - <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Carry Slicing Nsi List :'" [nzFooter]="null"> - <nz-table - #nssiTable - [nzData]="nsiList" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.orchestration_status }}</td> - <td> - <a (click)="showSingleNsiDetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> + <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Related Slicing Nsi List :'" [nzFooter]="null"> + <nz-table #nssiTable [nzData]="nsiList" [nzShowPagination]="false" nzHideOnSinglePage class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nssiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.orchestration_status }}</td> + <td> + <a (click)="showSingleNsiDetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> </nz-spin>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.html index 82e02b24..0b133d86 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.html @@ -3,48 +3,38 @@ <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue" - (ngModelChange)="getListOfProcessingStatus()"> + (ngModelChange)="getListOfProcessingStatus()"> <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option> </nz-select> </div> </div> <div class="slicing-resource-table-list"> - <nz-table - #nsiTable - [nzData]="listOfData" - [nzFrontPagination]="false" - nzShowSizeChanger - [nzPageSizeOptions]="[5,10,15,20]" - [nzTotal]='total' - [(nzPageSize)]="pageSize" - [(nzPageIndex)]='pageIndex' - [nzLoading]="loading" - (nzPageIndexChange)="searchData()" - (nzPageSizeChange)="searchData(true)" - > + <nz-table #nsiTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger + [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex' + [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)"> <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Environment Context</th> - <th>Status</th> - <th width="140px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="nsiTable.data" let-i="index"> <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{data.environment_context}}</td> - <td>{{data.orchestration_status}}</td> - <td> - <a (click)="showdetail(data)">detail</a> - </td> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Environment Context</th> + <th>Status</th> + <th width="140px">Detail</th> </tr> - </ng-template> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="nsiTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{data.environment_context}}</td> + <td>{{data.orchestration_status}}</td> + <td> + <a (click)="showdetail(data)">View Detail</a> + </td> + </tr> + </ng-template> </tbody> </nz-table> </div> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html index 5a11ab1d..585f6795 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html @@ -1,40 +1,31 @@ <nz-spin [nzSpinning]="isSpinning"> -<app-basic-info - [businessRequirement]="businessRequirement" - [NSTinfo]="NSTinfo" - [taskModel]="taskModel" -> -</app-basic-info> + <app-basic-info [businessRequirement]="businessRequirement" [NSTinfo]="NSTinfo" [taskModel]="taskModel"> + </app-basic-info> <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Slicing NSI :'" [nzFooter]="null"> - <nz-table - #basicTable - [nzData]="nsiInfo" - [nzShowPagination]="false" - nzHideOnSinglePage - class="model-table-padding" - > - <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>Status</th> - <th width="100px">Detail</th> - </tr> - </thead> - <tbody> - <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index"> - <tr> - <td>{{ data.nsi_id }}</td> - <td>{{ data.nsi_name }}</td> - <td>{{ data.nsi_type }}</td> - <td>{{ data.nsi_orchestration-status }}</td> - <td> - <a (click)="showdetail(data)">detail</a> - </td> - </tr> - </ng-template> - </tbody> - </nz-table> -</nz-list> + <nz-table #basicTable [nzData]="nsiInfo" [nzShowPagination]="false" nzHideOnSinglePage + class="model-table-padding"> + <thead> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>Status</th> + <th width="100px">Detail</th> + </tr> + </thead> + <tbody> + <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index"> + <tr> + <td>{{ data.nsi_id }}</td> + <td>{{ data.nsi_name }}</td> + <td>{{ data.nsi_type }}</td> + <td>{{ data.nsi_orchestration_status }}</td> + <td> + <a (click)="showdetail(data)">View Detail</a> + </td> + </tr> + </ng-template> + </tbody> + </nz-table> + </nz-list> </nz-spin>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html index a8d2407c..998ae287 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html @@ -3,74 +3,60 @@ <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> <nz-select nzShowSearch nzPlaceHolder="Select a processing status" [(ngModel)]="selectedValue" - (ngModelChange)="getListOfProcessingStatus()"> + (ngModelChange)="getListOfProcessingStatus()"> <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option> </nz-select> </div> </div> <div class="slicing-resource-table-list"> - <nz-table - #basicTable - [nzData]="listOfData" - [nzFrontPagination]="false" - nzShowSizeChanger - [nzPageSizeOptions]="[5,10,15,20]" - [nzTotal]='total' - [(nzPageSize)]="pageSize" - [(nzPageIndex)]='pageIndex' - [nzLoading]="loading" - (nzPageIndexChange)="searchData()" - (nzPageSizeChange)="searchData(true)" - > + <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger + [nzPageSizeOptions]="[5,10,15,20]" [nzTotal]='total' [(nzPageSize)]="pageSize" [(nzPageIndex)]='pageIndex' + [nzLoading]="loading" (nzPageIndexChange)="searchData()" (nzPageSizeChange)="searchData(true)"> <thead> - <tr> - <th>Service Instance Id</th> - <th>Service Instance Name</th> - <th>Service Type</th> - <th>S-NSSAI</th> - <th>Status</th> - <th width="130px">Aciton</th> - <th width="100px">Detail</th> - </tr> + <tr> + <th>Service Instance Id</th> + <th>Service Instance Name</th> + <th>Service Type</th> + <th>S-NSSAI</th> + <th>Status</th> + <th width="130px">Aciton</th> + <th width="100px">Detail</th> + </tr> </thead> <tbody> - <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index"> - <tr> - <td>{{ data.service_instance_id }}</td> - <td>{{ data.service_instance_name }}</td> - <td>{{ data.service_type }}</td> - <td>{{ data.service_snssai }}</td> - <td> + <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index"> + <tr> + <td>{{ data.service_instance_id }}</td> + <td>{{ data.service_instance_name }}</td> + <td>{{ data.service_type }}</td> + <td>{{ data.service_snssai }}</td> + <td> - <span class="marginLeft10"> - {{ data.last_operation_progress !== 100?data.last_operation_type+' '+data.last_operation_progress+'%':data.orchestration_status }} - </span> - <nz-progress *ngIf="data.last_operation_progress !== 100" - [nzPercent]="data.last_operation_progress" - [nzShowInfo]="false" nzStatus="active"></nz-progress> - </td> - <td> - <nz-switch [ngModel]="data.orchestration_status==='activated'?true:false" - [nzDisabled]="data.last_operation_progress !== 100" - (ngModelChange)="switchChange(data,i)" - ></nz-switch> - <i [ngClass]="{'cannotclick':data.last_operation_progress !== 100}" - nz-icon - nzType="poweroff" - nzTheme="outline" - class="anticon anticon-poweroff" - (click)="terminate(data)" - ></i> - </td> - <td> - <!--<i [ngClass]="{'cannotclick':data.last_operation_progress !== 100}"--> - <!--class="anticon anticon-bars"--> - <!--(click)="showdetail(data)">--> - <!--</i>--> - <a (click)="showdetail(data)" [ngClass]="{'cannotclick':data.last_operation_progress !== 100}">detail</a> - </td> - </tr> - </ng-template> + <span class="marginLeft10"> + {{ data.last_operation_progress !== 100?data.last_operation_type+' '+data.last_operation_progress+'%':data.orchestration_status }} + </span> + <nz-progress *ngIf="data.last_operation_progress !== 100" + [nzPercent]="data.last_operation_progress" [nzShowInfo]="false" nzStatus="active"> + </nz-progress> + </td> + <td> + <nz-switch [ngModel]="data.orchestration_status==='activated'?true:false" + [nzDisabled]="data.last_operation_progress !== 100" + (ngModelChange)="switchChange(data,i)"></nz-switch> + <i [ngClass]="{'cannotclick':data.last_operation_progress !== 100}" nz-icon + nzType="poweroff" nzTheme="outline" class="anticon anticon-poweroff" + (click)="terminate(data)"></i> + </td> + <td> + <!--<i [ngClass]="{'cannotclick':data.last_operation_progress !== 100}"--> + <!--class="anticon anticon-bars"--> + <!--(click)="showdetail(data)">--> + <!--</i>--> + <a (click)="showdetail(data)" + [ngClass]="{'cannotclick':data.last_operation_progress !== 100}">View Detail</a> + </td> + </tr> + </ng-template> </tbody> </nz-table> </div> diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html index c5bb47b3..376d1770 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html @@ -12,7 +12,7 @@ [NSTinfo]="NSTinfo" > </app-basic-info> - <nz-list [nzDataSource]="data" nzBordered nzHeader="任务详情:" [nzFooter]="null" [nzRenderItem]="defaultItem" > + <nz-list [nzDataSource]="data" nzBordered nzHeader="Task Detail:" [nzFooter]="null" [nzRenderItem]="defaultItem" > <ng-template #defaultItem let-item> <nz-list-item nz-row nzType="flex" nzJustify="center" > <nz-steps diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html index 127a5b98..62df0709 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html @@ -1,68 +1,33 @@ -<nz-modal - [(nzVisible)]="showModel" - [nzTitle]="title + '参数'" - (nzOnCancel)="handleCancel()" - (nzOnOk)="handleOk()" - nzWidth="700px" -> +<nz-modal [(nzVisible)]="showModel" [nzTitle]="title + 'Parameter'" (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" - /> + {{ 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" + <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> + (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 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-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> @@ -72,58 +37,34 @@ <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> + {{ item.title }} + </nz-form-label> <nz-form-control [nzSpan]="12"> - <input - nz-input - [(ngModel)]="detailData[item.key]" - [name]="item.key" - [id]="item.key" - /> + <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> + {{ item.title }} + </nz-form-label> <nz-form-control [nzSpan]="10"> - <input - nz-input - [id]="item.key" - [name]="item.key" - [(ngModel)]="detailData[item.key]" + <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> + *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 [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> +</nz-modal>
\ No newline at end of file |