1 files changed, 35 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
new file mode 100644
index 00000000..0f263c76
--- /dev/null
+++ b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
@@ -0,0 +1,35 @@
+<nz-modal [(nzVisible)]="showModel" nzTitle="Intent Report" (nzOnCancel)="handleCancel()"
+ nzWidth="56%" nzHeight="600px" [nzFooter]="null" class="intent-management-modal">
+<div class="subnet_params_container clearfix">
+  <p>
+    <span class="title" style="margin-right: 30px;">Intent Name: {{intentInfo['intentName']}}</span>
+    <span class="title">ID: {{intentInfo['intentId']}}</span>
+  </p>
+  <div class="intent-table">
+    <p>ReportTime: {{intentInfo['reportTime']}}</p>
+    <nz-table
+      #basicTable [nzData]="reportData"
+      [nzFrontPagination]="false"
+      [nzShowPagination]="false"
+      >
+      <thead>
+        <tr>
+          <th nzWidth="10%">No</th>
+          <th nzWidth="40%">Status </th>
+          <th nzWidth="50%">Reason</th>
+        </tr>
+      </thead>
+      <tbody>
+        <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
+          <tr>
+            <td>{{i+1}}</td>
+            <td>{{ data.fulfillmentStatus }}</td>
+            <td>{{ data.notFulfilledReason }}</td>
+          </tr>
+        </ng-template>
+      </tbody>
+    </nz-table>
+  </div>
+</div>
+
+</nz-modal>
+\ No newline at end of file