From d9cc0684eb39d81188642df4bcb8835213929bba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E4=BA=91=E9=87=91YunjinXu?= <xuyunjin@foxmail.com>
Date: Tue, 6 Jun 2023 16:10:30 +0800
Subject: [PATCH] Add filter in admin trans page: Status, TransType, CreateTime

---
 .../GlobalTransactions/AllTransactions.vue    | 69 +++++++++++++++----
 1 file changed, 55 insertions(+), 14 deletions(-)

diff --git a/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue b/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
index a02dbdc..fb8787c 100644
--- a/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
+++ b/admin/src/views/Dashboard/GlobalTransactions/AllTransactions.vue
@@ -8,6 +8,41 @@
             <a-form-item>
                 <a-input v-model:value="gid" placeholder="gid" />
             </a-form-item>
+            <a-form-item>
+                <a-select
+                    ref="select"
+                    v-model:value="status"
+                    style="width: 200px"
+                >
+                    <a-select-option value="">-- Status --</a-select-option>
+                    <a-select-option value="prepared">prepared</a-select-option>
+                    <a-select-option value="submitted">submitted</a-select-option>
+                    <a-select-option value="succeed">succeed</a-select-option>
+                    <a-select-option value="failed">failed</a-select-option>
+                    <a-select-option value="aborting">aborting</a-select-option>
+                </a-select>
+            </a-form-item>
+            <a-form-item>
+                <a-select
+                    ref="select"
+                    v-model:value="transType"
+                    style="width: 200px"
+                >
+                    <a-select-option value="">-- Trans Type --</a-select-option>
+                    <a-select-option value="workflow">workflow</a-select-option>
+                    <a-select-option value="saga">saga</a-select-option>     
+                    <a-select-option value="tcc">tcc</a-select-option>       
+                    <a-select-option value="msg">msg</a-select-option>   
+                    <a-select-option value="xa">xa</a-select-option>                    
+                </a-select>
+            </a-form-item>  
+            <a-form-item>
+                <a-range-picker
+                    v-model:value="createTimeRange"
+                    format="YYYY-MM-DD HH:mm:ss"
+                    :placeholder ="['CreateTime Start', 'CreateTime End']"                    
+                />
+            </a-form-item>
             <a-form-item>
                 <a-button
                     type="primary"
@@ -59,11 +94,24 @@ import { usePagination } from 'vue-request'
 import DialogTransactionDetail from './_Components/DialogTransactionDetail.vue'
 
 const gid = ref('')
+const status = ref('')
+const transType = ref('')
+const createTimeRange = ref()
 
 const searchFinish = function() {
-    curPage.value = 1
+    curPage.value = 1    
+    innerSearch('')
+}
+
+
+const innerSearch = function(position: string) {
     const params = {
+        position: position,
         gid: gid.value,
+        status: status.value,
+        transType: transType.value,
+        createTimeStart: createTimeRange.value? createTimeRange.value[0].valueOf(): '',
+        createTimeEnd: createTimeRange.value? createTimeRange.value[1].valueOf(): '',
         limit: pageSize.value
     }
     run(params)
@@ -158,21 +206,16 @@ const dataSource = computed(() => data.value?.data.transactions || [])
 
 const handlePrevPage = () => {
     curPage.value -= 1
-    const params = {
-        limit: pageSize.value,
-        position: pages.value[curPage.value] as string
-    }
-    run(params)
+    let position = pages.value[curPage.value] as string;
+    innerSearch(position);
 }
 
 const handleNextPage = () => {
     curPage.value += 1
     pages.value[curPage.value] = data.value?.data.next_position as string
 
-    run({
-        position: data.value?.data.next_position,
-        limit: pageSize.value
-    })
+    let position = data.value?.data.next_position || '';
+    innerSearch(position);  
 }
 
 const transactionDetail = ref<null | { open: (gid: string) => null }>(null)
@@ -182,10 +225,8 @@ const handleTransactionDetail = (gid: string) => {
 
 const handleTransactionStop = async(gid: string) => {
     await forceStopTransaction(gid)
-    run({
-        position: data.value?.data.next_position,
-        limit: pageSize.value
-    })
+    let position = data.value?.data.next_position || '';
+    innerSearch(position);  
 }
 
 </script>