feat: Modified list title of dialog in task management page

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

6 files changed, 39 insertions, 6 deletions

diff --git a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html
index 9d31a336..08edd8d6 100644
--- a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html
+++ b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html
@@ -2,11 +2,14 @@
 	class="taskmodel_list"
 	[nzDataSource]="checkDetail"
 	nzBordered
-	[nzHeader]="'Configuration Audit Detail：'"
+	[nzHeader]="DetailHeader"
 	[nzFooter]="null"
 	*ngIf="taskModel !== false"
 	[nzRenderItem]="checkItem"
 >
+	<ng-template #DetailHeader>
+		<p class="list-title">Configuration Audit Detail：</p>
+	</ng-template>
 	<ng-template #checkItem let-check>
 		<nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
 			<div nz-col nzSpan="10">
@@ -37,10 +40,13 @@
 	class="taskmodel_list"
 	[nzDataSource]="businessRequirement"
 	nzBordered
-	[nzHeader]="'Business Requirement Information：'"
+	[nzHeader]="businessItemTitle"
 	[nzFooter]="null"
 	[nzRenderItem]="businessItem"
 >
+	<ng-template #businessItemTitle>
+		<p class="list-title">Business Requirement Information：</p>
+	</ng-template>
 	<ng-template #businessItem let-item>
 		<nz-list-item
 			nz-row
@@ -72,10 +78,13 @@
 	class="taskmodel_list"
 	[nzDataSource]="NSTinfo"
 	nzBordered
-	[nzHeader]="'Matching NST Information：'"
+	[nzHeader]="nsiInfoTile"
 	[nzFooter]="null"
 	[nzRenderItem]="taskItem"
 >
+	<ng-template #nsiInfoTile>
+		<p class="list-title">Matching NST Information：</p>
+	</ng-template>
 	<ng-template #taskItem let-item>
 		<nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
 			<div nz-col nzSpan="12">
diff --git a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.less b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.less
index 0415b5f3..5dc0c410 100644
--- a/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.less
+++ b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.less
@@ -1,6 +1,12 @@
 .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);

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);