From efb162567502b462b4900a0330dddd60426fb85d Mon Sep 17 00:00:00 2001
From: duorameng <2997944583@qq.com>
Date: Thu, 21 May 2026 15:04:09 +0800
Subject: [PATCH] feat: disable popup dialog when clicking command on execution
 history page

---
 web/src/components/TextOverflow.vue | 12 +++++++++---
 web/src/views/history/History.vue   |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/src/components/TextOverflow.vue b/web/src/components/TextOverflow.vue
index 0087002..317eb03 100644
--- a/web/src/components/TextOverflow.vue
+++ b/web/src/components/TextOverflow.vue
@@ -6,15 +6,18 @@ const props = withDefaults(
   defineProps<{
     text: string
     title?: string
+    disableDialog?: boolean
   }>(),
   {
-    title: '详情'
+    title: '详情',
+    disableDialog: false
   }
 )
 
 const showDialog = ref(false)
 
 function handleClick() {
+  if (props.disableDialog) return
   if (props.text && props.text !== '-') {
     showDialog.value = true
   }
@@ -22,8 +25,11 @@ function handleClick() {
 </script>
 
 <template>
-  <span v-bind="$attrs" class="truncate block cursor-pointer hover:text-primary transition-colors" :title="text || '-'"
-    @click.stop="handleClick">
+  <span v-bind="$attrs" 
+    class="truncate block transition-colors" 
+    :class="[!disableDialog ? 'cursor-pointer hover:text-primary' : '']"
+    :title="text || '-'"
+    @click="e => { if (!disableDialog) { e.stopPropagation(); handleClick(); } }">
     {{ text || '-' }}
   </span>
 
diff --git a/web/src/views/history/History.vue b/web/src/views/history/History.vue
index 91d7b80..53a9717 100644
--- a/web/src/views/history/History.vue
+++ b/web/src/views/history/History.vue
@@ -462,7 +462,7 @@ watch(() => route.query, (newQuery) => {
               </span>
               <span class="w-36 shrink-0 font-medium truncate text-sm">{{ log.task_name }}</span>
               <code class="flex-1 min-w-0 text-muted-foreground truncate text-xs bg-muted/40 px-2 py-1 rounded">
-                <TextOverflow :text="log.command" title="执行命令" />
+                <TextOverflow :text="log.command" title="执行命令" disable-dialog />
               </code>
               <span class="w-12 flex justify-center shrink-0">
                 <div v-if="log.status === TASK_STATUS.SUCCESS"