From a95591ca7375daad98cafdfa9ea9aa0f5c820b02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E4=BA=91=E9=87=91YunjinXu?= <xuyunjin@foxmail.com>
Date: Wed, 7 Jun 2023 16:52:03 +0800
Subject: [PATCH] Add force stop transaction confirm dialog.

---
 .../GlobalTransactions/AllTransactions.vue    | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue b/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
index a02dbdc..de55a3b 100644
--- a/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
+++ b/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
@@ -33,12 +33,19 @@
                 <template v-else-if="column.key === 'action'">
                     <span>
                         <a class="mr-2 font-medium" @click="handleTransactionDetail(record.gid)">Detail</a>
-                        <a-button
-                            danger
-                            type="link"
-                            :disabled="record.status==='failed' || record.status==='succeed'"
-                            @click="handleTransactionStop(record.gid)"
-                        >ForceStop</a-button>
+                        <a-popconfirm
+                            title="Force stop it?"
+                            ok-text="Yes, stop it"
+                            ok-type="danger"
+                            cancel-text="No"
+                            @confirm="handleTransactionStop(record.gid)"                            
+                        >
+                            <a-button
+                                danger
+                                type="link"
+                                :disabled="record.status==='failed' || record.status==='succeed'"                                
+                            >ForceStop</a-button>
+                        </a-popconfirm>                        
                         <!-- <a class="font-medium text-red-400"  @click="handleTransactionStop(record.gid)">ForceStop</a> -->
                     </span>
                 </template>