diff --git a/apps/dfs/src/views/Layout.vue b/apps/dfs/src/views/Layout.vue
index f3c0c2ab08..c93cd0abf3 100644
--- a/apps/dfs/src/views/Layout.vue
+++ b/apps/dfs/src/views/Layout.vue
@@ -38,6 +38,11 @@
             </template>
           </ElMenuItem>
         </template>
+        <ElMenuItem v-if="isDemoEnv" key="体验demo" index="goDemo" class="flex align-center border-top">
+          <span class="mr-4"><VIcon class="v-icon" size="17">deploy</VIcon></span>
+          <span class="flex-fill text-decoration-underline">体验demo</span>
+          <VIcon class="v-icon" size="14">link</VIcon>
+        </ElMenuItem>
       </ElMenu>
     </ElAside>
     <ElContainer direction="vertical" class="layout-main position-relative">
@@ -137,7 +142,8 @@ export default {
       agentGuideDialog: false,
       showAgentWarning: false,
       userInfo: '',
-      aliyunMaketVisible: false
+      aliyunMaketVisible: false,
+      isDemoEnv: document.domain === 'demo.cloud.tapdata.net'
     }
   },
   created() {
@@ -225,6 +231,10 @@ export default {
       this.dialogVisible = true
     },
     menuTrigger(path) {
+      if (['goDemo'].includes(path)) {
+        this.goDemo()
+        return
+      }
       if (this.$route.path === path) {
         return
       }
@@ -370,6 +380,11 @@ export default {
           data: expired
         }
       }
+    },
+
+    goDemo() {
+      buried('agentGuideDemo')
+      window.open('https://demo.cloud.tapdata.net/console/v3/')
     }
   }
 }
diff --git a/packages/business/src/views/task/List.vue b/packages/business/src/views/task/List.vue
index aed783f224..c867775253 100644
--- a/packages/business/src/views/task/List.vue
+++ b/packages/business/src/views/task/List.vue
@@ -46,12 +46,18 @@
             <i class="el-icon-arrow-down el-icon--right"></i>
           </el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="start" v-readonlybtn="'SYNC_job_operation'">{{
-              $t('packages_business_dataFlow_bulkScheuled')
-            }}</el-dropdown-item>
-            <el-dropdown-item command="stop" v-readonlybtn="'SYNC_job_operation'">{{
-              $t('packages_business_dataFlow_bulkStopping')
-            }}</el-dropdown-item>
+            <el-dropdown-item
+              command="start"
+              v-readonlybtn="'SYNC_job_operation'"
+              :disabled="$disabledReadonlyUserBtn()"
+              >{{ $t('packages_business_dataFlow_bulkScheuled') }}</el-dropdown-item
+            >
+            <el-dropdown-item
+              command="stop"
+              v-readonlybtn="'SYNC_job_operation'"
+              :disabled="$disabledReadonlyUserBtn()"
+              >{{ $t('packages_business_dataFlow_bulkStopping') }}</el-dropdown-item
+            >
             <el-dropdown-item
               command="initialize"
               v-readonlybtn="'SYNC_job_operation'"
@@ -154,7 +160,7 @@
               v-if="row.btnDisabled.stop && row.btnDisabled.forceStop"
               v-readonlybtn="'SYNC_job_operation'"
               type="primary"
-              :disabled="row.btnDisabled.start"
+              :disabled="row.btnDisabled.start || $disabledReadonlyUserBtn()"
               @click="start([row.id])"
             >
               {{ $t('public_button_start') }}
@@ -164,7 +170,7 @@
                 v-if="row.status === 'stopping'"
                 v-readonlybtn="'SYNC_job_operation'"
                 type="primary"
-                :disabled="row.btnDisabled.forceStop"
+                :disabled="row.btnDisabled.forceStop || $disabledReadonlyUserBtn()"
                 @click="forceStop([row.id], row)"
               >
                 {{ $t('public_button_force_stop') }}
@@ -173,7 +179,7 @@
                 v-else
                 v-readonlybtn="'SYNC_job_operation'"
                 type="primary"
-                :disabled="row.btnDisabled.stop"
+                :disabled="row.btnDisabled.stop || $disabledReadonlyUserBtn()"
                 @click="stop([row.id], row)"
               >
                 {{ $t('public_button_stop') }}