From f60c2c14a30dc0ba124788e67fd8fdaad32b65dc Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 16 Apr 2026 12:26:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=B8=BB=E6=92=AD=E3=80=81=E4=BB=A3?=
 =?UTF-8?q?=E7=90=86=E7=9A=84=E6=8F=90=E7=8E=B0=E6=98=8E=E7=BB=86=E9=A1=B5?=
 =?UTF-8?q?):=20=E9=92=88=E5=AF=B9=E6=8F=90=E7=8E=B0=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Wallet/Detail/InformationDetails.vue      | 56 +++++++++++++++----
 1 file changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/views/Wallet/Detail/InformationDetails.vue b/src/views/Wallet/Detail/InformationDetails.vue
index 8076054..d1c6877 100644
--- a/src/views/Wallet/Detail/InformationDetails.vue
+++ b/src/views/Wallet/Detail/InformationDetails.vue
@@ -25,28 +25,60 @@
       <!-- 交易记录列表 -->
       <div v-else class="transaction-list">
         <div v-for="transaction in transactions" :key="transaction.id" class="transaction-item">
-          <div class="transaction-content">
+          <!-- 提现 -->
+          <div v-if="transaction.event == 'WITHDRAW'" class="transaction-content">
             <!-- 交易信息 -->
             <div class="transaction-info">
               <div style="margin-bottom: 4px; font-weight: 700">
                 {{ transaction.eventDescribe }}
               </div>
-              <!-- 用户信息 -->
-              <!-- <div v-if="transaction.userNickname || transaction.account" class="user-info">
-                <span v-if="transaction.userNickname" class="user-nickname">{{
-                  transaction.userNickname
-                }}</span>
-                <span v-if="transaction.account" class="user-account"
-                  >{{ t('user_id_prefix') }}  {{ transaction.account }}</span
-                >
-              </div> -->
-              <p class="transaction-time" style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">
+              <p style="font-size: 1em; font-weight: 500; color: rgba(0, 0, 0, 0.4)">
                 {{ transaction.createTime }}
               </p>
             </div>
 
             <!-- 交易金额 -->
-            <div class="transaction-amount" style="font-weight: 500; margin: 0 8px">
+            <div
+              style="margin: 0 8px; display: flex; flex-direction: column; align-items: flex-end"
+            >
+              <div style="font-size: 1.2em; font-weight: 500; margin-bottom: 4px; direction: ltr">
+                ${{ Math.abs(transaction.amount) }}
+              </div>
+              <div
+                style="
+                  font-weight: 510;
+                  background-clip: text;
+                  -webkit-background-clip: text;
+                  -webkit-text-fill-color: transparent;
+                "
+                :style="{
+                  backgroundImage:
+                    transaction.withdrawStatus == 'Under review'
+                      ? 'linear-gradient(248deg, #FFE675 5.66%, #FFC53D 42.49%)'
+                      : transaction.withdrawStatus == 'Approved'
+                        ? 'linear-gradient(248deg, #75FF98 5.66%, #3DFF54 42.49%)'
+                        : 'linear-gradient(248deg, #FF7578 5.66%, #FF3D40 42.49%)',
+                }"
+              >
+                {{ transaction.withdrawStatus }}
+              </div>
+            </div>
+          </div>
+
+          <!-- 转账和兑换 -->
+          <div v-else class="transaction-content">
+            <!-- 交易信息 -->
+            <div class="transaction-info">
+              <div style="margin-bottom: 4px; font-weight: 700">
+                {{ transaction.eventDescribe }}
+              </div>
+              <p style="font-size: 1em; font-weight: 500; color: rgba(0, 0, 0, 0.4)">
+                {{ transaction.createTime }}
+              </p>
+            </div>
+
+            <!-- 交易金额 -->
+            <div style="font-size: 1.2em; font-weight: 500; margin: 0 8px; direction: ltr">
               {{ transaction.amount > 0 ? '+' : '-' }}{{ Math.abs(transaction.amount) }}
             </div>
           </div>