From 4f65ad4e4b660163c14ac36a785d0c65bfbaffd2 Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Thu, 21 Jul 2022 17:05:51 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20agent=E6=8F=90=E7=A4=BA=E6=A1=86?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9(=E5=85=A8=E8=8B=B1=E6=96=87)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/alert/alertStateInfo.vue   | 16 ++++++++--------
 .../components/common/project/popData/Info.vue   |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/nezha-fronted/src/components/common/alert/alertStateInfo.vue b/nezha-fronted/src/components/common/alert/alertStateInfo.vue
index b2ac04935..9148eecb0 100644
--- a/nezha-fronted/src/components/common/alert/alertStateInfo.vue
+++ b/nezha-fronted/src/components/common/alert/alertStateInfo.vue
@@ -10,7 +10,7 @@
       <!-- title -->
       <div class="alert-label-header-title">
         <span>
-            {{$t('overall.version')}} :
+            Version :
         </span>
         <span class="alert-label-header-text">
             {{ that && that.version ? that.version : "--" }}
@@ -19,27 +19,27 @@
       <!-- body -->
       <div class="alert-label-box">
         <span :class="that.auth ? 'green-bg' : 'red-bg'" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('overall.auth')}}</span>
+        <span class="alert-label-value">Auth</span>
       </div>
        <div class="alert-label-box" v-if="that.prometheus">
         <span :class="{'green-bg': that.prometheus == 'UP','red-bg': that.prometheus == 'DOWN'}" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('dashboard.overview.mapTooltip.prometheus')}}</span>
+        <span class="alert-label-value">Prometheus</span>
       </div>
        <div class="alert-label-box" v-if="that.cortex">
         <span :class="{'green-bg': that.cortex == 'UP','red-bg': that.cortex == 'DOWN', 'gray-bg': that.cortex == 'UNAVAILABLE'}" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('overall.cortex')}}</span>
+        <span class="alert-label-value">Cortex</span>
       </div>
        <div class="alert-label-box" v-if="that.loki">
         <span :class="{'green-bg': that.loki == 'UP','red-bg': that.loki == 'DOWN','gray-bg': that.loki == 'UNAVAILABLE'}" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('overall.loki')}}</span>
+        <span class="alert-label-value">Loki</span>
       </div>
       <div class="alert-label-box" v-if="that.snmp_exporter">
         <span :class="{'green-bg': that.snmp_exporter == 'UP','red-bg': that.snmp_exporter == 'DOWN'}" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('overall.snmp_exporter')}}</span>
+        <span class="alert-label-value">SNMP exporter</span>
       </div>
       <div class="alert-label-box" v-if="that.blackbox_exporter">
         <span :class="{'green-bg': that.blackbox_exporter == 'UP','red-bg': that.blackbox_exporter == 'DOWN'}" class="active-icon"></span>
-        <span class="alert-label-value">{{$t('overall.blackbox_exporter')}}</span>
+        <span class="alert-label-value">Blackbox exporter</span>
       </div>
   </div>
   </div>
@@ -124,7 +124,7 @@ export default {
           delete labelPosition.left
 
           labelPosition.right =
-            clientWidth - position.left - leftOffSetView - position.width * 3.5 + 'px'
+            clientWidth - position.left - leftOffSetView - position.width * 4 + 'px'
         }
         return labelPosition
       }
diff --git a/nezha-fronted/src/components/common/project/popData/Info.vue b/nezha-fronted/src/components/common/project/popData/Info.vue
index 6c9f981c3..5c2a24eaa 100644
--- a/nezha-fronted/src/components/common/project/popData/Info.vue
+++ b/nezha-fronted/src/components/common/project/popData/Info.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="info-content pop-data-info-content" v-if="showInfo">
-    <div class="info-box"v-my-loading="loading">
+    <div class="info-box" v-my-loading="loading">
       <div class="info-box-title">{{$t('overall.module')}} {{$t('project.topo.icon.info')}}</div>
       <div class="info-box-content">
         <div class="content-box">