fix: 页面显示功能优化。

src/pages/index.vue

@@ -48,7 +48,7 @@
       <div class="item">
         <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">信用卡已使用额度</div>
+          <div class="title">信用卡已用额度</div>
           <div class="num">{{ creditBalance }}<span>元</span></div>
         </div>
       </div>
@@ -317,7 +317,7 @@
       <div class="item">
         <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">近6个月账单使用率</div>
+          <div class="title">近6月使用率</div>
           <div class="num">{{ lastSixMonthUsedRate }}<span>%</span></div>
         </div>
       </div>
@@ -326,7 +326,7 @@
       <div class="item">
         <img src="./assets/completionTime.png" alt="" />
         <div class="info-sum">
-          <div class="title">近6个月账单平均使用额度</div>
+          <div class="title">近6月平均使用额度</div>
           <div class="num">{{ lastSixMonthUsedLimit }}<span>元</span></div>
         </div>
       </div>
@@ -336,14 +336,14 @@
       <div class="item">
         <img src="./assets/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">近1月硬查询次数</div>
+          <div class="title">近1月硬查询</div>
           <div class="num">{{ lastOneMonths }}<span>次</span></div>
         </div>
       </div>
       <div class="item">
         <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">近2月硬查询次数</div>
+          <div class="title">近2月硬查询</div>
           <div class="num">{{ lastTwoMonths }}<span>次</span></div>
         </div>
       </div>
@@ -352,14 +352,14 @@
       <div class="item">
         <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">近3月硬查询次数</div>
+          <div class="title">近3月硬查询</div>
           <div class="num">{{ lastThreeMonths }}<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="title">近6月硬查询</div>
           <div class="num">{{ lastSixMonths }}<span>次</span></div>
         </div>
       </div>
@@ -368,14 +368,14 @@
       <div class="item">
         <img src="./assets/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">近1年硬查询次数</div>
+          <div class="title">近1年硬查询</div>
           <div class="num">{{ lastOneYears }}<span>次</span></div>
         </div>
       </div>
       <div class="item">
         <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">近2年硬查询次数</div>
+          <div class="title">近2年硬查询</div>
           <div class="num">{{ lastTwoYears }}<span>次</span></div>
         </div>
       </div>
@@ -384,14 +384,14 @@
       <div class="item">
         <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">总硬查询次数</div>
+          <div class="title">总硬查询</div>
           <div class="num">{{ lastAllYears }}<span>次</span></div>
         </div>
       </div>
       <div class="item">
         <img src="./assets/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">近6月个人查询次数</div>
+          <div class="title">近6月个人查询</div>
           <div class="num">{{ lastSixMonthQueryCount }}<span>次</span></div>
         </div>
       </div>
@@ -401,14 +401,14 @@
       <div class="item">
         <img src="./assets/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">近6月贷后管理次数</div>
+          <div class="title">近6月贷后管理</div>
           <div class="num">{{ lastSixMonthsAfterLoan }}<span>次</span></div>
         </div>
       </div>
       <div class="item">
         <img src="./assets/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">近2年贷后管理次数</div>
+          <div class="title">近2年贷后管理</div>
           <div class="num">{{ lastTwoYearsAfterLoan }}<span>次</span></div>
         </div>
       </div>
@@ -417,7 +417,7 @@
      <div class="item">
        <img src="./assets/completionTime.png" alt="" />
        <div class="info-sum">
-         <div class="title">贷后管理总次数</div>
+         <div class="title">贷后管理总数</div>
          <div class="num">{{ totalAfterLoan }}<span>次</span></div>
        </div>
      </div>
