feat: Modified list title of dialog in task management page

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

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 9d31a33..08edd8d 100644 (file)
--- 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 0415b5f..5dc0c41 100644 (file)
--- 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 {\r
     margin-bottom: 20px;\r
 \r
+    .list-title{\r
+        color: rgba(0, 0, 0, 0.85);\r
+        font-weight: 500;\r
+        margin: 0;\r
+    }\r
+\r
     .listitem_subtitle {\r
         font-size: 14px;\r
         color: rgba(0, 0, 0, 0.85);\r

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 376d177..166f58d 100644 (file)
--- 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 4ffecfe..616902e 100644 (file)
--- 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{\r
     padding-top: 30px;\r
+}\r
+\r
+.list-title {\r
+    color: rgba(0, 0, 0, 0.85);\r
+    font-weight: 500;\r
+    margin: 0;\r
 }
\ 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 d8a0baa..e312593 100644 (file)
--- 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 aad9a55..8c6b57b 100644 (file)
--- 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);