aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-model/nsi-model.component.html125
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nsi-management/nsi-table/nsi-table.component.html54
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-model/nssi-model.component.html58
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/nssi-management/nssi-table/nssi-table.component.html58
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html65
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-table/slicing-business-table.component.html104
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.html2
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/subnet-params-model/subnet-params-model.component.html127
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+'&nbsp;&nbsp;&nbsp;'+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+'&nbsp;&nbsp;&nbsp;'+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