diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitWebHookTrigger.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitWebHookTrigger.vue
index 0760e65d71c..9c76003df00 100755
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitWebHookTrigger.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitWebHookTrigger.vue
@@ -26,6 +26,7 @@
                         :handle-change="key === 'eventType' ? handleBlockEnable : handleMethods"
                         :value="element[key]"
                         :element="element"
+                        :disabled="disabled"
                         v-bind="obj">
                     </component>
                 </form-field>
diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitlabWebHookTrigger.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitlabWebHookTrigger.vue
index 1176eb396a6..5e2c21f8651 100644
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitlabWebHookTrigger.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeGitlabWebHookTrigger.vue
@@ -11,6 +11,7 @@
                                 v-validate.initial="Object.assign({}, { max: getMaxLengthByType(i.component) }, i.rule, { required: !!i.required })"
                                 :handle-change="i.key === 'eventType' ? handleBlockEnable : handleMethods"
                                 :value="element[i.key] || atomPropsModel[key]?.children[index]?.default"
+                                :disabled="disabled"
                                 v-bind="i">
                             </component>
                         </form-field>
@@ -26,6 +27,7 @@
                         :handle-change="key === 'eventType' ? handleBlockEnable : handleMethods"
                         :value="element[key]"
                         :element="element"
+                        :disabled="disabled"
                         v-bind="obj">
                     </component>
                 </form-field>
diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeSvnWebHookTrigger.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeSvnWebHookTrigger.vue
index 00105ed6e72..d9dc443fccc 100755
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeSvnWebHookTrigger.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/CodeSvnWebHookTrigger.vue
@@ -11,6 +11,7 @@
                                 v-validate.initial="Object.assign({}, { max: getMaxLengthByType(i.component) }, i.rule, { required: !!i.required })"
                                 :handle-change="handleMethods"
                                 :value="element[i.key] || atomPropsModel[key]?.children[index]?.default"
+                                :disabled="disabled"
                                 v-bind="i">
                             </component>
                         </form-field>
@@ -26,6 +27,7 @@
                         :handle-change="handleMethods"
                         :value="element[key]"
                         :element="element"
+                        :disabled="disabled"
                         v-bind="obj">
                     </component>
                 </form-field>
diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/TimerTrigger.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/TimerTrigger.vue
index 509c06d35d6..e1c70ccf186 100755
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/TimerTrigger.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/TimerTrigger.vue
@@ -19,7 +19,7 @@
             </header>
             <div slot="content" class="cron-build-tab">
                 <form-field :required="false" :label="$t('editPage.planRule')" :is-error="errors.has('advanceExpression')" :error-msg="errors.first('advanceExpression')">
-                    <vuex-textarea name="advanceExpression" :handle-change="handleUpdateElement" :value="advanceValue" :placeholder="$t('editPage.crontabExpression')" v-validate.initial="{ 'required': advance }"></vuex-textarea>
+                    <vuex-textarea name="advanceExpression" :handle-change="handleUpdateElement" :value="advanceValue" :placeholder="$t('editPage.crontabExpression')" v-validate.initial="{ 'required': advance }" :disabled="disabled"></vuex-textarea>
                 </form-field>
             </div>
         </accordion>
diff --git a/src/frontend/devops-pipeline/src/components/atomFormField/ConditionalInputSelector/index.vue b/src/frontend/devops-pipeline/src/components/atomFormField/ConditionalInputSelector/index.vue
index 6824cd0733d..2539a0e4276 100644
--- a/src/frontend/devops-pipeline/src/components/atomFormField/ConditionalInputSelector/index.vue
+++ b/src/frontend/devops-pipeline/src/components/atomFormField/ConditionalInputSelector/index.vue
@@ -25,6 +25,7 @@
             v-validate.initial="Object.assign({}, { required: !!curComponent.required })"
             :handle-change="handleChange"
             :value="element[curComponent.key]"
+            :disabled="disabled"
             v-bind="curComponent">
         </component>
     </div>
diff --git a/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue b/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
index 2a9ba760e5a..f8391f6242a 100755
--- a/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
+++ b/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
@@ -28,9 +28,9 @@
             }
         },
         render (h) {
-            const { value, readOnly, handleInput, name, handleBlur, title, clickUnfold, hoverUnfold, placeholder } = this
+            const { value, readOnly, handleInput, name, handleBlur, title, clickUnfold, hoverUnfold, placeholder, disabled } = this
             return (
-                <textarea placeholder={placeholder} title={title} onBlur={handleBlur} onInput={handleInput} class={['bk-form-textarea pointer-events-auto', clickUnfold ? 'textarea-styles' : '', hoverUnfold && readOnly ? 'hover-textarea-styles' : '']} name={name} disabled={readOnly} value={value} />
+                <textarea placeholder={placeholder} title={title} onBlur={handleBlur} onInput={handleInput} class={['bk-form-textarea pointer-events-auto', clickUnfold ? 'textarea-styles' : '', hoverUnfold && readOnly ? 'hover-textarea-styles' : '']} name={name} disabled={readOnly || disabled} value={value} />
             )
         }
     }