diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-12-05 14:58:51 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-12-05 14:59:11 +0800 |
| commit | bb073de34e081e165d4725c8f94e144c4e5618dc (patch) | |
| tree | 8b53bd3067a099dd2390920a5602c98100d76ea7 /usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html | |
| parent | 6077654ad074c2c07acf1434dfdec2fc5abd17d9 (diff) | |
feat: Encapsulate basic task information into public components
Change-Id: If00db97b6cf4f0a192269acaad1981c3f0d27919
Issue-ID: USECASEUI-352
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html')
| -rw-r--r-- | usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html | 49 |
1 files changed, 49 insertions, 0 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 new file mode 100644 index 00000000..8a6cbf23 --- /dev/null +++ b/usecaseui-portal/src/app/shared/components/basic-info/basic-info.component.html @@ -0,0 +1,49 @@ +<nz-list class="taskmodel_list" [nzDataSource]="checkDetail" nzBordered [nzHeader]="'配置审核详情：'" [nzFooter]="null" + [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">{{ ite.title }} : {{ item[ite.key] }}</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> |