1 files changed, 50 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/intent-management/intent-management.component.html b/usecaseui-portal/src/app/views/intent-management/intent-management.component.html
new file mode 100644
index 00000000..7e3a5712
--- /dev/null
+++ b/usecaseui-portal/src/app/views/intent-management/intent-management.component.html
@@ -0,0 +1,50 @@
+<!--
+    Copyright (C) 2022 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+<div class="content">
+  <p class="title">
+    Intent List
+    <button nz-button nzType="primary" class="add" (click)="inputIntentModuleShow()">
+      {{"i18nTextDefine_Create" | translate}} </button>
+  </p>
+  <nz-table
+    #basicTable [nzData]="listOfData"
+    [nzFrontPagination]="false"
+    [nzShowPagination]="false"
+  >
+    <thead>
+      <tr>
+        <th nzWidth="12%">No</th>
+        <th nzWidth="30%">Intent ID</th>
+        <th nzWidth="30%">Intent Name</th>
+        <th nzWidth="18%">{{"i18nTextDefine_Action" | translate}}</th>
+      </tr>
+    </thead>
+    <tbody>
+      <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
+        <tr>
+          <td>{{i+1}}</td>
+          <td>{{ data.intentId }}</td>
+          <td>{{ data.intentName }}</td>
+          <td>
+            <em class="anticon anticon-edit" (click)="editIntentList(data,i)"></em>
+            <em class="anticon anticon-delete" (click)="deleteIntentList(data)"></em>
+          </td>
+        </tr>
+      </ng-template>
+    </tbody>
+  </nz-table>
+</div>
+<app-input-intent-management [showModel]="intentModuleShow" (modalOpreation)="inputIntentModuleClose($event)" [editIntentTableData]="editIntentTableList"></app-input-intent-management>
+\ No newline at end of file