qdintc/intc-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 统计功能接口新增数据。

Browse Source
This commit is contained in:
tianyongbao
2025-01-24 10:25:13 +08:00
parent c57aadf6b2
commit b3695ecb58
2 changed files with 96 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/invest/creditInstallmentAnalysis/index.vue
View File

@@ -53,8 +53,8 @@
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button> <el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
</div> </div>
</div> </div>
<div class="main-con" style="height: calc(100% - 2.05rem)"> <div class="main-con" style="height: calc(100% - 1.45rem)">
<div class="summary-con"> <div class="summary-con" style="height: 115px">
<div class="center-con"> <div class="center-con">
<div class="img"> <div class="img">
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
@@ -72,7 +72,7 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">未结清分期（本息）</div> <div class="title">未结清（本息）</div>
<div> <div>
<span class="num">{{ historyObj.unClearedDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.unClearedDetail }}</span> <span class="unit"></span>
</div> </div>
@@ -84,7 +84,32 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期应还金额</div> <div class="title">未结清本金</div>
<div>
<span class="num">{{ historyObj.unClearedPrincipal }}</span> <span class="unit"></span>
</div>
</div>
</div>
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">未结清利息</div>
<div>
<span class="num">{{ historyObj.unClearedInterest }}</span> <span class="unit"></span>
</div>
</div>
</div>
</div>
<div class="summary-con" style="height: 110px">
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">当期应还本息</div>
<div> <div>
<span class="num">{{ historyObj.dueDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.dueDetail }}</span> <span class="unit"></span>
</div> </div>
@@ -96,24 +121,36 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期已还金额</div> <div class="title">当期已还本息</div>
<div> <div>
<span class="num">{{ historyObj.repaidDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.repaidDetail }}</span> <span class="unit"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="right-con"> <div class="center-con">
<div class="img"> <div class="img">
<img src="@/assets/images/average.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期待还金额</div> <div class="title">当期待还本息</div>
<div> <div>
<span class="num">{{ historyObj.leftDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.leftDetail }}</span> <span class="unit"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">当期利息</div>
<div>
<span class="num">{{ historyObj.dueInterest }}</span> <span class="unit"></span>
</div>
</div>
</div>
</div> </div>
<div class="title-con"> <div class="title-con">
<div class="title">信用卡分期还款计划</div> <div class="title">信用卡分期还款计划</div>
@@ -126,9 +163,9 @@
</div> </div>
</div> </div>
<div class="content-con"> <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% - 225px); margin-top: -10px"></div>
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="historyObj.tableHistoryDetailList" height="calc(100% - 170px)"> <el-table v-show="radioVal === '表格'" v-loading="loading" :data="historyObj.tableHistoryDetailList" height="calc(100% - 245px)">
<el-table-column label="序号" width="50" type="index" align="center"> <el-table-column label="序号" width="50" type="index" align="center">
<template #default="scope"> <template #default="scope">
<span>{{ scope.$index + 1 }}</span> <span>{{ scope.$index + 1 }}</span>

60
src/views/invest/onlineLendAnalysis/index.vue
View File

@@ -53,8 +53,8 @@
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button> <el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
</div> </div>
</div> </div>
<div class="main-con" style="height: calc(100% - 2.05rem)"> <div class="main-con" style="height: calc(100% - 1.45rem)">
<div class="summary-con"> <div class="summary-con" style="height: 115px">
<div class="center-con"> <div class="center-con">
<div class="img"> <div class="img">
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
@@ -72,7 +72,7 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">未结清贷款（本息）</div> <div class="title">未结清（本息）</div>
<div> <div>
<span class="num">{{ historyObj.unClearedDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.unClearedDetail }}</span> <span class="unit"></span>
</div> </div>
@@ -84,9 +84,9 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期应还金额</div> <div class="title">未结清本金</div>
<div> <div>
<span class="num">{{ historyObj.dueDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.unClearedPrincipal }}</span> <span class="unit"></span>
</div> </div>
</div> </div>
</div> </div>
@@ -96,24 +96,60 @@
<img src="@/assets/images/accumulate.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期已还金额</div> <div class="title">未结清利息</div>
<div>
<span class="num">{{ historyObj.unClearedInterest }}</span> <span class="unit"></span>
</div>
</div>
</div>
</div>
<div class="summary-con" style="height: 110px">
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">当期应还本息</div>
<div>
<span class="num">{{ historyObj.dueDetail }}</span> <span class="unit"></span>
</div>
</div>
</div>
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">当期已还本息</div>
<div> <div>
<span class="num">{{ historyObj.repaidDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.repaidDetail }}</span> <span class="unit"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="right-con"> <div class="center-con">
<div class="img"> <div class="img">
<img src="@/assets/images/average.png" alt="" /> <img src="@/assets/images/accumulate.png" alt="" />
</div> </div>
<div class="item-wrap"> <div class="item-wrap">
<div class="title">当期待还金额</div> <div class="title">当期待还本息</div>
<div> <div>
<span class="num">{{ historyObj.leftDetail }}</span> <span class="unit"></span> <span class="num">{{ historyObj.leftDetail }}</span> <span class="unit"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="center-con">
<div class="img">
<img src="@/assets/images/accumulate.png" alt="" />
</div>
<div class="item-wrap">
<div class="title">当期利息</div>
<div>
<span class="num">{{ historyObj.dueInterest }}</span> <span class="unit"></span>
</div>
</div>
</div>
</div> </div>
<div class="title-con"> <div class="title-con">
<div class="title">贷款还款计划</div> <div class="title">贷款还款计划</div>
@@ -126,9 +162,9 @@
</div> </div>
</div> </div>
<div class="content-con"> <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% - 225px); margin-top: -10px"></div>
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="historyObj.tableHistoryDetailList" height="calc(100% - 170px)"> <el-table v-show="radioVal === '表格'" v-loading="loading" :data="historyObj.tableHistoryDetailList" height="calc(100% - 245px)">
<el-table-column label="序号" width="50" type="index" align="center"> <el-table-column label="序号" width="50" type="index" align="center">
<template #default="scope"> <template #default="scope">
<span>{{ scope.$index + 1 }}</span> <span>{{ scope.$index + 1 }}</span>