[web-app] 增加同步按钮

web-app/src/app/routes/monitor/monitor-list/monitor-list.component.html

@@ -12,7 +12,6 @@
   </nz-breadcrumb-item>
 </nz-breadcrumb>
 <nz-divider></nz-divider>
-
 <button nz-button nzType="primary">
   <a routerLink="/monitors/new" [queryParams]="{app: app}">
     <i nz-icon nzType="appstore-add" nzTheme="outline"></i>
@@ -35,6 +34,9 @@
   <i nz-icon nzType="down-circle" nzTheme="outline"></i>
   取消纳管
 </button>
+<button nz-button nzType="primary" (click)="sync()">
+  <i nz-icon nzType="sync" nzTheme="outline"></i>
+</button>
 
 <nz-table #fixedTable [nzData]="monitors"
           [nzPageIndex]="pageIndex" [nzPageSize]="pageSize" [nzTotal]="total"

web-app/src/app/routes/monitor/monitor-list/monitor-list.component.ts

@@ -42,7 +42,12 @@ export class MonitorListComponent implements OnInit {
       });
   }
 
+  sync() {
+    this.loadMonitorTable();
+  }
+
   loadMonitorTable() {
+    this.tableLoading = true;
     let monitorInit$ = this.monitorSvc.getMonitors(this.app, this.pageIndex - 1, this.pageSize)
       .subscribe(message => {
         this.tableLoading = false;