From 062bbaf58f270ffdf078d0e4b4e5b7f824adf388 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 26 Oct 2021 09:40:35 +0800
Subject: [PATCH] =?UTF-8?q?style:=20Metrics=20=E4=BA=8C=E7=BA=A7=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8Box=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/stylus/main.scss           |  1 +
 .../common/bottomBox/tabs/endpointQuery.vue         | 13 +++++--------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index c07c99a67..f817686de 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -402,6 +402,7 @@ li{
   border-radius: 0px !important;
   border: none;
   border-right: 1px solid rgba(162,162,162,0.50) !important;
+  border-bottom: 1px solid rgba(162,162,162,0.50) !important;
 }
 .nz-btn-group .nz-input-group-left input {
   border-radius: 4px 0px 0px 4px !important;
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
index a34689ca7..64a135a31 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
@@ -36,10 +36,10 @@
           <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 24px;">
             <button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph">
               <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
-            </button><button @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go">
+            </button><button @click="dropdownHandler(dropdownShow)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go">
             <i class="nz-icon nz-icon-arrow-down"></i>
             <transition name="el-zoom-in-top">
-              <div v-if="dropdownShow" class="endpoint-query-dropdown el-popover">
+              <div v-if="dropdownShow" class="endpoint-query-dropdown el-popover" style="right: 11px;top: 33px;">
                 <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
                 <el-switch v-model="hideSameLabels" active-color="#ee9d3f" size="small"></el-switch>
               </div>
@@ -119,7 +119,7 @@ export default {
       fromBottom: true,
       selectedEndpoints: [],
       queryExpression: '',
-      dropdownShow: '',
+      dropdownShow: false,
       timeout: null,
       formatTime: '',
       hideSameLabels: true
@@ -192,13 +192,10 @@ export default {
       this.$refs.endpointQueryTab.viewGraph()
     },
     dropdownHandler (show) {
-      if (show) {
-        clearTimeout(this.timeout)
+      if (!show) {
         this.dropdownShow = true
       } else {
-        this.timeout = setTimeout(() => {
-          this.dropdownShow = false
-        }, 700)
+        this.dropdownShow = false
       }
     },
     changSelectionF (arr) {