1 files changed, 39 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-management-service/monitor-facps-service/monitor-facps-service.component.html b/usecaseui-portal/src/app/views/fcaps/monitor-management-service/monitor-facps-service/monitor-facps-service.component.html
new file mode 100644
index 00000000..a07f948c
--- /dev/null
+++ b/usecaseui-portal/src/app/views/fcaps/monitor-management-service/monitor-facps-service/monitor-facps-service.component.html
@@ -0,0 +1,39 @@
+<div class="main">
+  <div class="divCls">
+    <table>
+      <tr>
+        <td>
+            <nz-form-label class= "colm-s-1 lblCls" [nzSm]="6" [nzXs]="24" nzRequired nzFor="capacity">FinishedInstance</nz-form-label>
+        </td>
+        <td>
+          <nz-select
+            id="subscriptionType"
+            class= "colm-s-2"
+            [(ngModel)]="instanceId"
+            (ngModelChange)="queryInstancePerformance($event)"
+            nzAllowClear
+          >
+            <nz-option
+              *ngFor="let option of instanceLists"
+              [nzValue]="option.instanceId"
+              [nzLabel]="option.name"
+            ></nz-option>
+          </nz-select>
+        </td>
+      </tr>
+    </table>
+  </div>
+  <div class="flexDiv">
+    <div class="topocontainer">
+      <div
+        id="chartLine"
+        echarts 
+        [initOpts]="initOpts"
+        [options]="lineOption" 
+        [merge]="updateOption"
+        (chartInit)="chartInit($event)">
+          Line Chart
+      </div>
+    </div>
+  </div>
+</div>
+\ No newline at end of file