From a88b724f2f7d818fe360595b2f0009d7f47073f8 Mon Sep 17 00:00:00 2001
From: tianyongbao <tianyongbao@haier.com>
Date: Fri, 6 Mar 2026 22:16:22 +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=E6=96=B0=E5=A2=9E=E5=AD=97=E6=AE=B5=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/invest/onlineLendAnalysis/index.vue | 57 ++++++++++++++-----
 1 file changed, 43 insertions(+), 14 deletions(-)

diff --git a/src/views/invest/onlineLendAnalysis/index.vue b/src/views/invest/onlineLendAnalysis/index.vue
index 5059047..687cc25 100644
--- a/src/views/invest/onlineLendAnalysis/index.vue
+++ b/src/views/invest/onlineLendAnalysis/index.vue
@@ -160,22 +160,31 @@
             <template #default="scope">
               <div v-if="scope.row.detailList && scope.row.detailList.length > 0">
                 <div
-                  v-for="(item, index) in scope.row.detailList"
-                  :key="index"
-                  style="
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    padding: 6px 8px;
-                    margin-bottom: 4px;
-                    background: #f5f7fa;
-                    border-radius: 4px;
-                  "
+                  v-for="(group, groupIndex) in groupByRepaymentAccount(scope.row.detailList)"
+                  :key="groupIndex"
+                  style="padding: 6px 8px; margin-bottom: 4px; background: #f5f7fa; border-radius: 4px"
                 >
-                  <span style="flex: 1"
-                    >{{ item.bankCardLendName }}(本金:{{ item.principal }}元,利息:{{ item.interest }}元,合计:{{ item.currentAmount }}元)</span
+                  <!-- 还款账户信息（同一账户只显示一次） -->
+                  <div v-if="group.repaymentAccountName" style="margin-bottom: 4px; color: #409eff; font-weight: 500">
+                    还款账户:{{ group.repaymentAccountName }}(余额:{{ group.repaymentAccountBalance }}元)
+                  </div>
+                  <!-- 该账户下的所有明细 -->
+                  <div
+                    v-for="(item, itemIndex) in group.items"
+                    :key="itemIndex"
+                    :style="{
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'space-between',
+                      padding: '4px 0',
+                      borderTop: itemIndex > 0 ? '1px dashed #dcdfe6' : 'none'
+                    }"
                   >
-                  <el-button size="small" type="primary" icon="Coin" @click="handleRepayment(item)">还款</el-button>
+                    <span style="flex: 1"
+                      >{{ item.bankCardLendName }}(本金:{{ item.principal }}元,利息:{{ item.interest }}元,合计:{{ item.currentAmount }}元)</span
+                    >
+                    <el-button size="small" type="primary" icon="Coin" @click="handleRepayment(item)">还款</el-button>
+                  </div>
                 </div>
               </div>
               <span v-else v-html="formatMultiLineData(scope.row.detail)"></span>
@@ -392,6 +401,26 @@ const reversedTableData = computed(() => {
   return []
 })
 
+// 按还款账户分组处理明细数据
+const groupByRepaymentAccount = (detailList) => {
+  if (!detailList || detailList.length === 0) return []
+
+  const groups = {}
+  detailList.forEach((item) => {
+    const key = item.repaymentAccountName || '未指定账户'
+    if (!groups[key]) {
+      groups[key] = {
+        repaymentAccountName: item.repaymentAccountName,
+        repaymentAccountBalance: item.repaymentAccountBalance,
+        items: []
+      }
+    }
+    groups[key].items.push(item)
+  })
+
+  return Object.values(groups)
+}
+
 function getList() {
   loading.value = true
   chartData.value = { name: [], value1: [] }