fix: 账户总览及自测问题修复。

src/views/invest/accountAnalysis/index.vue

@@ -17,7 +17,7 @@
         </div>
       </div>
       <div class="item">
-        <img src="./assets/ticketSum.png" alt="" />
+        <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
           <div class="title">储蓄卡余额</div>
           <div class="num">{{ debetBalance }}<span>元</span></div>
@@ -26,21 +26,21 @@
     </div>
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
-        <img src="./assets/completionTime.png" alt="" />
+        <img src="./assets/one.png" alt="" />
         <div class="info-sum">
           <div class="title">网贷欠款</div>
           <div class="num">{{ unClearedOnlineDebt }}<span>元</span></div>
         </div>
       </div>
       <div class="item">
-        <img src="./assets/completionTickets.png" alt="" />
+        <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
           <div class="title">信用卡已使用额度</div>
           <div class="num">{{ creditBalance }}<span>元</span></div>
         </div>
       </div>
       <div class="item">
-        <img src="./assets/one.png" alt="" />
+        <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
           <div class="title">人情欠款</div>
           <div class="num">{{ peopleLendHistory }}<span>元</span></div>
@@ -79,36 +79,6 @@
       </div>
     </div>
     <div class="header-title" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;网贷信息</div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <img src="./assets/one.png" alt="" />
