显示调整

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;