From 5fdf486193aaed7ac33a9ac342fee1a8fde58c1c Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Mon, 17 Nov 2025 17:00:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=94=B6=E6=94=AF=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5):=20=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wallet.js                      |   6 +-
 src/views/BDCenter/availableIncome.vue |   4 +-
 src/views/BDCenter/incomeDetails.vue   | 125 ++++++++++---------------
 3 files changed, 52 insertions(+), 83 deletions(-)

diff --git a/src/api/wallet.js b/src/api/wallet.js
index 96577b4..7474bd7 100644
--- a/src/api/wallet.js
+++ b/src/api/wallet.js
@@ -343,12 +343,12 @@ export const withdrawApply = async (data) => {
 }
 
 // 获取提现记录
-export const apiGetCashOutRecords = async () => {
+export const apiGetWithdrawRecords = async () => {
   try {
-    const response = await get(`/activity/lottery/withdraw/records`)
+    const response = await get(`/team/bd/withdraw/details`)
     return response
   } catch (error) {
-    console.error('Failed to fetch get cash out records:', error)
+    console.error('Failed to fetch get all withdraw records:', error)
     console.error('error:' + error.response.errorMsg)
     throw error
   }
diff --git a/src/views/BDCenter/availableIncome.vue b/src/views/BDCenter/availableIncome.vue
index 64344d2..1dee53b 100644
--- a/src/views/BDCenter/availableIncome.vue
+++ b/src/views/BDCenter/availableIncome.vue
@@ -19,10 +19,10 @@
           "
         >
           <div style="font-weight: 600">{{ t('available_salaries') }}</div>
-          <!-- <div style="display: flex; align-items: center" @click="showDetails">
+          <div style="display: flex; align-items: center" @click="showDetails">
             <div style="color: rgba(0, 0, 0, 0.4)">{{ t('details') }}</div>
             <img src="../../assets/icon/arrow.png" alt="" width="16px" class="flipImg" />
-          </div> -->
+          </div>
         </div>
         <div
           style="
diff --git a/src/views/BDCenter/incomeDetails.vue b/src/views/BDCenter/incomeDetails.vue
index dfd0a72..2677dda 100644
--- a/src/views/BDCenter/incomeDetails.vue
+++ b/src/views/BDCenter/incomeDetails.vue
@@ -21,16 +21,16 @@
       >
         <!-- 提现记录 -->
         <div
-          v-if="record.type === 'cashOut'"
+          v-if="record.type === 'CASH_OUT'"
           style="display: flex; flex-direction: column; gap: 4px"
         >
           <div style="display: flex; justify-content: space-between; align-items: center">
             <div style="font-weight: 600">{{ t('cash_out') }}</div>
-            <div style="font-weight: 600">${{ record.amount }}</div>
+            <div style="font-weight: 600">{{ record.amountText }}</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">
-              {{ record.date }}
+              {{ record.timeText }}
             </div>
             <div
               style="
@@ -55,15 +55,17 @@
 
         <!-- 转账记录 -->
         <div
-          v-if="record.type === 'Transfer'"
+          v-if="record.type === 'TRANSFER'"
           style="display: flex; flex-direction: column; gap: 4px"
         >
+          <!-- 标题 -->
           <div style="font-weight: 700">{{ t('transfer') }}</div>
-          <div style="display: flex; justify-content: space-between; align-items: center">
-            <div style="width: 70%; display: flex">
+          <!-- 信息部分 -->
+          <div style="display: flex; justify-content: space-between; align-items: center; gap: 4px">
+            <div style="flex: 1; min-width: 0; display: flex">
               <div style="display: flex; justify-content: center; align-items: center">
                 <img
-                  :src="record.avatar || ''"
+                  :src="record.userInfo?.avatar || ''"
                   alt=""
                   @error="defaultAvatarUrl"
                   style="
@@ -75,40 +77,60 @@
                   "
                 />
               </div>
-              <div style="display: flex; flex-direction: column; justify-content: space-between">
-                <div style="font-weight: 600; font-size: 0.9em">{{ record.name }}</div>
+              <div
+                style="
+                  min-width: 0;
+                  width: calc(100% - 10vw);
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: space-between;
+                "
+              >
+                <div
+                  style="
+                    font-weight: 600;
+                    font-size: 0.9em;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                  "
+                >
+                  {{ record.userInfo?.userNickname }}11111111111111111111111111111111111111111111
+                </div>
                 <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500; font-size: 0.9em">
-                  ID:{{ record.id }}
+                  ID:{{ record.userInfo?.account }}
                 </div>
               </div>
             </div>
 
+            <!-- 金额 -->
             <div style="font-weight: 600; font-size: 0.9em">
               {{ t('plus_coins', { amount: record.amount }) }}
             </div>
           </div>
 
+          <!-- 时间 -->
           <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500; font-size: 0.9em">
-            21/10/2025 17:56
+            {{ record.timeText }}
           </div>
         </div>
 
         <!-- 充值和收入 -->
         <div
           v-if="
-            record.type === 'Exchange Coins' ||
-            record.type === 'BD income' ||
-            record.type === 'BD Leader income'
+            record.type === 'EXCHANGE' ||
+            record.type === 'BD_INCOME' ||
+            record.type === 'BD_LEADER_INCOME'
           "
-          style="display: flex; flex-direction: column; gap: 4px"
+          style="display: flex; justify-content: space-between; align-items: center; gap: 4px"
         >
-          <div style="display: flex; justify-content: space-between; align-items: center">
-            <div style="font-weight: 600">{{ record.type }}</div>
-            <div style="font-weight: 600">-${{ record.amount }}</div>
-          </div>
-          <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500">
-            {{ record.date }}
+          <div style="display: flex; flex-direction: column">
+            <div style="font-weight: 600">{{ record.typeText }}</div>
+            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 500">
+              {{ record.timeText }}
+            </div>
           </div>
+          <div style="font-weight: 600">{{ record.amountText }}</div>
         </div>
       </div>
     </div>
@@ -120,7 +142,7 @@ import { useI18n } from 'vue-i18n'
 import GeneralHeader from '@/components/GeneralHeader.vue'
 import { ref, onMounted } from 'vue'
 import { setDocumentDirection } from '@/locales/i18n'
-import { apiGetCashOutRecords } from '@/api/wallet'
+import { apiGetWithdrawRecords } from '@/api/wallet'
 
 const { t, locale } = useI18n()
 
@@ -128,60 +150,7 @@ const { t, locale } = useI18n()
 locale.value && setDocumentDirection(locale.value)
 
 //  记录数据
-const Records = ref([
-  {
-    id: 1,
-    type: 'cashOut',
-    amount: 10,
-    date: '21/10/2025 17:56',
-    status: 'Under review',
-  },
-  {
-    id: 2,
-    type: 'cashOut',
-    amount: 10,
-    date: '21/10/2025 17:56',
-    status: 'Approved',
-  },
-  {
-    id: 3,
-    type: 'cashOut',
-    amount: 10,
-    date: '21/10/2025 17:56',
-    status: 'Rejection',
-  },
-  {
-    id: 7,
-    type: 'Transfer',
-    avatar: '',
-    name: 'asdfasdfasdfasdsfasfasfasd',
-    id: '1234567890',
-    addStatus: '1',
-    amount: '10000',
-    date: '21/10/2025 17:56',
-  },
-  {
-    id: 4,
-    type: 'Exchange Coins',
-    addStatus: '0',
-    amount: '10',
-    date: '21/10/2025 17:56',
-  },
-  {
-    id: 5,
-    type: 'BD income',
-    addStatus: '1',
-    amount: '10',
-    date: '21/10/2025 17:56',
-  },
-  {
-    id: 6,
-    type: 'BD Leader income',
-    addStatus: '1',
-    amount: '10',
-    date: '21/10/2025 17:56',
-  },
-])
+const Records = ref([])
 
 // 获取状态文本翻译
 const getStatusText = (status) => {
@@ -205,10 +174,10 @@ const defaultAvatarUrl = (e) => {
 
 // 获取提现记录
 const getCashOutRecords = async () => {
-  const resCashOutRecords = await apiGetCashOutRecords()
+  const resCashOutRecords = await apiGetWithdrawRecords()
   console.log('已邀请列表:', resCashOutRecords)
   if (resCashOutRecords.status && resCashOutRecords.body) {
-    // invitedUserList.value = resCashOutRecords.body
+    Records.value = resCashOutRecords.body
   }
 }