-        <div class="info-sum">
-          <div class="title">未结清网贷笔数</div>
-          <div class="num">{{ unclearedOnlineDebtCount }}<span>笔</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/ticketSum.png" alt="" />
-        <div class="info-sum">
-          <div class="title">未结清网贷（本息）</div>
-          <div class="num">{{ unClearedOnlineDebt }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/completionTickets.png" alt="" />
-        <div class="info-sum">
-          <div class="title">已结清网贷笔数</div>
-          <div class="num">{{ clearedOnlineDebtCount }}<span>笔</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/completionTime.png" alt="" />
-        <div class="info-sum">
-          <div class="title">已结清网贷（本息）</div>
-          <div class="num">{{ clearedOnlineDebt }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
         <img src="./assets/one.png" alt="" />
@@ -132,6 +102,53 @@
         </div>
       </div>
     </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清网贷笔数</div>
+          <div class="num">{{ unclearedOnlineDebtCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清网贷本金</div>
+          <div class="num">{{ unClearedOnlineDebtPrinciple }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清网贷利息</div>
+          <div class="num">{{ unClearedOnlineDebtInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清网贷笔数</div>
+          <div class="num">{{ clearedOnlineDebtCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清网贷本金</div>
+          <div class="num">{{ clearedOnlineDebtPrinciple }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清网贷利息</div>
+          <div class="num">{{ clearedOnlineDebtInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+
     <div class="header-title" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;信用卡信息</div>
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -163,36 +180,6 @@
         </div>
       </div>
     </div>
-    <div class="header-con" ref="searchHeightRef">
-      <div class="item">
-        <img src="./assets/one.png" alt="" />
-        <div class="info-sum">
-          <div class="title">近6个月账单平均使用额度</div>
-          <div class="num">{{ lastSixMonthUsedLimit }}<span>元</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/ticketSum.png" alt="" />
-        <div class="info-sum">
-          <div class="title">近6个月账单使用率</div>
-          <div class="num">{{ lastSixMonthUsedRate }}<span>%</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/completionTickets.png" alt="" />
-        <div class="info-sum">
-          <div class="title">上月账单使用率</div>
-          <div class="num">{{ lastMonthUsedRate }}<span>%</span></div>
-        </div>
-      </div>
-      <div class="item">
-        <img src="./assets/completionTime.png" alt="" />
-        <div class="info-sum">
-          <div class="title">上月账单</div>
-          <div class="num">{{ lastMonthUsedLimit }}<span>元</span></div>
-        </div>
-      </div>
-    </div>
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
         <img src="./assets/one.png" alt="" />
@@ -201,13 +188,6 @@
           <div class="num">{{ creditBillRate }}<span>%</span></div>
         </div>
       </div>
-      <div class="item">
-        <img src="./assets/completionTickets.png" alt="" />
-        <div class="info-sum">
-          <div class="title">信用卡分期欠款</div>
-          <div class="num">{{ creditInstallmentHistory }}<span>元</span></div>
-        </div>
-      </div>
       <div class="item">
         <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
@@ -218,11 +198,102 @@
       <div class="item">
         <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">当月分期</div>
+          <div class="title">当月分期本息</div>
           <div class="num">{{ creditInstallment }}<span>元</span></div>
         </div>
       </div>
     </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清分期笔数</div>
+          <div class="num">{{ unclearedCreditInstallmentCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清分期本息</div>
+          <div class="num">{{ unclearedCreditInstallment }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清分期本金</div>
+          <div class="num">{{ unclearedCreditInstallmentPrinciple }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">未结清分期利息</div>
+          <div class="num">{{ unclearedCreditInstallmentInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清分期笔数</div>
+          <div class="num">{{ clearedCreditInstallmentCount }}<span>笔</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清分期本息</div>
+          <div class="num">{{ clearedCreditInstallmentDebt }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清分期本金</div>
+          <div class="num">{{ clearedCreditInstallmentPrinciple }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">已结清分期利息</div>
+          <div class="num">{{ clearedCreditInstallmentInterest }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+    <div class="header-con" ref="searchHeightRef">
+      <div class="item">
+        <img src="./assets/one.png" alt="" />
+        <div class="info-sum">
+          <div class="title">上月账单使用率</div>
+          <div class="num">{{ lastMonthUsedRate }}<span>%</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/ticketSum.png" alt="" />
+        <div class="info-sum">
+          <div class="title">上月账单</div>
+          <div class="num">{{ lastMonthUsedLimit }}<span>元</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTickets.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6个月账单使用率</div>
+          <div class="num">{{ lastSixMonthUsedRate }}<span>%</span></div>
+        </div>
+      </div>
+      <div class="item">
+        <img src="./assets/completionTime.png" alt="" />
+        <div class="info-sum">
+          <div class="title">近6个月账单平均使用额度</div>
+          <div class="num">{{ lastSixMonthUsedLimit }}<span>元</span></div>
+        </div>
+      </div>
+    </div>
+
     <div class="header-title" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;征信信息</div>
     <div class="header-con" ref="searchHeightRef">
       <div class="item">
@@ -395,8 +466,12 @@ const netAsset = ref(0)
 //网贷信息
 const unclearedOnlineDebtCount = ref(0)
 const unClearedOnlineDebt = ref(0)
+const unClearedOnlineDebtPrinciple = ref(0)
+const unClearedOnlineDebtInterest = ref(0)
 const clearedOnlineDebtCount = ref(0)
 const clearedOnlineDebt = ref(0)
+const clearedOnlineDebtPrinciple = ref(0)
+const clearedOnlineDebtInterest = ref(0)
 const dueOnlineDebt = ref(0)
 const repaidOnlineDebt = ref(0)
 const leftOnlineDebt = ref(0)
@@ -413,6 +488,14 @@ const lastMonthUsedRate = ref(0)
 const creditBalance = ref(0)
 const creditAvailableLimit = ref(0)
 const creditBillRate = ref(0)
+const unclearedCreditInstallmentCount = ref(0)
+const unclearedCreditInstallment = ref(0)
+const unclearedCreditInstallmentPrinciple = ref(0)
+const unclearedCreditInstallmentInterest = ref(0)
+const clearedCreditInstallmentCount = ref(0)
+const clearedCreditInstallmentDebt = ref(0)
+const clearedCreditInstallmentPrinciple = ref(0)
+const clearedCreditInstallmentInterest = ref(0)
 
 //征信信息
 const lastOneMonths = ref(0)
@@ -460,6 +543,14 @@ const getCreditInfoData = () => {
     creditBalance.value = res.data.creditBalance
     creditAvailableLimit.value = res.data.creditAvailableLimit
     creditBillRate.value = res.data.creditBillRate
+    unclearedCreditInstallmentCount.value = res.data.unclearedCreditInstallmentCount
+    unclearedCreditInstallment.value = res.data.unclearedCreditInstallment
+    unclearedCreditInstallmentPrinciple.value = res.data.unclearedCreditInstallmentPrinciple
+    unclearedCreditInstallmentInterest.value = res.data.unclearedCreditInstallmentInterest
+    clearedCreditInstallmentCount.value = res.data.clearedCreditInstallmentCount
+    clearedCreditInstallmentDebt.value = res.data.clearedCreditInstallmentDebt
+    clearedCreditInstallmentPrinciple.value = res.data.clearedCreditInstallmentPrinciple
+    clearedCreditInstallmentInterest.value = res.data.clearedCreditInstallmentInterest
   })
 }
 const getDebetInfoData = () => {
@@ -476,6 +567,10 @@ const getDebetInfoData = () => {
     dueOnlineDebt.value = res.data.dueOnlineDebt
     repaidOnlineDebt.value = res.data.repaidOnlineDebt
     leftOnlineDebt.value = res.data.leftOnlineDebt
+    unClearedOnlineDebtPrinciple.value = res.data.unClearedOnlineDebtPrinciple
+    unClearedOnlineDebtInterest.value = res.data.unClearedOnlineDebtInterest
+    clearedOnlineDebtPrinciple.value = res.data.clearedOnlineDebtPrinciple
+    clearedOnlineDebtInterest.value = res.data.clearedOnlineDebtInterest
   })
 }
 const getCreditRecordAnalysisData = () => {