From d2ac020b50b76c804cc0bcc27a2dfdff5417ad91 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Sat, 21 Nov 2020 12:33:26 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9Aasset=20=E6=98=BE=E7=A4=BAtooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/page/asset/asset.vue       | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index 663c50542..417632e20 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -88,33 +88,32 @@
               <span v-if="scope.row.state==3">{{ $t('asset.suspended')}}</span>
             </div>
           <div v-if="item.prop == 'pingStatus'">
-            <!--<el-popover-->
-              <!--placement="right"-->
-              <!--width="200"-->
-              <!--trigger="hover"-->
-              <!--:content="formatPingTime(scope.row.pingLastUpdate)">-->
-              <!--<div slot="reference" style="width: 20px">-->
-                <!--<div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>-->
-              <!--</div>-->
-            <!--</el-popover>-->
-            <div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>
+            <el-popover
+              placement="right"
+              width="200"
+              trigger="hover"
+              :content="formatPingTime(scope.row.pingLastUpdate)">
+              <div slot="reference" style="width: 100%">
+                <div :class="{'active-icon green':scope.row.pingState == 1,'active-icon red':scope.row.pingState == 0}"></div><span>{{scope.row.pingRtt?scope.row.pingRtt+'ms':''}}</span>
+              </div>
+            </el-popover>
           </div>
           <template v-if="item.prop=='Module'">
-            <!--<el-tooltip placement="right" effect="light">-->
-              <!--<div slot="content">-->
-                <!--{{$t('asset.active')}} / {{$t('asset.total')}}-->
-              <!--</div>-->
+            <el-tooltip placement="right" effect="light">
+              <div slot="content">
+                {{$t('asset.active')}} / {{$t('asset.total')}}
+              </div>
               <span class="link" @click="showEndpoint(scope.row)" style="padding: 2px 8px">{{scope.row.endpointNum-scope.row.endpointDownNum}}/{{scope.row.endpointNum}}</span>
-            <!--</el-tooltip>-->
+            </el-tooltip>
           </template>
           <template v-if="item.prop=='Alert'">
-            <!--<el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">-->
+            <el-tooltip :content="scope.row.alertNum+' '+$t('overall.active')" placement="top" effect="light" :disabled=" scope.row.alertNum < 99">
               <span :id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row)" class="link">
                 {{(scope.row.alertNum < 99 ? scope.row.alertNum : 99)}}
                   <sup class="linkSup" v-if="scope.row.alertNum > 99">+</sup>
                 {{' ' + $t('overall.active')}}
               </span>
-            <!--</el-tooltip>-->
+            </el-tooltip>
           </template>
           <div v-if="item.prop=='dataCenter'">
             <span  >{{scope.row.idc.name}}</span>