feat: Modified list title of dialog in task management page

Change-Id: I0b31075f8379ccebd51efa47183d0a97ab5fc3d0
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

4 files changed, 21 insertions, 3 deletions

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 376d1770..166f58dd 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,10 @@
 			[NSTinfo]="NSTinfo"
 		>
 		</app-basic-info>
-		<nz-list [nzDataSource]="data" nzBordered nzHeader="Task Detail:" [nzFooter]="null" [nzRenderItem]="defaultItem" >
+		<nz-list [nzDataSource]="data" nzBordered [nzHeader]="processHeader" [nzFooter]="null" [nzRenderItem]="defaultItem" >
+			<ng-template #processHeader>
+				<p class="list-title">Task Detail:</p>
+			</ng-template>
 			<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/check-process-model/check-process-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less
index 4ffecfed..616902ec 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/check-process-model/check-process-model.component.less
@@ -1,3 +1,9 @@
 .task_progress{

     padding-top: 30px;

+}

+

+.list-title {

+    color: rgba(0, 0, 0, 0.85);

+    font-weight: 500;

+    margin: 0;

 }
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.html
index d8a0baae..e3125931 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.html
@@ -7,7 +7,10 @@
     >
     </app-basic-info>
     <div>
-      <nz-list class="taskmodel_list" nzBordered [nzHeader]="'Matching Shared NSI: '" [nzFooter]="null" *ngIf="slicingInstances">
+      <nz-list class="taskmodel_list" nzBordered [nzHeader]="nssiInfoTile" [nzFooter]="null" *ngIf="slicingInstances">
+        <ng-template #nssiInfoTile>
+          <p class="list_title">Matching Shared NSI: </p>
+        </ng-template>
         <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
           <div nz-col nzSpan="12">
             NSI ID：
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 aad9a554..8c6b57b3 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
@@ -4,7 +4,13 @@ nz-select {
 
 .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);