diff options
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html')
-rw-r--r-- | usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html index c3f2d631..818fc136 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/csmf-slicing-business-management.component.html @@ -1,4 +1,4 @@ -<div class="slicing-resource-table slicing-resource_tab"> +<div> <div nz-row> <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> @@ -7,6 +7,7 @@ <nz-option *ngFor="let item of statusOptions" [nzLabel]="item" [nzValue]="item"></nz-option> </nz-select> </div> + <button nz-button nzType="primary" class="buy-button" (click)="OrderModelShow()">Purchase</button> </div> <div class="slicing-resource-table-list"> <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false" nzShowSizeChanger @@ -17,6 +18,7 @@ <th width=100>No</th> <th width=280>Service Instance Id</th> <th width=200>Service Instance Name</th> + <th width=200>Creation Time</th> <th width=110>Service Type</th> <th width=110>S-NSSAI</th> <th width=110>Status</th> @@ -27,37 +29,38 @@ <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index"> <tr> <td>{{i+1}}</td> - <td>{{ data.service_id }}</td> - <td>{{ data.service_name }}</td> + <td>{{ data.order_id }}</td> + <td>{{ data.order_name }}</td> + <td>{{ data.order_creation_time }}</td> <td>{{ data.service_type?data.service_type:'--' }}</td> <td>{{ data.service_snssai }}</td> <td> <span class="marginLeft10"> - <span *ngIf="data.last_operation_process && data.last_operation_process !== '100'"> - {{data.last_operation_process+'%'}} + <span *ngIf="data.last_operation_progress && data.last_operation_progress !== '100'"> + {{data.last_operation_progress+'%'}} </span> <br> - {{data.service_status}} + {{data.order_status}} </span> <br> </td> <td> <div class="action-icon"> - <nz-switch [ngModel]="data.service_status==='activated'?true:false" - [nzDisabled]="data.last_operation_type && data.last_operation_process && data.last_operation_process !== '100'" + <nz-switch [ngModel]="data.order_status==='activated'?true:false" + [nzDisabled]="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== '100'" (ngModelChange)="switchChange(data,i)"></nz-switch> <nz-progress - *ngIf="data.last_operation_type && data.last_operation_process && data.last_operation_process !== '100' && data.last_operation_type !== 'DELETE'" - [nzPercent]="data.last_operation_process" [nzShowInfo]="false" nzStatus="active"> + *ngIf="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== '100' && data.last_operation_type !== 'DELETE'" + [nzPercent]="data.last_operation_progress" [nzShowInfo]="false" nzStatus="active"> </nz-progress> </div> <div class="action-icon"> - <i [ngClass]="{'cannotclick': data.last_operation_type && data.last_operation_process && data.last_operation_process !== '100' && (data.last_operation_type !== 'DELETE' || data.service_status==='activated')}" + <i [ngClass]="{'cannotclick': data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== '100' && (data.last_operation_type !== 'DELETE' || data.order_status==='activated')}" nz-icon nzType="poweroff" nzTheme="outline" class="anticon anticon-poweroff" (click)="terminate(data)"></i> <nz-progress - *ngIf="data.last_operation_type && data.last_operation_process && data.last_operation_process !== '100' && terminateStart" - [nzPercent]="data.last_operation_process" [nzShowInfo]="false" nzStatus="active"> + *ngIf="data.last_operation_type && data.last_operation_progress && data.last_operation_progress !== '100' && terminateStart" + [nzPercent]="data.last_operation_progress" [nzShowInfo]="false" nzStatus="active"> </nz-progress> </div> </td> @@ -66,4 +69,5 @@ </tbody> </nz-table> </div> + <app-business-order [showModel]="businessOrderShow" (cancel)="businessOrderShow=$event"></app-business-order> </div>
\ No newline at end of file |