diff options
author | 2019-12-23 16:59:23 +0800 | |
---|---|---|
committer | 2019-12-23 16:59:31 +0800 | |
commit | 0355bd6fabbec838b7ce522e2da54f3b42ab0d89 (patch) | |
tree | 3c4d531ce6de7a85844e1d1c47fa5bfcb43ebb89 /usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management | |
parent | 04ab7eeada3656d3c30ea780db8291235aabd79c (diff) |
style: change the style of table header
Change-Id: If8355d37e8d227297134e451d5bddcfb5b54b377
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management')
3 files changed, 33 insertions, 56 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html index 0fadf70a..d7cb2f8d 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html @@ -2,42 +2,24 @@ <div nz-row> <div nz-col nzSpan="12" class="task_status"> <span>Status : </span> - <nz-select - nzShowSearch - [(ngModel)]="selectedValue" - nzPlaceHolder="Select a processing status" - (ngModelChange)="processingStatusChange()" - > - <nz-option - *ngFor="let item of statusOptions" - [nzLabel]="item.title" - [nzValue]="item.value" - ></nz-option> + <nz-select nzShowSearch [(ngModel)]="selectedValue" nzPlaceHolder="Select a processing status" + (ngModelChange)="processingStatusChange()"> + <nz-option *ngFor="let item of statusOptions" [nzLabel]="item.title" [nzValue]="item.value"></nz-option> </nz-select> </div> </div> <div> - <nz-table - #basicTable - nzShowPagination - nzPageSizeOptions - nzShowSizeChanger - [nzTotal]="total" - [nzLoading]="loading" - [nzData]="listOfData" - [nzPageIndex]="pageNum" - [nzPageSize]="pageSize" - [nzFrontPagination]="false" - (nzPageSizeChange)="pageSizeChange($event)" - (nzPageIndexChange)="pageNumChange($event)" - > + <nz-table #basicTable nzShowPagination nzPageSizeOptions nzShowSizeChanger [nzTotal]="total" + [nzLoading]="loading" [nzData]="listOfData" [nzPageIndex]="pageNum" [nzPageSize]="pageSize" + [nzFrontPagination]="false" (nzPageSizeChange)="pageSizeChange($event)" + (nzPageIndexChange)="pageNumChange($event)"> <thead> <tr> - <th>Task ID</th> - <th>Task Name</th> - <th>S-NSSAI</th> - <th>Service Type</th> - <th>Created time</th> + <th class="task_management_tableheader">Task ID</th> + <th class="task_management_tableheader">Task Name</th> + <th class="task_management_tableheader">S-NSSAI</th> + <th class="task_management_tableheader">Service Type</th> + <th class="task_management_tableheader">Created time</th> <th>Status</th> <th>Action</th> </tr> @@ -50,35 +32,20 @@ <td>{{ data.service_type }}</td> <td>{{ data.create_time | date: "yyyy-MM-dd HH:mm:ss"}}</td> <td>{{ data.processing_status }}</td> - <td> - <span - *ngIf="data.processing_status === 'Planning'" - class="task_operation_disabled" - >{{ data.operation }}</span - > - <a - (click)="showdetail(data)" - *ngIf="data.processing_status !== 'Planning'" - >{{ data.operation }}</a - > + <td class="task_management_tableaction"> + <span *ngIf="data.processing_status === 'Planning'" + class="task_operation_disabled">{{ data.operation }}</span> + <a (click)="showdetail(data)" + *ngIf="data.processing_status !== 'Planning'">{{ data.operation }}</a> </td> </tr> </tbody> </nz-table> </div> - <app-slicing-task-model - [moduleTitle]="moduleTitle" - [showDetail]="showDetail" - [taskId]="taskId" - (cancel)="handelCancel($event)" - > + <app-slicing-task-model [moduleTitle]="moduleTitle" [showDetail]="showDetail" [taskId]="taskId" + (cancel)="handelCancel($event)"> </app-slicing-task-model> - <app-check-process-model - [moduleTitle]="moduleTitle" - [showProcess]="showProcess" - [moduleOperation]="moduleOperation" - [taskId]="taskId" - (cancel)="showProcess = $event" - > + <app-check-process-model [moduleTitle]="moduleTitle" [showProcess]="showProcess" [moduleOperation]="moduleOperation" + [taskId]="taskId" (cancel)="showProcess = $event"> </app-check-process-model> </div>
\ No newline at end of file diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.less index da4aa09f..78ae9c6e 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.less @@ -10,6 +10,14 @@ nz-select { } } +.task_management_tableheader { + word-break: break-word; +} + +.task_management_tableaction { + word-break: break-word; +} + .task_operation_disabled { color: #A2ABCE; cursor: default; diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.less index 8c6b57b3..222f2528 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.less @@ -2,15 +2,17 @@ nz-select { width: 70%; } + + .taskmodel_list { margin-bottom: 20px; - + .list_title { color: rgba(0, 0, 0, 0.85); font-weight: 500; margin: 0; } - + .listitem_subtitle { font-size: 14px; color: rgba(0, 0, 0, 0.85); |