From bfc56509586696ddbada0136f4f990b553c88dbe Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 23 Oct 2025 18:37:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=8E=86=E5=8F=B2=E6=8F=90=E7=8E=B0?=
 =?UTF-8?q?=E9=A1=B5):=20=E5=AF=B9=E6=8E=A5=E8=8E=B7=E5=8F=96=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E7=9A=84=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/lottery.js                   | 12 +++++++++
 src/views/Wallet/CashOut/Details.vue | 38 ++++++++++++++++++++--------
 2 files changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/api/lottery.js b/src/api/lottery.js
index e737c6a..1f4fd67 100644
--- a/src/api/lottery.js
+++ b/src/api/lottery.js
@@ -128,3 +128,15 @@ export const withdrawableAmount = async () => {
     throw error
   }
 }
+
+// 查询提现记录
+export const withdrawRecords = async () => {
+  try {
+    const response = await get(`/activity/lottery/withdraw/records`)
+    return response
+  } catch (error) {
+    console.error('Failed to fetch get my withdraw records:', error)
+    console.error('error:' + error.response.errorMsg)
+    throw error
+  }
+}
diff --git a/src/views/Wallet/CashOut/Details.vue b/src/views/Wallet/CashOut/Details.vue
index 9b72334..f18f08c 100644
--- a/src/views/Wallet/CashOut/Details.vue
+++ b/src/views/Wallet/CashOut/Details.vue
@@ -9,7 +9,7 @@
 
     <div style="padding: 16px; display: flex; flex-direction: column; gap: 12px">
       <div
-        v-for="item in history"
+        v-for="record in records"
         style="
           padding: 12px;
           border-radius: 12px;
@@ -22,10 +22,12 @@
       >
         <div style="display: flex; justify-content: space-between; align-items: center">
           <div style="font-weight: 600">Cash out</div>
-          <div style="font-weight: 600">${{ item.Amount }}</div>
+          <div style="font-weight: 600">${{ record.amount }}</div>
         </div>
         <div style="display: flex; justify-content: space-between; align-items: center">
-          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500">{{ item.date }}</div>
+          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500">
+            {{ formatUTCCustom(record.createTime) }}
+          </div>
           <div
             style="
               font-weight: 510;
@@ -35,14 +37,14 @@
             "
             :style="{
               backgroundImage:
-                item.status == 0
+                record.status == 0
                   ? 'linear-gradient(248deg, #759cff 5.66%, #3d73ff 42.49%)'
-                  : item.status == 1
+                  : record.status == 1
                   ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
                   : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
             }"
           >
-            {{ showStatus(item) }}
+            {{ showStatus(record) }}
           </div>
         </div>
       </div>
@@ -53,12 +55,12 @@
 <script setup>
 import GeneralHeader from '@/components/GeneralHeader.vue'
 import { ref, onMounted, watch, computed } from 'vue'
+import { formatUTCCustom } from '@/utils/utcFormat.js'
+import {
+  withdrawRecords, //获取可提现金额
+} from '@/api/lottery'
 
-const history = ref([
-  { date: '21/10/2025 17:56', Amount: '10', status: 0 },
-  { date: '21/10/2025 17:56', Amount: '20', status: 1 },
-  { date: '21/10/2025 17:56', Amount: '10', status: 2 },
-])
+const records = ref([])
 
 const showStatus = (item) => {
   if (item.status == 0) {
@@ -69,6 +71,20 @@ const showStatus = (item) => {
     return 'Rejection'
   }
 }
+
+//获取提现记录
+const getRecords = async () => {
+  const resRecords = await withdrawRecords()
+  if (resRecords.status && resRecords.body) {
+    records.value = resRecords.body.records
+  } else {
+    records.value = []
+  }
+}
+
+onMounted(() => {
+  getRecords() //获取提现记录
+})
 </script>
 
 <style lang="scss" scoped>