diff options
author | 2019-12-10 02:16:48 +0000 | |
---|---|---|
committer | 2019-12-10 02:16:48 +0000 | |
commit | 85164a3048e72787655d927dea8c98b1dcda6ecb (patch) | |
tree | f4c3be3959b81e4c841df1c2e6d82aa8ab735545 /usecaseui-portal/src/app/shared/components/basic-info | |
parent | a5dcec98423c9a8e4abf04104aec152f93d1ab49 (diff) | |
parent | 640d376e2bbe93361aa827bc97ac1975d7736be9 (diff) |
Merge "feat: Optimize the code"
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> |