From 5a3fc45b3e94cc3ff4c4b58e269357be32500aad Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 28 Aug 2023 14:16:17 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3135=20fix:View=20Record=20Rules=E4=B8=AD?=
 =?UTF-8?q?=EF=BC=8C=E6=9C=AA=E9=80=89=E4=B8=ADElement=E6=97=B6=E5=8F=AF?=
 =?UTF-8?q?=E4=BB=A5=E9=80=89=E4=B8=ADShow=20line=20chart=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/bottomBox/tabs/endpointQuery.vue   | 27 +++++++++++--------
 .../bottomBox/tabs/recordRulesQuery.vue       | 27 +++++++++++--------
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
index 8cdec9f66..8136b9d69 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
@@ -39,18 +39,23 @@
             <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append" style="height:32px" :title="$t('overall.increaseTime')"><i class="el-icon-d-arrow-right"></i></button>
           </div>
           <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 28px;">
-            <button class="nz-btn nz-btn-size-normal nz-btn-style-light" :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}" @click="viewGraph" :title="$t('overall.showLineChart')">
-              <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
+            <button class="top-tool-btn"
+                    style="border-right: none;"
+                    :disabled="!selectedEndpoints.length"
+                    :class="selectedEndpoints.length > 0 ? '': 'nz-btn-disabled'"
+                    type="button" @click="viewGraph"
+                    :title="$t('overall.showLineChart')">
+              <i class="nz-icon nz-icon-chart" ></i>
+            </button>
+            <button @click="dropdownHandler(dropdownShow)" class="top-tool-btn margin-r-20" id="browser-go" style="border-radius: 0 2px 2px 0;">
+              <i class="nz-icon nz-icon-arrow-down"></i>
+              <transition name="el-zoom-in-top">
+                <div v-if="dropdownShow" class="recordRules-query-dropdown el-popover" style="right: 40px;top: 40px;">
+                  <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
+                  <el-switch v-model="hideSameLabels" size="small"></el-switch>
+                </div>
+              </transition>
             </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" style="right: 11px;top: 33px;z-index: 1000;">
-                <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
-                <el-switch v-model="hideSameLabels" size="small"></el-switch>
-              </div>
-            </transition>
-          </button>
           </div>
         </div>
       </template>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/recordRulesQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/recordRulesQuery.vue
index 56764a619..d4549a10f 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/recordRulesQuery.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/recordRulesQuery.vue
@@ -36,18 +36,23 @@
             <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append" style="height:32px" :title="$t('overall.increaseTime')"><i class="el-icon-d-arrow-right"></i></button>
           </div>
           <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 28px;">
-            <button class="nz-btn nz-btn-size-normal nz-btn-style-light" :class="{'control-icon-unchecked':selectedrecordRules.length<1,'control-icon-checked':selectedrecordRules.length>0}" @click="viewGraph" :title="$t('overall.showLineChart')">
-              <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedrecordRules.length<1,'control-icon-checked':selectedrecordRules.length>0}"></i>
+            <button class="top-tool-btn"
+                    style="border-right: none;"
+                    :disabled="!selectedrecordRules.length"
+                    :class="selectedrecordRules.length > 0 ? '': 'nz-btn-disabled'"
+                    type="button" @click="viewGraph"
+                    :title="$t('overall.showLineChart')">
+              <i class="nz-icon nz-icon-chart" ></i>
+            </button>
+            <button @click="dropdownHandler(dropdownShow)" class="top-tool-btn margin-r-20" id="browser-go" style="border-radius: 0 2px 2px 0;">
+              <i class="nz-icon nz-icon-arrow-down"></i>
+              <transition name="el-zoom-in-top">
+                <div v-if="dropdownShow" class="recordRules-query-dropdown el-popover" style="right: 40px;top: 40px;">
+                  <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
+                  <el-switch v-model="hideSameLabels" size="small"></el-switch>
+                </div>
+              </transition>
             </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="recordRules-query-dropdown el-popover" style="right: 11px;top: 33px;">
-                <span style="padding-top: 2px">{{$t('project.endpoint.hideSameLabels')}}</span>
-                <el-switch v-model="hideSameLabels" size="small"></el-switch>
-              </div>
-            </transition>
-          </button>
           </div>
         </div>
       </template>