summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-12-23 16:59:23 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-12-23 16:59:31 +0800
commit0355bd6fabbec838b7ce522e2da54f3b42ab0d89 (patch)
tree3c4d531ce6de7a85844e1d1c47fa5bfcb43ebb89 /usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management
parent04ab7eeada3656d3c30ea780db8291235aabd79c (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')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.html75
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.less8
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.less6
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);