From f0525bf0c8023f8c663fb0b18a5fc207d07a8932 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 14:39:10 +0800
Subject: [PATCH] Add  resfresh transaction and branchs info in detail dialog.

---
 admin/src/components.d.ts                     |  2 ++
 .../_Components/DialogTransactionDetail.vue   | 21 +++++++++++++++----
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/admin/src/components.d.ts b/admin/src/components.d.ts
index 9344e27..434e8d0 100644
--- a/admin/src/components.d.ts
+++ b/admin/src/components.d.ts
@@ -9,6 +9,8 @@ declare module '@vue/runtime-core' {
     ABreadcrumb: typeof import('ant-design-vue/es')['Breadcrumb']
     ABreadcrumbItem: typeof import('ant-design-vue/es')['BreadcrumbItem']
     AButton: typeof import('ant-design-vue/es')['Button']
+    ADescriptions: typeof import('ant-design-vue/es')['Descriptions']
+    ADescriptionsItem: typeof import('ant-design-vue/es')['DescriptionsItem']
     ADivider: typeof import('ant-design-vue/es')['Divider']
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
diff --git a/admin/src/views/Dashboard/GlobalTransactions/_Components/DialogTransactionDetail.vue b/admin/src/views/Dashboard/GlobalTransactions/_Components/DialogTransactionDetail.vue
index 972d837..9ccfe40 100644
--- a/admin/src/views/Dashboard/GlobalTransactions/_Components/DialogTransactionDetail.vue
+++ b/admin/src/views/Dashboard/GlobalTransactions/_Components/DialogTransactionDetail.vue
@@ -3,10 +3,11 @@
         <a-modal v-model:visible="visible" title="Transaction Detail" width="100%" wrap-class-name="full-modal">
             <template #footer>
                 <a-button type="primary" @click="close">Close</a-button>
-            </template> 
-            <h2>Transaction Info</h2>           
+            </template>            
+            <h2>Transaction Info</h2> 
+            <a-button type="primary" @click="refresh" :loading="loading" >Refresh</a-button>      
             <a-descriptions bordered size="small" :column="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }">
-                <a-descriptions-item label="Status">                    
+                <a-descriptions-item label="Status">                          
                     <a-tag :color="transaction?.status === 'succeed' ? 'green' : 'volcano'">{{ transaction?.status }}</a-tag>
                 </a-descriptions-item>
                 <a-descriptions-item label="Id">{{ transaction?.id }}</a-descriptions-item>
@@ -39,21 +40,33 @@ import screenfull from '/@/components/Screenfull/index.vue'
 // import VueJsonPretty from 'vue-json-pretty';
 // import 'vue-json-pretty/lib/styles.css'
 
+const loading = ref(false)
 const dataSource = ref<Branches[]>([])
 const transaction = ref<Transaction>()
 const visible = ref(false)
 const textVal = ref('')
 
+
+
+let _gid = '';
+
 const open = async(gid: string) => {
+    _gid = gid;
+    loading.value = true;
     const d = await getTransaction<Data>({ gid: gid })
     dataSource.value = d.data.branches
     transaction.value = d.data.transaction
     textVal.value = JSON.stringify(d.data, null, 2)
     visible.value = true
+    loading.value = false;
 }
 
 const close = async() => {    
-    visible.value = false;
+    open(_gid);
+}
+
+const refresh =  async() => {    
+    open(_gid);
 }
 
 const columns = [