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