diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 3a75b7d178..59655240de 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -214,6 +214,7 @@ const deepScale = computed(() => scale.value / 100)
           :search-count="searchCount"
           :scale="deepScale"
           :disabled="true"
+          :is-edit="false"
         />
       </div>
     </div>
diff --git a/core/core-frontend/src/custom-component/de-tabs/Component.vue b/core/core-frontend/src/custom-component/de-tabs/Component.vue
index b277f58b20..b06848a8b3 100644
--- a/core/core-frontend/src/custom-component/de-tabs/Component.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/Component.vue
@@ -8,7 +8,7 @@
     <de-custom-tab
       v-model="editableTabsValue"
       @tab-add="addTab"
-      :addable="isEdit"
+      :addable="isEditMode"
       :font-color="fontColor"
       :active-color="activeColor"
       :border-color="noBorderColor"
@@ -25,7 +25,7 @@
         <template #label>
           <span :style="titleStyle(tabItem.name)">{{ tabItem.title }}</span>
           <el-dropdown
-            v-if="dropdownShow"
+            v-if="isEditMode"
             style="line-height: 4 !important"
             trigger="click"
             @command="handleCommand"
@@ -118,7 +118,7 @@ import DeCustomTab from '@/custom-component/de-tabs/DeCustomTab.vue'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 const dvMainStore = dvMainStoreWithOut()
-const { tabMoveInActiveId, bashMatrixInfo } = storeToRefs(dvMainStore)
+const { tabMoveInActiveId, bashMatrixInfo, editMode } = storeToRefs(dvMainStore)
 const tabComponentRef = ref(null)
 
 const props = defineProps({
@@ -168,6 +168,8 @@ const editableTabsValue = ref(null)
 const noBorderColor = ref('none')
 let currentInstance
 
+const isEditMode = computed(() => editMode.value === 'edit' && isEdit.value)
+
 const calcTabLength = () => {
   setTimeout(() => {
     if (element.value.propValue.length > 1) {