diff --git a/core/core-frontend/src/custom-component/v-query/Flat.vue b/core/core-frontend/src/custom-component/v-query/Flat.vue
index a633c2c9a9..0ad52ba271 100644
--- a/core/core-frontend/src/custom-component/v-query/Flat.vue
+++ b/core/core-frontend/src/custom-component/v-query/Flat.vue
@@ -7,6 +7,10 @@ const props = defineProps({
     type: Array,
     default: () => []
   },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
   activeItems: {
     type: Array,
     default: () => []
@@ -40,12 +44,13 @@ const btnColor = computed(() => {
 
 const emits = defineEmits(['handleItemClick'])
 const handleItemClick = (item: any) => {
+  if (props.disabled) return
   emits('handleItemClick', item.value)
 }
 </script>
 
 <template>
-  <div :style="customSelectStyle" class="flat-select">
+  <div :style="customSelectStyle" class="flat-select" :class="disabled && 'disabled-flat'">
     <el-scrollbar>
       <div class="scrollbar-flex-content">
         <p
@@ -92,5 +97,14 @@ const handleItemClick = (item: any) => {
       }
     }
   }
+
+  &.disabled-flat {
+    .select-item {
+      cursor: not-allowed;
+      &.active-select::after {
+        background-color: #eff0f1 !important;
+      }
+    }
+  }
 }
 </style>