fix: 账户统计功能优化。

src/views/invest/accountsBalance/index.vue

@@ -27,18 +27,51 @@
       </div>
     </div>
     <div class="main-con" style="height: calc(100% - 1.45rem)">
-      <div class="summary-con">
+      <div class="summary-con" style="height: 115px">
         <div class="right-con" v-hasPermi="['invest:debitCard']">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
-            <div class="title">储蓄卡可用余额</div>
+            <div class="title">储蓄账户余额</div>
+            <div>
+              <span class="num">{{ accountsBalance.debitAllBalance }}</span> <span class="unit"></span>
+            </div>
+          </div>
+        </div>
+        <div class="right-con" v-hasPermi="['invest:debitCard']">
+          <div class="img">
+            <img src="@/assets/images/average.png" alt="" />
+          </div>
+          <div class="item-wrap">
+            <div class="title">储蓄卡余额</div>
             <div>
               <span class="num">{{ accountsBalance.debitBalance }}</span> <span class="unit"></span>
             </div>
           </div>
         </div>
+        <div class="right-con" v-hasPermi="['invest:debitCard']">
+          <div class="img">
+            <img src="@/assets/images/average.png" alt="" />
+          </div>
+          <div class="item-wrap">
+            <div class="title">I类储蓄卡余额</div>
+            <div>
+              <span class="num">{{ accountsBalance.idebitBalance }}</span> <span class="unit"></span>
+            </div>
+          </div>
+        </div>
+        <div class="right-con" v-hasPermi="['invest:debitCard']">
+          <div class="img">
+            <img src="@/assets/images/average.png" alt="" />
+          </div>
+          <div class="item-wrap">
+            <div class="title">II类储蓄卡余额</div>
+            <div>
+              <span class="num">{{ accountsBalance.iidebitBalance }}</span> <span class="unit"></span>
+            </div>
+          </div>
+        </div>
         <div class="right-con" v-hasPermi="['invest:creditCard']">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -50,6 +83,8 @@
             </div>
           </div>
         </div>
+      </div>
+      <div class="summary-con" style="height: 110px">
         <div class="right-con" v-hasPermi="['invest:creditCard']">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -61,6 +96,17 @@
             </div>
           </div>
         </div>
+        <div class="center-con" v-hasPermi="['invest:onlineLend']">
+          <div class="img">
+            <img src="@/assets/images/average.png" alt="" />
+          </div>
+          <div class="item-wrap">
+            <div class="title">借贷账户余额</div>
+            <div>
+              <span class="num">{{ accountsBalance.lendAccountBalance }}</span>
+            </div>
+          </div>
+        </div>
         <div class="center-con" v-hasPermi="['invest:futureStocks:list']">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
@@ -72,14 +118,25 @@
             </div>
           </div>
         </div>
-        <div class="center-con" v-hasPermi="['invest:onlineLend']">
+        <div class="center-con" v-hasPermi="['invest:futureStocks:list']">
           <div class="img">
             <img src="@/assets/images/average.png" alt="" />
           </div>
           <div class="item-wrap">
-            <div class="title">借贷账户余额</div>
+            <div class="title">期货投资账户余额</div>
             <div>
-              <span class="num">{{ accountsBalance.lendAccountBalance }}</span>
+              <span class="num">{{ accountsBalance.futuresBalance }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="center-con" v-hasPermi="['invest:futureStocks:list']">
+          <div class="img">
+            <img src="@/assets/images/average.png" alt="" />
+          </div>
+          <div class="item-wrap">
+            <div class="title">股票投资账户余额</div>
+            <div>
+              <span class="num">{{ accountsBalance.stocksBalance }}</span>
             </div>
           </div>
         </div>
@@ -96,9 +153,9 @@
         </div>
       </div>
       <div class="content-con">
-        <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px)"></div>
+        <div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 225px); margin-top: -10px"></div>
-        <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px)"></div>
+        <div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 225x); margin-top: -10px"></div>
-        <el-table v-show="radioVal === '账户余额'" v-loading="loading" :data="accountsBalance.accountsBalancesList" height="calc(100% - 170px)">
+        <el-table v-show="radioVal === '账户余额'" v-loading="loading" :data="accountsBalance.accountsBalancesList" height="calc(100% - 245px)">
           <el-table-column label="序号" width="50" type="index" align="center">
             <template #default="scope">
               <span>{{ scope.$index + 1 }}</span>
@@ -107,7 +164,7 @@
           <el-table-column label="记账账户" align="center" prop="account" />
           <el-table-column label="可用余额" align="center" prop="availableLimit" />
         </el-table>
-        <el-table v-show="radioVal === '信用卡可用余额'" v-loading="loading" :data="accountsBalance.creditBalancesList" height="calc(100% - 170px)">
+        <el-table v-show="radioVal === '信用卡可用余额'" v-loading="loading" :data="accountsBalance.creditBalancesList" height="calc(100% - 245px)">
           <el-table-column label="序号" width="50" type="index" align="center">
             <template #default="scope">
               <span>{{ scope.$index + 1 }}</span>