From 8022bbd3a9b0ba0a145e0e2805fd300832837e34 Mon Sep 17 00:00:00 2001
From: dzl <786316265@qq.com>
Date: Fri, 19 Sep 2025 14:15:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Transfers.vue | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/views/Transfers.vue b/src/views/Transfers.vue
index ba3faf7..913047d 100644
--- a/src/views/Transfers.vue
+++ b/src/views/Transfers.vue
@@ -117,10 +117,10 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="预收款余额变化" width="150">
+        <el-table-column label="预收款余额变化" width="175">
           <template #default="{ row }">
-            <div class="amount-red">转出用户：¥{{ row.from_balance || '-' }}</div>
-            <div class="amount">转入用户：¥{{ row.to_balance || '-' }}</div>
+            <div class="amount-red">转出用户：¥{{ Math.abs(row.from_user_balance) }}</div>
+            <div class="amount">转入用户：¥{{ Math.abs(row.to_user_balance) }}</div>
           </template>
         </el-table-column>
         <el-table-column label="金额" width="100">
@@ -152,11 +152,10 @@
               v-if="row.voucher_url"
               class="avatar"
               :src="getImageUrl(row.voucher_url)" 
-              fit="contain" 
+              fit="contain"
               :preview-src-list="[getImageUrl(row.voucher_url)]"
               preview-teleported
-            >
-            </el-image>
+            />
           </template>
         </el-table-column>
         <el-table-column prop="created_at" label="创建时间" width="180">
@@ -338,7 +337,14 @@
         
         <div v-if="detailDialog.transfer.voucher_url" class="proof-section">
           <h4>转账凭证</h4>
-          <img :src="getImageUrl(detailDialog.transfer.voucher_url)" alt="转账凭证" class="detail-proof-image" />
+          <el-image
+            :src="getImageUrl(detailDialog.transfer.voucher_url)"
+            alt="转账凭证"
+            :preview-src-list="[getImageUrl(detailDialog.transfer.voucher_url)]"
+            fit="fill"
+            style="height: 300px;"
+            preview-teleported
+          />
         </div>
       </div>
     </el-dialog>
@@ -1081,13 +1087,6 @@ onMounted(async () => {
   color: #303133;
 }
 
-.detail-proof-image {
-  max-width: 100%;
-  max-height: 200px;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
-}
-
 .detail-container {
   display: grid;
   place-items: center;