update

src/main/webapp/app/netTopology/model/line/line.component.html

@@ -3,6 +3,10 @@
   <form  nz-form>
     <nz-tabset>
       <nz-tab nzTitle="进流量">
+        <div class="padding-10">
+          <input (keyup.enter)="getInList()" name="inSearchName" style="width: 200px;" type="text" nz-input [(ngModel)]="inSearchName" placeholder="输入名称">
+          <button (click)="getInList()" nz-button nzType="default"><i class="anticon anticon-search" style="color: #6097b7"></i>搜索</button>
+        </div>
         <nz-table #basicTable1 [nzData]="inList"
                   [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount"
                   (nzCurrentPageDataChange)="incurrentPageDataChange($event)"
@@ -24,6 +28,10 @@
         </nz-table>
       </nz-tab>
       <nz-tab nzTitle="出流量">
+        <div class="padding-10">
+          <input name="outSearchName" (keyup.enter)="getOutList()" style="width: 200px;" type="text" nz-input [(ngModel)]="outSearchName" placeholder="输入名称">
+          <button (click)="getOutList()" nz-button nzType="default"><i class="anticon anticon-search" style="color: #6097b7"></i>搜索</button>
+        </div>
         <nz-table #basicTable2 [nzData]="outList"
                   [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount"
                   (nzCurrentPageDataChange)="outcurrentPageDataChange($event)"

src/main/webapp/app/netTopology/model/line/line.component.ts

@@ -23,9 +23,11 @@ export class LineComponent implements OnInit {
 
     inList;
     inSelect = [];
+    inSearchName;
 
     outList;
     outSelect = [];
+    outSearchName;
 
     constructor(private topologySer: TopologyService, private message: NzMessageService, private localStorage: LocalStorageService,) {
     }
@@ -86,10 +88,11 @@ export class LineComponent implements OnInit {
         this.getInList();
     }
 
+    //查询进口流量
     getInList(){
         const data = {
             hostIds:this.hostIds,
-            search:"",
+            search:this.inSearchName,
             type:"in",
             pageNum:this.inPageNum,
             pageCount:this.inPageCount
@@ -103,10 +106,11 @@ export class LineComponent implements OnInit {
 
     }
 
+    //查询出口流量
     getOutList(){
         const data = {
             hostIds:this.hostIds,
-            search:"",
+            search:this.outSearchName,
             type:"out",
             pageNum:this.outPageNum,
             pageCount:this.outPageCount
@@ -124,6 +128,8 @@ export class LineComponent implements OnInit {
     handleLineCancel() {
         this.inList = [];
         this.outList = [];
+        this.inSearchName = null;
+        this.outSearchName = null;
         this.isLine = false;
         localStorage.setItem("line",'false');
     }
@@ -131,6 +137,8 @@ export class LineComponent implements OnInit {
     handleLineOk() {
         this.inList = [];
         this.outList = [];
+        this.inSearchName = null;
+        this.outSearchName = null;
         this.isLine = false;
         editor.utils.setLink(this.inSelect,this.outSelect);
         localStorage.setItem("line",'false');

src/main/webapp/app/netTopology/ne-topology/ne-topology.component.html

@@ -63,7 +63,7 @@
     <div class="container">
         <div class="layui-row">
             <div class="layui-col-md12">
-                <nz-spin [nzSpinning]="isLoading">
+                <!--<nz-spin [nzSpinning]="isLoading">-->
                     <div #topologyBody id="topology-body"  class="topology-context">
                         <!-- 鼠标悬浮显示节点信息 -->
                         <div class="node-infobox" style="display: none;">
@@ -79,7 +79,7 @@
                             </p>
                         </div>
                     </div>
-                </nz-spin>
+                <!--</nz-spin>-->
             </div>
         </div>
     </div>