update

src/main/webapp/app/alarm/now-alarm/now-alarm.component.html

@@ -22,14 +22,13 @@
     <div nz-col nzSpan="16">
         <span>当前告警数：
          <i *ngIf="!alarmTotal && alarmTotal !=0" class="anticon anticon-spin anticon-loading"
-            style="font-size: 15px;"></i>
-            {{alarmTotal}}
+            style="font-size: 15px;"></i>{{alarmTotal}}
         </span>
     </div>
 </div>
 <div class="tag-warn tag-form handle">
     <ng-container *ngFor="let item of warnCountList">
-        <span (click)="search(item.hostid)">
+        <span [ngClass]="{'select-border': selectHostId == item.hostid}" (click)="search(item.hostid)">
             <nz-tag *ngIf="item.level == 4 || item.level == 5" [nzColor]="color.red"></nz-tag>
             <nz-tag *ngIf="item.level == 2 || item.level == 3" [nzColor]="color.yellow"></nz-tag>
             {{item.name}}({{item.size}})

src/main/webapp/app/alarm/now-alarm/now-alarm.component.ts

@@ -25,6 +25,12 @@ import {OverAllService} from '../../overAll/overAll.service';
             :host ::ng-deep .tag-warn .ant-tag{
                 margin-right: 0px;
             }
+            .tag-warn span.select-border{
+                border: 1px solid #6097b7;
+                border-radius: 5px;
+                padding: 2px;
+                margin-right: 5px;
+            }
         `
     ]
 })
@@ -41,6 +47,8 @@ export class NowAlarmComponent implements OnInit, OnDestroy {
     totalNum;
     time_;
 
+    selectHostId;
+
     constructor(public alarmSer: AlarmService, public message: NzMessageService,
                 public overAllSer:OverAllService) {
     }
@@ -58,6 +66,7 @@ export class NowAlarmComponent implements OnInit, OnDestroy {
     }
 
     search(hostid){
+        this.selectHostId = hostid;
         const obj = {
             isWaring:'yes',
             hostid:hostid,