fix: 首页功能优化,模块优化。

This commit is contained in:
tianyongbao
2024-07-24 15:00:20 +08:00
parent 6cffd62019
commit f130d73826
9 changed files with 523 additions and 285 deletions

View File

@@ -1,26 +1,36 @@
<template>
<div class="app-container" style="overflow: auto">
<div class="header-title" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;负债信息</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">{{ netAsset }}<span></span></div>
<div class="num">
{{
(
parseFloat(debitTotalBalance) +
parseFloat(investBalance) -
parseFloat(unClearedOnlineDebt) -
parseFloat(creditBalance) -
parseFloat(peopleLendHistory)
).toFixed(2)
}}<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 class="num">{{ (parseFloat(unClearedOnlineDebt) + parseFloat(creditBalance) + parseFloat(peopleLendHistory)).toFixed(2) }}<span></span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:debitCard']">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">储蓄余额</div>
<div class="num">{{ debetBalance }}<span></span></div>
<div class="title">储蓄账户余额</div>
<div class="num">{{ debitTotalBalance }}<span></span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:futureStocks:list']">
@@ -35,125 +45,115 @@
<div class="item" v-hasPermi="['invest:onlineLend']">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">网贷欠款</div>
<div class="title">未结清网贷本息</div>
<div class="num">{{ unClearedOnlineDebt }}<span></span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:creditCard']">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">信用卡已使用额度</div>
<div class="num">{{ creditBalance }}<span></span></div>
<div class="title">人情欠款</div>
<div class="num">{{ peopleLendHistory }}<span></span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:onlineLend']">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">人情欠款</div>
<div class="num">{{ peopleLendHistory }}<span></span></div>
<div class="title">信用卡已使用额度</div>
<div class="num">{{ creditBalance }}<span></span></div>
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;投资收益</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-title" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;储蓄账户信息</div>
<div class="header-con" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">I类储蓄卡</div>
<div class="num">{{ debitICount }}<span></span></div>
</div>
</div>
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">II类储蓄卡</div>
<div class="num">{{ debitIICount }}<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">{{ debitOnlineCount }}<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 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 class="title">储值卡</div>
<div class="num">{{ storedValueCardCount }}<span></span></div>
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;网贷信息</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<!-- <div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">其他账户</div>
<div class="num">{{ otherDebitCount }}<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">{{ dueOnlineDebt }}<span></span></div>
<div class="title">储蓄账户余额</div>
<div class="num">{{ debitTotalBalance }}<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 class="title">储蓄卡余额</div>
<div class="num">{{ debitBalance }}<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 class="title">网络账户余额</div>
<div class="num">{{ debitOnlineBalance }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-hasPermi="['invest:debitCard']" 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 class="title">储值卡余额</div>
<div class="num">{{ storedValueCardBalance }}<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 class="title">住房公积金余额</div>
<div class="num">{{ housingFundBalance }}<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 class="title">职工医保余额</div>
<div class="num">{{ personalPensionBalance }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" 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">
<!-- <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 class="title">其他余额</div>
<div class="num">{{ otherDebitBalance }}<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>
<div class="header-title" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;信用卡信息</div>
@@ -301,6 +301,253 @@
</div>
</div>
<div class="header-title" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;借贷账户信息</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">网贷账户</div>
<div class="num">{{ onlineLendCount }}<span></span></div>
</div>
</div>
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">未结清网贷本息</div>
<div class="num">{{ unClearedOnlineDebt }}<span></span></div>
</div>
</div>
<div class="item">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">人情账户</div>
<div class="num">{{ 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">{{ peopleLendHistory }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" 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" v-hasPermi="['invest:onlineLend']" 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" v-hasPermi="['invest:onlineLend']" 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" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;POS机信息</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" 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">{{ currentMonthCount }}<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">{{ currentMonthAmount }}<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">{{ currentMonthCommission }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">当年刷卡次数</div>
<div class="num">{{ currentYearCount }}<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">{{ currentYearAmount }}<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">{{ currentYearCommission }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">累计刷卡次数</div>
<div class="num">{{ accumulateCount }}<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">{{ accumulateAmount }}<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">{{ accumulateCommission }}<span></span></div>
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;投资账户信息</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" 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">{{ investBalance }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">本月投资收益</div>
<div class="num">{{ currentMonthInvest }}<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">{{ currentMonthIncome }}<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">{{ currentMonthExpenses }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<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" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;征信信息</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="item">
@@ -385,185 +632,142 @@
</div>
</div>
</div>
<div
class="header-title"
v-hasPermi="['invest:posmachine:list', 'invest:creditCard', 'invest:debitCard', 'invest:onlineLend', 'invest:futureStocks:list']"
ref="searchHeightRef"
>
&nbsp;&nbsp;&nbsp;&nbsp;基础信息
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list', 'invest:creditCard', 'invest:debitCard']" ref="searchHeightRef">
<div class="item" v-hasPermi="['invest:posmachine:list']">
<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" v-hasPermi="['invest:creditCard']">
<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" v-hasPermi="['invest:debitCard']">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">储蓄卡总数</div>
<div class="num">{{ debitCount }}<span></span></div>
</div>
</div> -->
<div class="item" v-hasPermi="['invest:debitCard']">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">I类储蓄卡</div>
<div class="num">{{ debitICount }}<span></span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:debitCard']">
<img src="./assets/completionTime.png" alt="" />
<div class="info-sum">
<div class="title">II类储蓄卡</div>
<div class="num">{{ debitIICount }}<span></span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend', 'invest:futureStocks:list']" ref="searchHeightRef">
<div class="item" v-hasPermi="['invest:futureStocks:list']">
<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" v-hasPermi="['invest:futureStocks:list']">
<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" v-hasPermi="['invest:onlineLend']">
<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" v-hasPermi="['invest:onlineLend']">
<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'
import {
getPosAccountsInfo,
getInvestAccountsInfo,
getCreditReportInfo,
getLendAccountsInfo,
getCreditAccountsInfo,
getDebitAccountsInfo
} from '@/api/invest/accountAnalysis.js'
//投资收益
const futuresIncome = ref(0)
const totalIncome = ref(0)
const stocksIncome = ref(0)
const investBalance = ref(0)
//POS机信息
const posCount = ref(0) //POS机总数
const currentMonthAmount = ref(0) //当月刷卡金额
const currentMonthCommission = ref(0) //当月刷卡手续费
const currentMonthCount = ref(0) //当月刷卡次数
const currentYearAmount = ref(0) //当年刷卡金额
const currentYearCommission = ref(0) //当年刷卡手续费
const currentYearCount = ref(0) //当年刷卡次数
const accumulateAmount = ref(0) //累计刷卡金额
const accumulateCommission = ref(0) //累计刷卡手续费
const accumulateCount = ref(0) //累计刷卡次数
//基础信息
const posCount = ref(0)
const debitCount = ref(0)
const debitICount = ref(0)
const debitIICount = ref(0)
const stocksCount = ref(0)
const futuresCount = ref(0)
const peopleLendCount = ref(0)
const onlineLendCount = ref(0)
const creditCount = ref(0)
//投资账户信息
const stocksCount = ref(0) //股票账户
const futuresCount = ref(0) //期货账户
const currentMonthInvest = ref(0) //当月收益
const currentMonthIncome = ref(0) //当月盈利
const currentMonthExpenses = ref(0) //当月亏损
const futuresIncome = ref(0) //期货收益
const totalIncome = ref(0) //投资总收益
const stocksIncome = ref(0) //股票收益
const investBalance = ref(0) //投资账户余额
//网贷信息-公共
const creditInstallmentHistory = ref(0)
const peopleLendHistory = ref(0)
const totalDebt = ref(0)
const debetBalance = ref(0)
const netAsset = ref(0)
//储蓄账户信息
const debitCount = ref(0) //储蓄卡总数
const debitICount = ref(0) //I类储蓄卡总数
const debitIICount = ref(0) //II类储蓄卡总数
const debitOnlineCount = ref(0) //网络账户总数
const storedValueCardCount = ref(0) //储值卡总数
const otherDebitCount = ref(0) //其他账户数
const storedValueCardBalance = ref(0) //储值卡余额
const housingFundBalance = ref(0) //公积金余额
const medicalBalance = ref(0) //医保余额
const debitOnlineBalance = ref(0) //网络账户余额
const personalPensionBalance = ref(0) //个人养老金余额
const otherDebitBalance = ref(0) //其他余额
const debitBalance = ref(0) //储蓄卡余额
const debitTotalBalance = 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 peopleLendHistory = ref(0) //人情借贷余额
const peopleLendCount = ref(0) //人情账户
const onlineLendCount = 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 creditInstallmentHistory = ref(0)
const creditCount = 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 creditLimit = ref(0) //信用卡额度
const lastSixMonthUsedLimit = ref(0) //近6月使用额度
const lastSixMonthUsedRate = ref(0) //近6月使用率
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 lastOneMonths = ref(0) //近1月硬查询
const lastTwoMonths = ref(0) //近2月硬查询
const lastThreeMonths = ref(0) //近3月硬查询
const lastSixMonths = ref(0) //近6月硬查询
const lastOneYears = ref(0) //近1年硬查询
const lastTwoYears = ref(0) //近2年硬查询
const lastAllYears = ref(0) //所有硬查询
const lastSixMonthQueryCount = ref(0) //近6月个人查询
const lastSixMonthsAfterLoan = ref(0) //近6月贷后管理
const lastTwoYearsAfterLoan = ref(0) //近2年贷后管理
const totalAfterLoan = ref(0) //总贷后管理
const getIncomeInfoData = () => {
getIncomeInfo().then((res) => {
const getInvestAccountsInfoData = () => {
getInvestAccountsInfo().then((res) => {
stocksCount.value = res.data.stocksCount
futuresCount.value = res.data.futuresCount
totalIncome.value = res.data.totalIncome
futuresIncome.value = res.data.futuresIncome
stocksIncome.value = res.data.stocksIncome
investBalance.value = res.data.investBalance
currentMonthInvest.value = res.data.currentMonthInvest
currentMonthIncome.value = res.data.currentMonthIncome
currentMonthExpenses.value = res.data.currentMonthExpenses
})
}
const getBaseAccountInfoData = () => {
getBaseAccountInfo().then((res) => {
const getPosAccountsInfoData = () => {
getPosAccountsInfo().then((res) => {
posCount.value = res.data.posCount
creditCount.value = res.data.creditCount
debitCount.value = res.data.debitCount
debitICount.value = res.data.debitICount
debitIICount.value = res.data.debitIICount
stocksCount.value = res.data.stocksCount
futuresCount.value = res.data.futuresCount
peopleLendCount.value = res.data.peopleLendCount
onlineLendCount.value = res.data.onlineLendCount
currentMonthAmount.value = res.data.currentMonthAmount
currentMonthCommission.value = res.data.currentMonthCommission
currentMonthCount.value = res.data.currentMonthCount
currentYearAmount.value = res.data.currentYearAmount
currentYearCommission.value = res.data.currentYearCommission
currentYearCount.value = res.data.currentYearCount
accumulateAmount.value = res.data.accumulateAmount
accumulateCommission.value = res.data.accumulateCommission
accumulateCount.value = res.data.accumulateCount
})
}
const getCreditInfoData = () => {
getCreditInfo().then((res) => {
const getCreditAccountsInfoData = () => {
getCreditAccountsInfo().then((res) => {
creditCount.value = res.data.creditCount
currentCreditBill.value = res.data.currentCreditBill
creditInstallment.value = res.data.creditInstallment
creditLimit.value = res.data.creditLimit
@@ -584,13 +788,12 @@ const getCreditInfoData = () => {
clearedCreditInstallmentInterest.value = res.data.clearedCreditInstallmentInterest
})
}
const getDebetInfoData = () => {
getDebetInfo().then((res) => {
const getLendAccountsInfoData = () => {
getLendAccountsInfo().then((res) => {
peopleLendCount.value = res.data.peopleLendCount
onlineLendCount.value = res.data.onlineLendCount
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
@@ -604,8 +807,8 @@ const getDebetInfoData = () => {
clearedOnlineDebtInterest.value = res.data.clearedOnlineDebtInterest
})
}
const getCreditRecordAnalysisData = () => {
getCreditRecordAnalysis().then((res) => {
const getCreditReportInfoData = () => {
getCreditReportInfo().then((res) => {
lastOneMonths.value = res.data.lastOneMonths
lastTwoMonths.value = res.data.lastTwoMonths
lastThreeMonths.value = res.data.lastThreeMonths
@@ -619,13 +822,32 @@ const getCreditRecordAnalysisData = () => {
totalAfterLoan.value = res.data.totalAfterLoan
})
}
const getDebitAccountsInfoData = () => {
getDebitAccountsInfo().then((res) => {
debitCount.value = res.data.debitCount
debitICount.value = res.data.debitICount
debitIICount.value = res.data.debitIICount
debitOnlineCount.value = res.data.debitOnlineCount
storedValueCardCount.value = res.data.storedValueCardCount
debitBalance.value = res.data.debitBalance
debitTotalBalance.value = res.data.debitTotalBalance
debitOnlineBalance.value = res.data.debitOnlineBalance
storedValueCardBalance.value = res.data.storedValueCardBalance
housingFundBalance.value = res.data.housingFundBalance
medicalBalance.value = res.data.medicalBalance
personalPensionBalance.value = res.data.personalPensionBalance
otherDebitBalance.value = res.data.otherDebitBalance
otherDebitCount.value = res.data.otherDebitCount
})
}
onMounted(() => {
getIncomeInfoData()
getBaseAccountInfoData()
getCreditInfoData()
getDebetInfoData()
getCreditRecordAnalysisData()
getInvestAccountsInfoData()
getPosAccountsInfoData()
getDebitAccountsInfoData()
getCreditAccountsInfoData()
getLendAccountsInfoData()
getCreditReportInfoData()
})
</script>
<style lang="scss" scoped>