@@ -666,22 +666,22 @@ onMounted(() => {
       display: flex;
       position: relative;
       align-items: center;
-      margin: 5px 10px 5px 10px;
+      margin: 0px 5px 0px 5px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -692,7 +692,7 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
 </style>

src/pages/statistic/accounts/accountAnalysis/index.vue

@@ -1,650 +0,0 @@
-<template>
-    <div class="app-container" style="overflow: auto">
-      <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">{{ netAsset }}<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">{{ totalDebt }}<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">{{ debetBalance }}<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">{{ investBalance }}<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">{{ unClearedOnlineDebt }}<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">{{ creditBalance }}<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">{{ peopleLendHistory }}<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">
-          <img src="./assets/completionTime.png" alt="" />
-          <div class="info-sum">
-            <div class="title">投资账户余额</div>
-            <div class="num">{{ investBalance }}<span>元</span></div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="./assets/one.png" alt="" />
-          <div class="info-sum">
-            <div class="title">总收益</div>
-            <div class="num">{{ totalIncome }}<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">{{ futuresIncome }}<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">{{ stocksIncome }}<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">
-          <img src="./assets/one.png" alt="" />
-          <div class="info-sum">
-            <div class="title">当月应还款</div>
-            <div class="num">{{ dueOnlineDebt }}<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">{{ repaidOnlineDebt }}<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">{{ leftOnlineDebt }}<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">{{ 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">
-          <img src="./assets/one.png" alt="" />
-          <div class="info-sum">
-            <div class="title">信用卡总数</div>
-            <div class="num">{{ creditCount }}<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">{{ creditLimit }}<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">{{ creditBalance }}<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">{{ creditAvailableLimit }}<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">{{ creditBillRate }}<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">{{ currentCreditBill }}<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">{{ 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">
-          <img src="./assets/one.png" alt="" />
-          <div class="info-sum">
-            <div class="title">近1月硬查询次数</div>
-            <div class="num">{{ lastOneMonths }}<span>次</span></div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="./assets/ticketSum.png" alt="" />
-          <div class="info-sum">
-            <div class="title">近2月硬查询次数</div>
-            <div class="num">{{ lastTwoMonths }}<span>次</span></div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="./assets/completionTickets.png" alt="" />
-          <div class="info-sum">
-            <div class="title">近3月硬查询次数</div>
-            <div class="num">{{ lastThreeMonths }}<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">{{ lastSixMonths }}<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">近1年硬查询次数</div>
-            <div class="num">{{ lastOneYears }}<span>次</span></div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="./assets/ticketSum.png" alt="" />
-          <div class="info-sum">
-            <div class="title">近2年硬查询次数</div>
-            <div class="num">{{ lastTwoYears }}<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">{{ lastAllYears }}<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">近6月个人查询次数</div>
-            <div class="num">{{ lastSixMonthQueryCount }}<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">{{ lastSixMonthsAfterLoan }}<span>次</span></div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="./assets/completionTickets.png" alt="" />
-          <div class="info-sum">
-            <div class="title">近2年贷后管理次数</div>
-            <div class="num">{{ lastTwoYearsAfterLoan }}<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">{{ totalAfterLoan }}<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">
-          <img src="./assets/one.png" alt="" />
-          <div class="info-sum">
-            <div class="title">POS机总数</div>
-            <div class="num">{{ posCount }}<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">{{ creditCount }}<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">{{ debitCount }}<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">{{ stocksCount }}<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">{{ futuresCount }}<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">{{ peopleLendCount }}<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">{{ onlineLendCount }}<span>个</span></div>
-          </div>
-        </div>
-      </div>
-  
-      <div></div>
-    </div>
-  </template>
-  <script setup name="facilityType">
-  import { getBaseAccountInfo, getDebetInfo, getIncomeInfo, getCreditInfo } from '@/api/invest/accountAnalysis.js'
-  import { getCreditRecordAnalysis } from '@/api/invest/creditQueryRecord'
-  
-  //投资收益
-  const futuresIncome = ref(0)
-  const totalIncome = ref(0)
-  const stocksIncome = ref(0)
-  const investBalance = ref(0)
-  
-  //基础信息
-  const posCount = ref(0)
-  const debitCount = ref(0)
-  const stocksCount = ref(0)
-  const futuresCount = ref(0)
-  const peopleLendCount = ref(0)
-  const onlineLendCount = ref(0)
-  const creditCount = ref(0)
-  
-  //网贷信息-公共
-  const creditInstallmentHistory = ref(0)
-  const peopleLendHistory = ref(0)
-  const totalDebt = ref(0)
-  const debetBalance = ref(0)
-  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)
-  
-  //信用卡信息
-  
-  const currentCreditBill = ref(0)
-  const creditInstallment = ref(0)
-  const creditLimit = ref(0)
-  const lastSixMonthUsedLimit = ref(0)
-  const lastSixMonthUsedRate = ref(0)
-  const lastMonthUsedLimit = ref(0)
-  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)
-  const lastTwoMonths = ref(0)
-  const lastThreeMonths = ref(0)
-  const lastSixMonths = ref(0)
-  const lastOneYears = ref(0)
-  const lastTwoYears = ref(0)
-  const lastAllYears = ref(0)
-  const lastSixMonthQueryCount = ref(0)
-  const lastSixMonthsAfterLoan = ref(0)
-  const lastTwoYearsAfterLoan = ref(0)
-  const totalAfterLoan = ref(0)
-  
-  const getIncomeInfoData = () => {
-    getIncomeInfo().then((res) => {
-      totalIncome.value = res.data.totalIncome
-      futuresIncome.value = res.data.futuresIncome
-      stocksIncome.value = res.data.stocksIncome
-      investBalance.value = res.data.investBalance
-    })
-  }
-  
-  const getBaseAccountInfoData = () => {
-    getBaseAccountInfo().then((res) => {
-      posCount.value = res.data.posCount
-      creditCount.value = res.data.creditCount
-      debitCount.value = res.data.debitCount
-      stocksCount.value = res.data.stocksCount
-      futuresCount.value = res.data.futuresCount
-      peopleLendCount.value = res.data.peopleLendCount
-      onlineLendCount.value = res.data.onlineLendCount
-    })
-  }
-  
-  const getCreditInfoData = () => {
-    getCreditInfo().then((res) => {
-      currentCreditBill.value = res.data.currentCreditBill
-      creditInstallment.value = res.data.creditInstallment
-      creditLimit.value = res.data.creditLimit
-      lastSixMonthUsedLimit.value = res.data.lastSixMonthUsedLimit
-      lastSixMonthUsedRate.value = res.data.lastSixMonthUsedRate
-      lastMonthUsedLimit.value = res.data.lastMonthUsedLimit
-      lastMonthUsedRate.value = res.data.lastMonthUsedRate
-      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 = () => {
-    getDebetInfo().then((res) => {
-      unClearedOnlineDebt.value = res.data.unClearedOnlineDebt
-      creditInstallmentHistory.value = res.data.creditInstallmentHistory
-      totalDebt.value = res.data.totalDebt
-      netAsset.value = res.data.netAsset
-      debetBalance.value = res.data.debetBalance
-      peopleLendHistory.value = res.data.peopleLendHistory
-      unclearedOnlineDebtCount.value = res.data.unclearedOnlineDebtCount
-      clearedOnlineDebtCount.value = res.data.clearedOnlineDebtCount
-      clearedOnlineDebt.value = res.data.clearedOnlineDebt
-      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 = () => {
-    getCreditRecordAnalysis().then((res) => {
-      lastOneMonths.value = res.data.lastOneMonths
-      lastTwoMonths.value = res.data.lastTwoMonths
-      lastThreeMonths.value = res.data.lastThreeMonths
-      lastSixMonths.value = res.data.lastSixMonths
-      lastOneYears.value = res.data.lastOneYears
-      lastTwoYears.value = res.data.lastTwoYears
-      lastAllYears.value = res.data.lastAllYears
-      lastSixMonthQueryCount.value = res.data.lastSixMonthQueryCount
-      lastSixMonthsAfterLoan.value = res.data.lastSixMonthsAfterLoan
-      lastTwoYearsAfterLoan.value = res.data.lastTwoYearsAfterLoan
-      totalAfterLoan.value = res.data.totalAfterLoan
-    })
-  }
-  
-  onMounted(() => {
-    getIncomeInfoData()
-    getBaseAccountInfoData()
-    getCreditInfoData()
-    getDebetInfoData()
-    getCreditRecordAnalysisData()
-  })
-  </script>
-  <style lang="scss" scoped>
-  .app-container {
-    .header-con {
-      width: 100%;
-      height: 120px;
-      background-color: #ffffff;
-      margin-bottom: 10px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .item {
-        width: 20%;
-        height: 100%;
-        display: flex;
-        position: relative;
-        align-items: center;
-        margin: 30px 60px 30px 60px;
-        .title {
-          margin-left: 20px;
-          color: rgb(133, 133, 148);
-          margin-bottom: 8px;
-        }
-        .num {
-          margin-left: 20px;
-          font-weight: bold;
-        }
-      }
-      img {
-        height: 50px;
-        width: 50px;
-      }
-    }
-    .header-title {
-      width: 100%;
-      height: 30px;
-      background-color: #ffffff;
-      margin-bottom: 3px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-  }
-  </style>
-  

src/pages/statistic/accounts/accountDealAnalysis/index.vue

@@ -109,14 +109,14 @@
       <div class="item">
         <img src="@/static/images/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">手续费利息支出</div>
+          <div class="title">手续费利息合计</div>
           <div class="num">{{ account.notDailyExpenses}}<span>元</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/completionTime.png" alt="" />
         <div class="info-sum">
-          <div class="title">POS机刷卡手续费</div>
+          <div class="title">POS机手续费</div>
           <div class="num">{{ account.posExpenses }}<span>元</span></div>
         </div>
       </div>
@@ -295,20 +295,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -319,7 +319,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/accounts/accountsBalance/index.vue

@@ -188,20 +188,20 @@
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -212,7 +212,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/accounts/creditCardDealAnalysis/index.vue

@@ -133,7 +133,7 @@
       <div class="item">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">真实消费支出笔数</div>
+          <div class="title">真实消费笔数</div>
           <div class="num">{{ account.realExpensesCount}}<span>笔</span></div>
         </div>
       </div>
@@ -351,20 +351,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -375,7 +375,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/accounts/debitDealAnalysis/index.vue

@@ -346,20 +346,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -370,7 +370,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/accounts/investDealAnalysis/index.vue

@@ -310,20 +310,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -334,7 +334,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/accounts/posAnalysis/index.vue

@@ -297,20 +297,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -321,7 +321,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/creditBillAnalysis/index.vue

@@ -322,20 +322,20 @@ const start = dayjs(end).add(-11, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -346,7 +346,7 @@ const start = dayjs(end).add(-11, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/creditInstallmentAnalysis/index.vue

@@ -70,14 +70,14 @@
       <div class="item">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">未结清分期笔数</div>
+          <div class="title">未结清分期</div>
           <div class="num">{{ historyObj.unclearedDetailCount }}<span>笔</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">未结清分期（本息）</div>
+          <div class="title">未结清（本息）</div>
           <div class="num">{{  historyObj.unClearedDetail }}<span>元</span></div>
         </div>
       </div>
@@ -313,20 +313,20 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -337,7 +337,7 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue

@@ -70,14 +70,14 @@
       <div class="item">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清分期笔数</div>
+          <div class="title">已结清分期</div>
           <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清分期（本息）</div>
+          <div class="title">已结清（本息）</div>
           <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
         </div>
       </div>
@@ -86,14 +86,14 @@
       <div class="item">
         <img src="@/static/images/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清分期（本金）</div>
+          <div class="title">已结清（本金）</div>
           <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/completionTime.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清总利息</div>
+          <div class="title">已结清利息</div>
           <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
         </div>
       </div>
@@ -298,20 +298,20 @@ const start = dayjs(end).add(-239, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -322,7 +322,7 @@ const start = dayjs(end).add(-239, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/creditRecordAnalysis/index.vue

@@ -295,20 +295,20 @@ function searchSubmit() {
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -319,7 +319,7 @@ function searchSubmit() {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/futuresAnalysis/index.vue

@@ -299,20 +299,20 @@ const start = dayjs(end).add(-59, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -323,7 +323,7 @@ const start = dayjs(end).add(-59, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/investAnalysis/index.vue

@@ -298,20 +298,20 @@ const start = dayjs(end).add(-59, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -322,7 +322,7 @@ const start = dayjs(end).add(-59, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/onlineLendAnalysis/index.vue

@@ -70,14 +70,14 @@
       <div class="item">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">未结清网贷笔数</div>
+          <div class="title">未结清网贷</div>
           <div class="num">{{ historyObj.unclearedDetailCount }}<span>笔</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">未结清网贷（本息）</div>
+          <div class="title">未结清（本息）</div>
           <div class="num">{{  historyObj.unClearedDetail }}<span>元</span></div>
         </div>
       </div>
@@ -314,20 +314,20 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -338,7 +338,7 @@ const end = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padS
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue

@@ -70,14 +70,14 @@
       <div class="item">
         <img src="@/static/images/one.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清网贷笔数</div>
+          <div class="title">已结清网贷</div>
           <div class="num">{{ historyObj.clearedCount }}<span>笔</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/ticketSum.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清网贷（本息）</div>
+          <div class="title">已结清（本息）</div>
           <div class="num">{{  historyObj.clearedTotal }}<span>元</span></div>
         </div>
       </div>
@@ -86,14 +86,14 @@
       <div class="item">
         <img src="@/static/images/completionTickets.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清网贷（本金）</div>
+          <div class="title">已结清（本金）</div>
           <div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
         </div>
       </div>
       <div class="item">
         <img src="@/static/images/completionTime.png" alt="" />
         <div class="info-sum">
-          <div class="title">已结清总利息</div>
+          <div class="title">已结清利息</div>
           <div class="num">{{ historyObj.totalInterest }}<span>元</span></div>
         </div>
       </div>
@@ -299,20 +299,20 @@ const start = dayjs(end).add(-239, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -323,7 +323,7 @@ const start = dayjs(end).add(-239, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {

src/pages/statistic/bill/stocksAnalysis/index.vue

@@ -299,20 +299,20 @@ const start = dayjs(end).add(-59, 'months')
       align-items: center;
       margin: 5px 10px 5px 10px;
       .title {
-        margin-left: 10px;
+        margin-left: 5px;
         color: rgb(133, 133, 148);
-        margin-bottom: 8px;
+        margin-bottom: 5px;
         font-size: 14px;
       }
       .num {
-        margin-left: 10px;
+        margin-left: 5px;
         font-weight: bold;
-        font-size: 15px;
+        font-size: 14px;
       }
     }
     img {
-      height: 50px;
+      height: 30px;
-      width: 50px;
+      width: 30px;
     }
   }
   .header-title {
@@ -323,7 +323,7 @@ const start = dayjs(end).add(-59, 'months')
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 18px;
+    font-size: 16px;
   }
 }
   .btnAdd {