diff options
author | cyuamber <xuranyjy@chinamobile.com> | 2019-12-10 09:51:55 +0800 |
---|---|---|
committer | cyuamber <xuranyjy@chinamobile.com> | 2019-12-10 09:58:03 +0800 |
commit | 640d376e2bbe93361aa827bc97ac1975d7736be9 (patch) | |
tree | 735eaf948f42c02f3048ffdf82a38910d61aa66a /usecaseui-portal/src/app/shared/components/basic-info | |
parent | 31509ed10df8d254647bbad39739f42b378cff90 (diff) |
feat: Optimize the code
Change-Id: I8bda1a8630f8150d5a71a10cd21ac7d977f083d5
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/shared/components/basic-info')
-rw-r--r-- | usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html | 138 |
1 files changed, 87 insertions, 51 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 5a600ce3..f659bd47 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 @@ -1,53 +1,89 @@ -<nz-list class="taskmodel_list" [nzDataSource]="checkDetail" nzBordered [nzHeader]="'配置审核详情:'" [nzFooter]="null" *ngIf="taskModel!==false" - [nzRenderItem]="checkItem"> - <ng-template #checkItem let-check> - <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> - <div nz-col nzSpan="10"> - <span>Task ID: {{ check.task_id }}</span> - </div> - <div nz-col nzSpan="8"> - <span>Task Name: {{ check.task_name }}</span> - </div> - <div nz-col nzSpan="6"> - <span>S-NSSAI:{{ check.service_snssai }}</span> - </div> - </nz-list-item> - <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> - <div nz-col nzSpan="10"> - <span>Arrived Time: {{ check.create_time | date: 'yyyy-MM-dd HH:mm:ss' }}</span> - </div> - <div nz-col nzSpan="8"> - <span>Status: {{ check.processing_status }}</span> - </div> - </nz-list-item> - </ng-template> - </nz-list> +<nz-list + class="taskmodel_list" + [nzDataSource]="checkDetail" + nzBordered + [nzHeader]="'配置审核详情:'" + [nzFooter]="null" + *ngIf="taskModel !== false" + [nzRenderItem]="checkItem" +> + <ng-template #checkItem let-check> + <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> + <div nz-col nzSpan="10"> + <span>Task ID: {{ check.task_id }}</span> + </div> + <div nz-col nzSpan="8"> + <span>Task Name: {{ check.task_name }}</span> + </div> + <div nz-col nzSpan="6"> + <span>S-NSSAI:{{ check.service_snssai }}</span> + </div> + </nz-list-item> + <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> + <div nz-col nzSpan="10"> + <span> + Arrived Time: + {{ check.create_time | date: "yyyy-MM-dd HH:mm:ss" }} + </span > + </div> + <div nz-col nzSpan="8"> + <span>Status: {{ check.processing_status }}</span> + </div> + </nz-list-item> + </ng-template> +</nz-list> - <nz-list class="taskmodel_list" [nzDataSource]="businessRequirement" nzBordered [nzHeader]="'业务需求信息:'" - [nzFooter]="null" [nzRenderItem]="businessItem"> - <ng-template #businessItem let-item> - <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8" *ngFor="let list of businessList "> - <div nz-col [nzSpan]="list.length === 1 ? '24' : '8'" *ngFor="let ite of list"> - <span class="ant-typography" *ngIf="ite!=='区域'">{{ ite.title }} : {{ item[ite.key] }}</span> - <span class="ant-typography" *ngIf="ite==='区域'"> - {{ ite.title }} : - <span style="display: inline-block" *ngFor="let items of item[ite.key]">{{ items }} </span> - </span> - </div> - </nz-list-item> - </ng-template> - </nz-list> +<nz-list + class="taskmodel_list" + [nzDataSource]="businessRequirement" + nzBordered + [nzHeader]="'业务需求信息:'" + [nzFooter]="null" + [nzRenderItem]="businessItem" +> + <ng-template #businessItem let-item> + <nz-list-item + nz-row + nzType="flex" + nzJustify="start" + [nzGutter]="8" + *ngFor="let list of businessList" + > + <div + nz-col + [nzSpan]="list.length === 1 ? '24' : '8'" + *ngFor="let ite of list" + > + <span class="ant-typography" *ngIf="ite.title !== '区域'"> + {{ ite.title }} : {{ item[ite.key] }} + </span> + <span class="ant-typography" *ngIf="ite.title === '区域'"> + {{ ite.title }} : + <nz-tag *ngFor="let value of item[ite.key]"> + {{value}} + </nz-tag> + </span> + </div> + </nz-list-item> + </ng-template> +</nz-list> - <nz-list class="taskmodel_list" [nzDataSource]="NSTinfo" nzBordered [nzHeader]="'匹配NST信息:'" [nzFooter]="null" - [nzRenderItem]="taskItem"> - <ng-template #taskItem let-item> - <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> - <div nz-col nzSpan="12"> - <span>NST ID: {{ item.nst_id }}</span> - </div> - <div nz-col nzSpan="12"> - <span>NST Name: {{ item.nst_name }}</span> - </div> - </nz-list-item> - </ng-template> - </nz-list> +<nz-list + class="taskmodel_list" + [nzDataSource]="NSTinfo" + nzBordered + [nzHeader]="'匹配NST信息:'" + [nzFooter]="null" + [nzRenderItem]="taskItem" +> + <ng-template #taskItem let-item> + <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8"> + <div nz-col nzSpan="12"> + <span>NST ID: {{ item.nst_id }}</span> + </div> + <div nz-col nzSpan="12"> + <span>NST Name: {{ item.nst_name }}</span> + </div> + </nz-list-item> + </ng-template> +</nz-list> |