fix: 账户总览及自测问题修复。
This commit is contained in:
tianyongbao
@@ -17,7 +17,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./assets/ticketSum.png" alt="" />
|
||||
<img src="./assets/completionTickets.png" alt="" />
|
||||
<div class="info-sum">
|
||||
<div class="title">储蓄卡余额</div>
|
||||
<div class="num">{{ debetBalance }}<span>元</span></div>
|
||||
@@ -26,21 +26,21 @@
|
||||
</div>
|
||||
<div class="header-con" ref="searchHeightRef">
|
||||
<div class="item">
|
||||
<img src="./assets/completionTime.png" alt="" />
|
||||
<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/completionTickets.png" alt="" />
|
||||
<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/one.png" alt="" />
|
||||
<img src="./assets/completionTickets.png" alt="" />
|
||||
<div class="info-sum">
|
||||
<div class="title">人情欠款</div>
|
||||
<div class="num">{{ peopleLendHistory }}<span>元</span></div>
|
||||
@@ -79,36 +79,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-title" ref="searchHeightRef"> 网贷信息</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">{{ 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">{{ clearedOnlineDebtCount }}<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">{{ clearedOnlineDebt }}<span>元</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-con" ref="searchHeightRef">
|
||||
<div class="item">
|
||||
<img src="./assets/one.png" alt="" />
|
||||
@@ -132,6 +102,53 @@
|
||||
</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"> 信用卡信息</div>
|
||||
<div class="header-con" ref="searchHeightRef">
|
||||
<div class="item">
|
||||
@@ -163,36 +180,6 @@
|
||||
</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">{{ lastSixMonthUsedLimit }}<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">{{ lastSixMonthUsedRate }}<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">{{ lastMonthUsedRate }}<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">{{ lastMonthUsedLimit }}<span>元</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-con" ref="searchHeightRef">
|
||||
<div class="item">
|
||||
<img src="./assets/one.png" alt="" />
|
||||
@@ -201,13 +188,6 @@
|
||||
<div class="num">{{ creditBillRate }}<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">{{ creditInstallmentHistory }}<span>元</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./assets/ticketSum.png" alt="" />
|
||||
<div class="info-sum">
|
||||
@@ -218,11 +198,102 @@
|
||||
<div class="item">
|
||||
<img src="./assets/completionTickets.png" alt="" />
|
||||
<div class="info-sum">
|
||||
<div class="title">当月分期</div>
|
||||
<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"> 征信信息</div>
|
||||
<div class="header-con" ref="searchHeightRef">
|
||||
<div class="item">
|
||||
@@ -395,8 +466,12 @@ 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)
|
||||
@@ -413,6 +488,14 @@ 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)
|
||||
@@ -460,6 +543,14 @@ const getCreditInfoData = () => {
|
||||
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 = () => {
|
||||
@@ -476,6 +567,10 @@ const getDebetInfoData = () => {
|
||||
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 = () => {
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con" style="height: calc(100% - 1.45rem)">
|
||||
<div class="summary-con">
|
||||
<div class="summary-con" style="height: 115px">
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
@@ -104,9 +104,9 @@
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">支出笔数</div>
|
||||
<div class="title">收入笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.expensesCount }}</span> <span class="unit">笔</span>
|
||||
<span class="num">{{ account.incomeCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,14 +115,71 @@
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">收入笔数</div>
|
||||
<div class="title">支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.incomeCount }}</span> <span class="unit">笔</span>
|
||||
<span class="num">{{ account.expensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title-con">
|
||||
<div class="summary-con" style="height: 115px">
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">POS刷卡支出</div>
|
||||
<div>
|
||||
<span class="num">{{ account.posExpenses }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">真实消费支出</div>
|
||||
<div>
|
||||
<span class="num">{{ account.realExpenses }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">POS刷卡笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.posExpensesCount }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">真实消费支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.realExpensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">其他支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.otherExpensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title-con" style="margin-top: 18px">
|
||||
<div class="title">信用卡收支统计</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-radio-group v-model="radioVal" @change="handleRadioChange">
|
||||
@@ -133,9 +190,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con">
|
||||
<div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px)"></div>
|
||||
<div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px)"></div>
|
||||
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="account.tableAccountsList" height="calc(100% - 170px)">
|
||||
<div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 225px); margin-top: -10px"></div>
|
||||
<div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 225px); margin-top: -10px"></div>
|
||||
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="account.tableAccountsList" height="calc(100% - 245px)">
|
||||
<el-table-column label="序号" width="50" type="index" align="center">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.$index + 1 }}</span>
|
||||
@@ -267,6 +324,11 @@ const account = ref({
|
||||
expenses: '',
|
||||
incomeCount: '',
|
||||
expensesCount: '',
|
||||
posExpensesCount: '',
|
||||
posExpenses: '',
|
||||
realExpenses: '',
|
||||
realExpensesCount: '',
|
||||
otherExpensesCount: '',
|
||||
acccountsList: []
|
||||
})
|
||||
const chartData = ref({
|
||||
|
||||
@@ -24,26 +24,27 @@
|
||||
<div class="title">基本信息</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-button @click="handleAdd" icon="Plus" v-hasPermi="['invest:installmentHistory:add']">新增</el-button>
|
||||
<el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:installmentHistory:remove']">删除</el-button>
|
||||
<!-- <el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:installmentHistory:remove']">删除</el-button> -->
|
||||
<el-button @click="handleExport" icon="Download" v-hasPermi="['invest:installmentHistory:export']">导出</el-button>
|
||||
</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-column type="selection" width="55" align="center" />
|
||||
<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="180">
|
||||
<el-table-column label="分期日期" align="center" prop="installmentDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.installmentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="分期期数" align="center" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" prop="repaidPeriod" />
|
||||
<el-table-column label="分期期数" align="center" width="80" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" width="80" prop="repaidPeriod" />
|
||||
<el-table-column label="总利息" align="center" prop="totalInterest" />
|
||||
<el-table-column label="年化利率" align="center" prop="interestRate" />
|
||||
<el-table-column label="计算利率" align="center" prop="calculateInterestRate" />
|
||||
<el-table-column label="年化利率" align="center" width="80" prop="interestRate" />
|
||||
<el-table-column label="计算利率" align="center" width="80" prop="calculateInterestRate" />
|
||||
<el-table-column label="余额" align="center" prop="balance" />
|
||||
<el-table-column label="剩余本金" align="center" prop="outstandingPrincipal" />
|
||||
<el-table-column label="剩余利息" align="center" prop="outstandingInterest" />
|
||||
<el-table-column label="到期日期" align="center" prop="dueDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
|
||||
@@ -59,7 +60,7 @@
|
||||
<span>{{ parseTime(scope.row.closeDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="账户状态" align="center" width="100" prop="state">
|
||||
<el-table-column label="账户状态" align="center" width="80" prop="state">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="settle_state" :value="scope.row.state" />
|
||||
</template>
|
||||
|
||||
@@ -65,7 +65,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con" style="height: calc(100% - 1.45rem)">
|
||||
<div class="summary-con">
|
||||
<div class="summary-con" style="height: 115px">
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
@@ -104,9 +104,9 @@
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">支出笔数</div>
|
||||
<div class="title">收入笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.expensesCount }}</span> <span class="unit">笔</span>
|
||||
<span class="num">{{ account.incomeCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,14 +115,71 @@
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">收入笔数</div>
|
||||
<div class="title">支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.incomeCount }}</span> <span class="unit">笔</span>
|
||||
<span class="num">{{ account.expensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title-con">
|
||||
<div class="summary-con" style="height: 115px">
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">POS刷卡收入</div>
|
||||
<div>
|
||||
<span class="num">{{ account.posIncome }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">真实消费支出</div>
|
||||
<div>
|
||||
<span class="num">{{ account.realExpenses }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">POS收入笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.posIncomeCount }}</span> <span class="unit"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">真实消费支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.realExpensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right-con">
|
||||
<div class="img">
|
||||
<img src="@/assets/images/average.png" alt="" />
|
||||
</div>
|
||||
<div class="item-wrap">
|
||||
<div class="title">支出笔数</div>
|
||||
<div>
|
||||
<span class="num">{{ account.otherExpensesCount }}</span> <span class="unit">笔</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title-con" style="margin-top: 18px">
|
||||
<div class="title">储蓄账户收支统计</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-radio-group v-model="radioVal" @change="handleRadioChange">
|
||||
@@ -133,9 +190,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con">
|
||||
<div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 170px)"></div>
|
||||
<div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 170px)"></div>
|
||||
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="account.tableAccountsList" height="calc(100% - 170px)">
|
||||
<div v-show="radioVal === '柱状图'" class="chart" id="chartBar" style="height: calc(100% - 225px); margin-top: -10px"></div>
|
||||
<div v-show="radioVal === '折线图'" class="chart" id="chartLine" style="height: calc(100% - 225px); margin-top: -10px"></div>
|
||||
<el-table v-show="radioVal === '表格'" v-loading="loading" :data="account.tableAccountsList" height="calc(100% - 245px)">
|
||||
<el-table-column label="序号" width="50" type="index" align="center">
|
||||
<template #default="scope">
|
||||
<span>{{ scope.$index + 1 }}</span>
|
||||
|
||||
@@ -68,15 +68,18 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易类型" prop="dealType">
|
||||
<el-select v-model="form.dealType" placeholder="请选择交易类型">
|
||||
<el-select v-model="form.dealType" placeholder="请选择交易类型" @change="handleDealTypehange">
|
||||
<el-option v-for="dict in record_lend_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="借贷时间" prop="createTime">
|
||||
<el-date-picker clearable v-model="form.createTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择借贷时间"> </el-date-picker>
|
||||
<el-form-item :label="createTimeLabel" prop="createTime">
|
||||
<el-date-picker clearable v-model="form.createTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择时间"> </el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="借贷金额" prop="amount">
|
||||
<el-input v-model="form.amount" placeholder="请输入借贷金额" />
|
||||
<el-form-item :label="amountLabel" prop="amount">
|
||||
<el-input v-model="form.amount" placeholder="请输入金额" />
|
||||
</el-form-item>
|
||||
<el-form-item v-show="commissionShow" label="还款利息" prop="commission">
|
||||
<el-input v-model="form.commission" placeholder="请输入还款利息" />
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
|
||||
@@ -117,6 +120,9 @@ const total = ref(0)
|
||||
const debitCardList = ref([])
|
||||
const lendList = ref([])
|
||||
const title = ref('')
|
||||
const commissionShow = ref(false)
|
||||
const createTimeLabel = ref('借贷时间')
|
||||
const amountLabel = ref('借贷金额')
|
||||
const operateList = ref([
|
||||
{ id: 'view', icon: 'View', title: '查看', hasPermi: ['invest:accountsTransferRecord:query'] },
|
||||
// { id: 'edit', icon: 'Edit', title: '修改', hasPermi: ['invest:accountsTransferRecord:edit'] },
|
||||
@@ -151,6 +157,7 @@ const data = reactive({
|
||||
outAccountId: [{ required: true, message: '储蓄卡不能为空', trigger: 'blur' }],
|
||||
dealType: [{ required: true, message: '交易类型不能为空', trigger: 'blur' }],
|
||||
amount: [{ required: true, message: '借贷金额不能为空', trigger: 'blur' }],
|
||||
commission: [{ required: true, message: '还款利息不能为空', trigger: 'blur' }],
|
||||
createTime: [{ required: true, message: '借贷时间不能为空', trigger: 'blur' }]
|
||||
}
|
||||
})
|
||||
@@ -173,6 +180,19 @@ const handleOperate = (operate, row) => {
|
||||
|
||||
const { queryParams, queryLendParams, queryDebitParams, form, rules } = toRefs(data)
|
||||
|
||||
const handleDealTypehange = (type) => {
|
||||
//1表示借款，2表示还款
|
||||
if (type === '1') {
|
||||
commissionShow.value = false
|
||||
createTimeLabel.value = '借款时间'
|
||||
amountLabel.value = '借款金额'
|
||||
} else if (type === '2') {
|
||||
amountLabel.value = '还款本金'
|
||||
createTimeLabel.value = '还款时间'
|
||||
commissionShow.value = true
|
||||
}
|
||||
}
|
||||
|
||||
/** 查询借贷账户管理列表 */
|
||||
function getLendList() {
|
||||
listAccounts(queryLendParams.value).then((response) => {
|
||||
@@ -212,7 +232,7 @@ function reset() {
|
||||
outAccountId: null,
|
||||
inAccountId: null,
|
||||
posId: null,
|
||||
commission: null,
|
||||
commission: 0,
|
||||
amount: null,
|
||||
actualAmount: null,
|
||||
dealType: null,
|
||||
|
||||
@@ -24,26 +24,27 @@
|
||||
<div class="title">基本信息</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-button @click="handleAdd" icon="Plus" v-hasPermi="['invest:installmentHistory:add']">新增</el-button>
|
||||
<el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:installmentHistory:remove']">删除</el-button>
|
||||
<!-- <el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:installmentHistory:remove']">删除</el-button> -->
|
||||
<el-button @click="handleExport" icon="Download" v-hasPermi="['invest:installmentHistory:export']">导出</el-button>
|
||||
</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-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="网贷机构" align="center" width="150" prop="bankNameCode" />
|
||||
<el-table-column label="借款金额" align="center" prop="installmentAmount" />
|
||||
<el-table-column label="借款日期" align="center" prop="installmentDate" width="180">
|
||||
<el-table-column label="借款日期" align="center" prop="installmentDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.installmentDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="借款期数" align="center" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" prop="repaidPeriod" />
|
||||
<el-table-column label="借款期数" align="center" width="80" prop="period" />
|
||||
<el-table-column label="已还期数" align="center" width="80" prop="repaidPeriod" />
|
||||
<el-table-column label="总利息" align="center" prop="totalInterest" />
|
||||
<el-table-column label="年化利率" align="center" prop="interestRate" />
|
||||
<el-table-column label="计算利率" align="center" prop="calculateInterestRate" />
|
||||
<el-table-column label="年化利率" align="center" width="80" prop="interestRate" />
|
||||
<el-table-column label="计算利率" align="center" width="80" prop="calculateInterestRate" />
|
||||
<el-table-column label="余额" align="center" prop="balance" />
|
||||
<el-table-column label="剩余本金" align="center" prop="outstandingPrincipal" />
|
||||
<el-table-column label="剩余利息" align="center" prop="outstandingInterest" />
|
||||
<el-table-column label="到期日期" align="center" prop="dueDate" width="100">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
|
||||
@@ -59,12 +60,12 @@
|
||||
<span>{{ parseTime(scope.row.closeDate, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="账户状态" align="center" width="100" prop="state">
|
||||
<el-table-column label="账户状态" align="center" width="80" prop="state">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="settle_state" :value="scope.row.state" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<!-- <el-table-column label="备注" align="center" prop="remark" /> -->
|
||||
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<div class="ctrl-btn d-flex">
|
||||
|
||||
Reference in New Issue
Block a user