summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/shared/components/basic-info
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-12-10 09:51:55 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-12-10 09:58:03 +0800
commit640d376e2bbe93361aa827bc97ac1975d7736be9 (patch)
tree735eaf948f42c02f3048ffdf82a38910d61aa66a /usecaseui-portal/src/app/shared/components/basic-info
parent31509ed10df8d254647bbad39739f42b378cff90 (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.html138
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 }} : &nbsp;{{ item[ite.key] }}</span>
- <span class="ant-typography" *ngIf="ite==='区域'">
- {{ ite.title }} : &nbsp;
- <span style="display: inline-block" *ngFor="let items of item[ite.key]">{{ items }}&nbsp;&nbsp;&nbsp;&nbsp;</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 }} : &nbsp;{{ item[ite.key] }}
+ </span>
+ <span class="ant-typography" *ngIf="ite.title === '区域'">
+ {{ ite.title }} : &nbsp;
+ <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>