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
2024-07-24 15:00:20 +08:00
parent 8e8a433678
commit f6f14281e9
9 changed files with 523 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/api/invest/accountAnalysis.js
View File

@@ -1,36 +1,54 @@
import request from '@/utils/request'
// 标题--投资收益
export function getIncomeInfo(query) {
// 账户总览--信用卡信息
export function getCreditAccountsInfo(query) {
return request({
url: '/invest/analysis/accountAnalysis/getIncomeInfo',
url: '/invest/analysis/getCreditAccountsInfo',
method: 'get',
params: query
})
}
// 标题--基础信息
export function getBaseAccountInfo(query) {
// 账户总览--POS机信息
export function getPosAccountsInfo(query) {
return request({
url: '/invest/analysis/accountAnalysis/getBaseAccountInfo',
url: '/invest/analysis/getPosAccountsInfo',
method: 'get',
params: query
})
}
// 标题--负债信息
export function getDebetInfo(query) {
// 账户总览--储蓄账户信息
export function getDebitAccountsInfo(query) {
return request({
url: '/invest/analysis/accountAnalysis/getDebetInfo',
url: '/invest/analysis/getDebitAccountsInfo',
method: 'get',
params: query
})
}
// 标题--信用卡信息
export function getCreditInfo(query) {
// 账户总览--投资账户信息
export function getInvestAccountsInfo(query) {
return request({
url: '/invest/analysis/accountAnalysis/getCreditInfo',
url: '/invest/analysis/getInvestAccountsInfo',
method: 'get',
params: query
})
}
// 账户总览--借贷账户信息
export function getLendAccountsInfo(query) {
return request({
url: '/invest/analysis/getLendAccountsInfo',
method: 'get',
params: query
})
}
// 账户总览--征信报告信息
export function getCreditReportInfo(query) {
return request({
url: '/invest/analysis/getCreditReportInfo',
method: 'get',
params: query
})

692
src/views/invest/accountAnalysis/index.vue
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>

2
src/views/invest/accounts/index.vue
View File

@@ -11,7 +11,7 @@
<el-option v-for="dict in account_type" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="账户状态" prop="state">
<el-form-item label="账户显示状态" prop="state">
<el-select v-model="queryParams.state" placeholder="请选择账户状态" clearable>
<el-option v-for="dict in account_state" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>

9
src/views/invest/creditInstallmentHistory/index.vue
View File

@@ -29,7 +29,7 @@
</div>
</div>
<div class="content-con" v-loading="loading">
<el-table v-loading="loading" :data="installmentHistoryList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
<el-table v-loading="loading" :data="installmentHistoryList" height="calc(100% - 0.62rem)">
<el-table-column label="信用卡" align="center" width="200" prop="bankNameCode" />
<el-table-column label="分期金额" align="center" prop="installmentAmount" />
<el-table-column label="分期日期" align="center" prop="installmentDate" width="100">
@@ -183,11 +183,13 @@
<div class="title">基本信息</div>
<div class="operate-btn-con">
<el-button @click="handleAddDetail" icon="Plus" v-hasPermi="['invest:installmentHistory:add']">新增</el-button>
<el-button icon="Delete" @click="handleDeleteDetail" v-hasPermi="['invest:installmentHistory:remove']">删除明细</el-button>
<el-button @click="handleUpdateInterest" icon="Expand" v-hasPermi="['invest:installmentHistory:add']">总利息汇总</el-button>
</div>
</div>
<div class="content-con">
<el-table v-loading="loading" :data="installmentDetailList">
<el-table v-loading="loading" @selection-change="handleSelectionChange" :data="installmentDetailList">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="入账日期" align="center" prop="repaymentDate" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.repaymentDate, '{y}-{m}-{d}') }}</span>
@@ -581,10 +583,11 @@ function handleDelete(row) {
/** 删除按钮操作 */
function handleDeleteDetail(row) {
const _ids = row.id || ids.value
proxy.$modal
.confirm('是否确认删除选中的数据项？')
.then(function () {
return delInstallmentDetail(row.id)
return delInstallmentDetail(_ids)
})
.then(() => {
listInstallmentDetail({ installmentHistoryId: currentInstallmentHistoryId.value, pageNum: 1, pageSize: 1000 }).then((response) => {

42
src/views/invest/debitcard/index.vue
View File

@@ -3,16 +3,16 @@
<div class="search-con">
<div class="title">查询条件</div>
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="储蓄卡名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入储蓄卡名称" clearable @keyup.enter="handleQuery" />
<el-form-item label="储蓄账户名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入储蓄账户名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="账户状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择账户状态" clearable>
<el-option v-for="dict in account_status" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="储蓄卡类型" prop="debitType">
<el-select v-model="queryParams.debitType" placeholder="请选择账户状态" clearable>
<el-form-item label="储蓄账户类型" prop="debitType">
<el-select v-model="queryParams.debitType" placeholder="请选择储蓄账户类型" clearable>
<el-option v-for="dict in debit_type" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
@@ -34,8 +34,8 @@
<div class="content-con" v-loading="loading">
<el-table v-loading="loading" :data="bankcardList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="储蓄卡名称" align="center" width="180" prop="name" />
<el-table-column label="储蓄卡卡号" align="center" prop="code" />
<el-table-column label="储蓄账户名称" align="center" width="180" prop="name" />
<el-table-column label="储蓄账户卡号" align="center" prop="code" />
<el-table-column label="账户状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="account_status" :value="scope.row.status" />
@@ -47,7 +47,7 @@
<span>{{ parseTime(scope.row.activationDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="储蓄卡类型" width="150" align="center" prop="debitType">
<el-table-column label="储蓄账户类型" width="150" align="center" prop="debitType">
<template #default="scope">
<dict-tag :options="debit_type" :value="scope.row.debitType" />
</template>
@@ -66,14 +66,14 @@
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
</div>
</div>
<!-- 添加或修改储蓄卡信息对话框 -->
<!-- 添加或修改储蓄账户信息对话框 -->
<el-dialog :title="title" v-model="open" width="880px" append-to-body>
<el-form ref="bankcardRef" :model="form" :inline="true" :rules="rules" label-width="120px">
<el-form-item label="储蓄卡名称" prop="name">
<el-input v-model="form.name" placeholder="请输入储蓄卡名称" />
<el-form-item label="储蓄账户名称" prop="name">
<el-input v-model="form.name" placeholder="请输入储蓄账户名称" />
</el-form-item>
<el-form-item label="储蓄卡卡号" prop="code">
<el-input v-model="form.code" placeholder="请输入储蓄卡卡号" />
<el-form-item label="储蓄账户卡号" prop="code">
<el-input v-model="form.code" placeholder="请输入储蓄账户卡号" />
</el-form-item>
<el-form-item label="账户状态" prop="status">
<el-select v-model="form.status" placeholder="请选择账户状态">
@@ -95,8 +95,8 @@
<el-form-item label="有效期" prop="effectiveDate">
<el-date-picker clearable v-model="form.effectiveDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择有效期"> </el-date-picker>
</el-form-item>
<el-form-item label="储蓄卡类型" prop="debitType">
<el-select v-model="form.debitType" placeholder="请选择储蓄卡类型">
<el-form-item label="储蓄账户类型" prop="debitType">
<el-select v-model="form.debitType" placeholder="请选择储蓄账户类型">
<el-option v-for="dict in debit_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
@@ -104,7 +104,7 @@
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
<template v-if="title !== '查看储蓄卡信息'" #footer>
<template v-if="title !== '查看储蓄账户信息'" #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
@@ -146,8 +146,8 @@ const data = reactive({
type: '1'
},
rules: {
name: [{ required: true, message: '储蓄卡名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '储蓄卡卡号不能为空', trigger: 'blur' }],
name: [{ required: true, message: '储蓄账户名称不能为空', trigger: 'blur' }],
code: [{ required: true, message: '储蓄账户卡号不能为空', trigger: 'blur' }],
status: [{ required: true, message: '账户状态不能为空', trigger: 'blur' }],
balance: [{ required: true, message: '余额不能为空', trigger: 'blur' }]
}
@@ -171,7 +171,7 @@ const handleOperate = (operate, row) => {
const { queryParams, form, rules } = toRefs(data)
/** 查询储蓄卡信息列表 */
/** 查询储蓄账户信息列表 */
function getList() {
loading.value = true
listBankcardLend(queryParams.value).then((response) => {
@@ -243,7 +243,7 @@ function handleSelectionChange(selection) {
// 查看
const handleView = (row) => {
title.value = '查看储蓄卡信息'
title.value = '查看储蓄账户信息'
form.value = row
open.value = true
}
@@ -252,7 +252,7 @@ const handleView = (row) => {
function handleAdd() {
reset()
open.value = true
title.value = '添加储蓄卡信息'
title.value = '添加储蓄账户信息'
}
/** 修改按钮操作 */
@@ -262,7 +262,7 @@ function handleUpdate(row) {
getBankcardLend(_id).then((response) => {
form.value = response.data
open.value = true
title.value = '修改储蓄卡信息'
title.value = '修改储蓄账户信息'
})
}

2
src/views/invest/futures/index.vue
View File

@@ -154,6 +154,8 @@ const data = reactive({
queryDebitCardParams: {
pageNum: 1,
type: '1',
debitType: '1',
status: '1',
pageSize: 1000
},
rules: {

2
src/views/invest/posmachine/index.vue
View File

@@ -179,6 +179,8 @@ const data = reactive({
queryDebitCardParams: {
pageNum: 1,
type: '1',
debitType: '1',
status: '1',
pageSize: 1000
},
rules: {

2
src/views/invest/stocks/index.vue
View File

@@ -140,6 +140,8 @@ const data = reactive({
queryDebitCardParams: {
pageNum: 1,
type: '1',
debitType: '1',
status: '1',
pageSize: 1000
},
rules: {

15
vite.config.js
View File

@@ -46,25 +46,14 @@ export default defineConfig(({ mode, command }) => {
rewrite: (p) => p.replace(/^\/dev-api/, '')
},
'/file-upload': {
target: 'http://8.140.22.151:9000',
target: 'http://101.126.95.100:9000',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/file-upload/, '')
},
'/fileUrl': {
target: 'http://8.140.22.151:9000', // 本地
target: 'http://101.126.95.100:9000', // 本地
changeOrigin: true,
rewrite: (p) => p.replace(/^\/fileUrl/, '')
},
'/bimapi': {
target: 'http://140.249.24.92:3101', // 本地
changeOrigin: true,
rewrite: (p) => p.replace(/^\/bimapi/, '')
},
'/model': {
// bim模型
target: 'http://140.249.24.92:3101',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/model/, '')
}
}
},