diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
index 175a4398e..30d9f33e0 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
@@ -33,8 +33,8 @@
           >
           </my-date-picker><button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append"><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: 24px;">
-            <button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph">
+          <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">
               <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
             </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>
@@ -57,6 +57,7 @@
           :hideSameLabels="hideSameLabels"
           :queryExpression="queryExpression"
           @changSelection="changSelectionF"
+          @selectedEndpointsChange="selectedEndpointsChange"
         />
       </template>
 <!--      <template v-slot:pagination>-->
@@ -201,6 +202,9 @@ export default {
     changSelectionF (arr) {
       this.changSelection = arr
     },
+    selectedEndpointsChange (n) {
+      this.selectedEndpoints = n
+    },
     toTop (wrap) {
       let currentTop = wrap.scrollTop
       const interval = currentTop / 10
@@ -221,4 +225,9 @@ export default {
     width: 100%;
     height: 100%;
   }
+  .control-icon-unchecked {
+    color: #bcbec2;
+    cursor: not-allowed;
+    background-color: #f4f4f5;
+  }
 </style>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
index 1aa384a3f..0bf1f33c3 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
@@ -9,6 +9,10 @@
 .project-calendar{
   margin-top: 2px;
 }
+  .control-icon-unchecked {
+    color: #999999;
+    cursor: not-allowed;
+  }
 </style>
 <style>
   .endpoint-dialog .el-dialog__body{
diff --git a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
index 79d97dd9c..7893873fb 100644
--- a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
@@ -123,6 +123,15 @@ export default {
       setTimeout(function () {
         temp.queryEndpoint()
       }, 100)
+    },
+    batchDeleteObjs: {
+      immediate: true,
+      deep: true,
+      handler (n) {
+        if (n) {
+        this.$emit('selectedEndpointsChange', n)
+        }
+      }
     }
   },
   data () {