Build AngularJs component for usecase-ui

Change-Id: I393f4837fc5f9cbd71448dbf20e1f1781f0656d3
Issue-ID: USECASEUI-154
Signed-off-by: zhangab <zhanganbing@chinamobile.com>

1 files changed, 61 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
new file mode 100644
index 00000000..c42b3ce3
--- /dev/null
+++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
@@ -0,0 +1,61 @@
+import { Component, OnInit, HostBinding } from '@angular/core';
+import { MyhttpService } from '../../myhttp.service';
+import { slideToRight } from '../../animates';
+
+@Component({
+  selector: 'app-onboard-vnf-vm',
+  templateUrl: './onboard-vnf-vm.component.html',
+  styleUrls: ['./onboard-vnf-vm.component.less'],
+  animations: [ slideToRight ]
+})
+export class OnboardVnfVmComponent implements OnInit {
+  @HostBinding('@routerAnimate') routerAnimateState;
+  constructor(private myhttp: MyhttpService) { }
+
+  ngOnInit() {
+    this.getTableData();
+  }
+
+
+  //表格数据
+  tableData = [];
+  pageIndex = 1;
+  pageSize = 10;
+  total = 100;
+  loading = false;
+  sortName = null;
+  sortValue = null;
+  getTableData(){
+    // 查询参数: 当前页码，每页条数，排序方式
+    let paramsObj = {
+      pageIndex:this.pageIndex,
+      pageSize:this.pageSize,
+      nameSort:this.sortValue
+    }
+    this.myhttp.getOnboardTableData(paramsObj)
+      .subscribe((data)=>{
+        console.log(data);
+        this.total = data.body.total;
+        this.tableData = data.body.tableList;
+      },(err)=>{
+        console.log(err);
+      })
+  }
+  sort(sort: { key: string, value: string }): void {
+    console.log(sort);
+    this.sortName = sort.key;
+    this.sortValue = sort.value;
+    this.getTableData();
+  }
+  searchData(reset:boolean = false){
+    console.log(reset)
+    this.getTableData();
+  }
+  updataService(){
+    console.log("updataService!");
+  }
+  deleteService(){
+    console.log("deleteService!");
+  }
+
+}