From c62d53576e4304e73336aaa5e52ec23ce0287d5b Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq>
Date: Tue, 13 May 2025 12:24:18 +0800
Subject: [PATCH] feat: enhance AutoProbeDetailTabTasks with auto-update and
 confirmation dialog

- Integrated setupAutoUpdate to automatically refresh task list.
- Added confirmation dialog before running a task to improve user interaction.
- Simplified onBeforeMount lifecycle hook for better readability and performance.
---
 .../autoprobe/detail/tabs/AutoProbeDetailTabTasks.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/crawlab-ui/src/views/autoprobe/detail/tabs/AutoProbeDetailTabTasks.vue b/frontend/crawlab-ui/src/views/autoprobe/detail/tabs/AutoProbeDetailTabTasks.vue
index 7428bcfa..0e3b3d7d 100644
--- a/frontend/crawlab-ui/src/views/autoprobe/detail/tabs/AutoProbeDetailTabTasks.vue
+++ b/frontend/crawlab-ui/src/views/autoprobe/detail/tabs/AutoProbeDetailTabTasks.vue
@@ -1,6 +1,6 @@
 <script setup lang="tsx">
 import { computed, onBeforeMount, ref } from 'vue';
-import { getDefaultPagination, translate } from '@/utils';
+import { getDefaultPagination, setupAutoUpdate, translate } from '@/utils';
 import useRequest from '@/services/request';
 import { ClNavLink, ClAutoProbeTaskStatus } from '@/components';
 import { useDetail } from '@/layouts';
@@ -188,6 +188,10 @@ const onTablePaginationChange = async (pagination: TablePagination) => {
 };
 
 const onClickRun = async () => {
+  await ElMessageBox.confirm(
+    t('common.messageBox.confirm.run'),
+    t('common.actions.run')
+  );
   try {
     await store.dispatch(`${ns}/runTask`, { id: activeId.value });
     await getTasks(); // Refresh the list after running a task
@@ -197,9 +201,8 @@ const onClickRun = async () => {
   }
 };
 
-onBeforeMount(async () => {
-  await Promise.all([getTasks()]);
-});
+onBeforeMount(getTasks);
+setupAutoUpdate(getTasks);
 
 defineOptions({ name: 'ClAutoProbeDetailTabTasks' });
 </script>