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

fix: 页面显示功能优化。

Browse Source
This commit is contained in:
tianyongbao
2024-06-29 13:23:06 +08:00
parent 263e21b138
commit 62d8c85805
17 changed files with 142 additions and 792 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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>

650
src/pages/statistic/accounts/accountAnalysis/index.vue
View File

@@ -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>

18
src/pages/statistic/accounts/accountDealAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/accounts/accountsBalance/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
width: 30px;
}
}
.header-title {
@@ -212,7 +212,7 @@
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-size: 16px;
}
}
.btnAdd {

16
src/pages/statistic/accounts/creditCardDealAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/accounts/debitDealAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/accounts/investDealAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/accounts/posAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/bill/creditBillAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

18
src/pages/statistic/bill/creditInstallmentAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

22
src/pages/statistic/bill/creditInstallmentSettledAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/bill/creditRecordAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/bill/futuresAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/bill/investAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

18
src/pages/statistic/bill/onlineLendAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

22
src/pages/statistic/bill/onlineLendSettledAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {

14
src/pages/statistic/bill/stocksAnalysis/index.vue
View File

@@ -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;
width: 50px;
height: 30px;
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 {