5e6914ab4bb7d3f77ab77ef5371a42fe69adb7d5
[usecase-ui.git] /
1 <nz-modal [nzVisible]="showDetail" nzWidth="85%" [nzTitle]="moduleTitle" (nzOnCancel)="handleCancel()"
2   (nzOnOk)="handleOk()">
3   <nz-list class="taskmodel_list" [nzDataSource]="checkDetail" nzBordered [nzHeader]="'配置审核详情:'" [nzFooter]="null"
4     [nzRenderItem]="checkItem">
5     <ng-template #checkItem let-check>
6       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
7         <div nz-col nzSpan="10">
8           <span>Task ID: {{ check.task_id }}</span>
9         </div>
10         <div nz-col nzSpan="8">
11           <span>Task Name: {{ check.task_name }}</span>
12         </div>
13         <div nz-col nzSpan="6">
14           <span>S-NSSAI:{{ check.service_snssai }}</span>
15         </div>
16       </nz-list-item>
17       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
18         <div nz-col nzSpan="10">
19           <span>Arrived Time: {{ check.create_timer }}</span>
20         </div>
21         <div nz-col nzSpan="8">
22           <span>Status: {{ check.processing_status }}</span>
23         </div>
24       </nz-list-item>
25     </ng-template>
26   </nz-list>
27
28   <nz-list class="taskmodel_list" [nzDataSource]="businessRequirement" nzBordered [nzHeader]="'业务需求信息:'"
29     [nzFooter]="null" [nzRenderItem]="businessItem">
30     <ng-template #businessItem let-item>
31       <nz-list-item *ngFor="let ite of businessList " nz-row>
32         <div nz-col nz-Span='10'>
33           <span class="ant-typography">{{ ite.title }} : &nbsp;{{ item[ite.key] }}</span>
34         </div>
35       </nz-list-item>
36     </ng-template>
37   </nz-list>
38
39   <nz-list class="taskmodel_list" [nzDataSource]="NSTinfo" nzBordered [nzHeader]="'匹配NST信息:'" [nzFooter]="null"
40     [nzRenderItem]="taskItem">
41     <ng-template #taskItem let-item>
42       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
43         <div nz-col nzSpan="12">
44           <span>NST ID: {{ item.nst_id }}</span>
45         </div>
46         <div nz-col nzSpan="12">
47           <span>NST Name: {{ item.nst_name }}</span>
48         </div>
49       </nz-list-item>
50     </ng-template>
51   </nz-list>
52
53   <div>
54     <nz-list class="taskmodel_list" nzBordered [nzHeader]="'匹配共享切片实例:'" [nzFooter]="null">
55       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
56         <div nz-col nzSpan="12">
57           切片实例 ID:
58           <nz-select nzShowSearch [(ngModel)]="selectedServiceId" (ngModelChange)="slicingInstanceChange()"
59             (nzOpenChange)="getSlicingData($event)">
60             <nz-option *ngFor="let item of slicingInstances" [nzValue]="item.service_instance_id"
61               [nzLabel]="item.service_instance_id"></nz-option>
62           </nz-select>
63         </div>
64         <div nz-col nzSpan="8">
65           切片实例名称:{{ selectedServiceName }}
66         </div>
67         <div nz-col nzSpan="4">
68           <button nz-button nzType="primary" (click)="resetSlicingInstance()">
69             <i nz-icon class="anticon anticon-delete"></i>
70           </button>
71         </div>
72       </nz-list-item>
73       <nz-list-item nz-row nzType="flex" nzJustify="start" [nzGutter]="8">
74         <p class="listitem_subtitle" nz-col nzSpan="24">匹配的共享切片子网实例:</p>
75         <nz-card *ngFor="let item of slicingSubnet" nzType="inner" nz-col nzSpan="24" [nzTitle]="item.title">
76           <div nz-row [nzGutter]="8">
77             <div nz-col nzSpan="12">
78               切片子网实例 ID:
79               <nz-select nzShowSearch [(ngModel)]="item.slicingId" (ngModelChange)="slicingSubnetChange(item)"
80                 (nzOpenChange)="getSubnetInstances($event, item)" [nzDisabled]="isDisabled">
81                 <nz-option *ngFor="let item of item.instances" [nzValue]="item.service_instance_id"
82                   [nzLabel]="item.service_instance_id"></nz-option>
83               </nz-select>
84             </div>
85             <div nz-col nzSpan="8">
86               切片子网实例名称:{{item.slicingName}}
87             </div>
88             <div nz-col nzSpan="4">
89               <button nz-button nzType="primary" (click)="restSubnetInstance(item)" [disabled]='isDisabled'
90                 [attr.disabled]='isDisabled?true:undefined'>
91                 <i nz-icon class="anticon anticon-delete"></i>
92               </button>
93               <button nz-button nzType="primary" (click)="showParamsModel(item)">
94                 <i nz-icon class="anticon anticon-setting" nzTheme="outline"></i>
95               </button>
96             </div>
97           </div>
98         </nz-card>
99       </nz-list-item>
100     </nz-list>
101   </div>
102   <app-subnet-params-model [showModel]="isShowParams" [detailData]="params" [title]="paramsTitle"
103     (cancel)="isShowParams=$event"></app-subnet-params-model>
104
105 </nz-modal>