From 8a4fe172130a1cbf85d2b630f4cac23082d9af39 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Fri, 6 Mar 2026 22:29:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BE=85=E8=BF=98=E6=AC=BE=E6=98=8E?=
 =?UTF-8?q?=E7=BB=86=E5=A2=9E=E5=8A=A0=E5=AD=97=E6=AE=B5=EF=BC=8C=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bill/onlineLendAnalysis/index.vue         | 130 +++++++++++++++---
 1 file changed, 109 insertions(+), 21 deletions(-)

diff --git a/src/pages/statistic/bill/onlineLendAnalysis/index.vue b/src/pages/statistic/bill/onlineLendAnalysis/index.vue
index c9a66e4..347006f 100644
--- a/src/pages/statistic/bill/onlineLendAnalysis/index.vue
+++ b/src/pages/statistic/bill/onlineLendAnalysis/index.vue
@@ -261,31 +261,45 @@
             
             <!-- 详细还款明细列表 -->
             <view class="item-body" v-if="item.detailList && item.detailList.length > 0">
-              <view class="detail-item" v-for="(detail, dIndex) in item.detailList" :key="dIndex">
-                <view class="detail-header">
-                  <view class="bank-name">
-                    <uni-icons type="wallet-filled" size="14" color="#667eea"></uni-icons>
-                    <text>{{ detail.bankCardLendName }}</text>
+              <!-- 按还款账户分组显示 -->
+              <view class="repayment-account-group" v-for="(group, gIndex) in groupByRepaymentAccount(item.detailList)" :key="gIndex">
+                <!-- 该账户下的贷款明细 -->
+                <view class="detail-item" v-for="(detail, dIndex) in group.items" :key="dIndex" :class="{ 'last-item': dIndex === group.items.length - 1 }">
+                  <view class="detail-header">
+                    <view class="bank-name">
+                      <uni-icons type="wallet-filled" size="14" color="#667eea"></uni-icons>
+                      <text>{{ detail.bankCardLendName }}</text>
+                    </view>
+                    <view class="header-right-section">
+                      <text class="current-amount">{{ detail.currentAmount }}元</text>
+                      <button class="repay-btn-small" @click="handleRepayment(detail)">
+                        <uni-icons type="checkmarkempty" size="14" color="#ffffff"></uni-icons>
+                        <text>还款</text>
+                      </button>
+                    </view>
                   </view>
-                  <view class="header-right-section">
-                    <text class="current-amount">{{ detail.currentAmount }}元</text>
-                    <button class="repay-btn-small" @click="handleRepayment(detail)">
-                      <uni-icons type="checkmarkempty" size="14" color="#ffffff"></uni-icons>
-                      <text>还款</text>
-                    </button>
+                  
+                  <view class="detail-info">
+                    <view class="info-row">
+                      <view class="info-item">
+                        <text class="info-label">本金</text>
+                        <text class="info-value">{{ detail.principal }}元</text>
+                      </view>
+                      <view class="info-item">
+                        <text class="info-label">利息</text>
+                        <text class="info-value">{{ detail.interest }}元</text>
+                      </view>
+                    </view>
                   </view>
                 </view>
                 
-                <view class="detail-info">
-                  <view class="info-row">
-                    <view class="info-item">
-                      <text class="info-label">本金</text>
-                      <text class="info-value">{{ detail.principal }}元</text>
-                    </view>
-                    <view class="info-item">
-                      <text class="info-label">利息</text>
-                      <text class="info-value">{{ detail.interest }}元</text>
-                    </view>
+                <!-- 还款账户信息（放在该账户最后一笔明细后面） -->
+                <view class="repayment-account-footer" v-if="group.repaymentAccountName">
+                  <view class="account-info">
+                    <uni-icons type="wallet-filled" size="12" color="#10b981"></uni-icons>
+                    <text class="account-label">还款账户：</text>
+                    <text class="account-name">{{ group.repaymentAccountName }}</text>
+                    <text class="account-balance">余额 {{ group.repaymentAccountBalance }}元</text>
                   </view>
                 </view>
               </view>
@@ -676,6 +690,29 @@ function searchSubmit() {
     })
   }
   
+  // 按还款账户分组
+  function groupByRepaymentAccount(detailList) {
+    if (!detailList || detailList.length === 0) return []
+    
+    const groups = {}
+    
+    detailList.forEach(detail => {
+      const accountKey = detail.repaymentAccountName || '其他账户'
+      
+      if (!groups[accountKey]) {
+        groups[accountKey] = {
+          repaymentAccountName: detail.repaymentAccountName,
+          repaymentAccountBalance: detail.repaymentAccountBalance || '0.00',
+          items: []
+        }
+      }
+      
+      groups[accountKey].items.push(detail)
+    })
+    
+    return Object.values(groups)
+  }
+  
   function settingConfirm(e) {
         queryParams.value.settingId = e.value[0].settingId
         queryParams.value.settingName = e.value[0].settingName
@@ -1161,6 +1198,57 @@ page {
     .item-body {
       padding: 24rpx;
       
+      .repayment-account-group {
+        margin-bottom: 16rpx;
+        
+        &:last-child {
+          margin-bottom: 0;
+        }
+        
+        .detail-item {
+          margin-bottom: 12rpx;
+          
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+        
+        .repayment-account-footer {
+          margin-top: 8rpx;
+          padding: 12rpx 20rpx;
+          background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
+          border-radius: 0 0 12rpx 12rpx;
+          border-left: 4rpx solid #10b981;
+          
+          .account-info {
+            display: flex;
+            align-items: center;
+            gap: 8rpx;
+            
+            .account-label {
+              font-size: 22rpx;
+              color: #065f46;
+            }
+            
+            .account-name {
+              font-size: 26rpx;
+              color: #065f46;
+              font-weight: 600;
+              flex: 1;
+            }
+            
+            .account-balance {
+              font-size: 22rpx;
+              color: #059669;
+              font-weight: 500;
+              background: rgba(255, 255, 255, 0.6);
+              padding: 4rpx 10rpx;
+              border-radius: 6rpx;
+            }
+          }
+        }
+      }
+      
       .detail-item {
         padding: 20rpx;
         margin-bottom: 16rpx;