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

fix: 统计功能图标统一优化。

Browse Source
This commit is contained in:
tianyongbao
2024-10-24 19:39:48 +08:00
parent d0308ee87c
commit 4b8eee9df8
17 changed files with 132 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -75,14 +75,14 @@
</div>
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">投资盈利</div>
<div class="num">{{ account.investIncome}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">投资亏损</div>
<div class="num">{{ account.investOutcome }}<span>元</span></div>
@@ -107,14 +107,14 @@
</div>
<div class="header-con" v-show="auth.hasPermi('invest:creditCard','invest:posmachine:list','invest:onlineLend')" ref="searchHeightRef">
<div class="item" v-show="auth.hasPermi('invest:creditCard','invest:posmachine:list','invest:onlineLend')">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">手续费利息合计</div>
<div class="num">{{ account.notDailyExpenses}}<span>元</span></div>
</div>
</div>
<div class="item" v-show="auth.hasPermi('invest:posmachine:list')">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">POS机手续费</div>
<div class="num">{{ account.posExpenses }}<span>元</span></div>

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

@@ -26,14 +26,14 @@
</div>
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list','invest:creditCard')" ref="searchHeightRef">
<div class="item" v-show="auth.hasPermi('invest:creditCard')">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">信用卡余额</div>
<div class="num">{{ accountsBalance.creditBalance }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="auth.hasPermi('invest:futureStocks:list')">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">投资账户余额</div>
<div class="num">{{ accountsBalance.investBalance }}<span>元</span></div>

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

@@ -83,14 +83,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">支出金额</div>
<div class="num">{{ account.expenses}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">收入笔数</div>
<div class="num">{{ account.incomeCount }}<span>笔</span></div>
@@ -115,14 +115,14 @@
</div>
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">真实消费支出</div>
<div class="num">{{ account.realExpenses}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">POS刷卡笔数</div>
<div class="num">{{ account.posExpensesCount }}<span>笔</span></div>

28
src/pages/statistic/accounts/dailyExpensesAnalysis/index.vue
View File

@@ -83,14 +83,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top2Name != null">
<div class="item" v-show="account.top2Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top2Name }}</div>
<div class="num">{{ account.top2 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top3Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top3Name }}</div>
<div class="num">{{ account.top3 }}<span>元</span></div>
@@ -99,14 +99,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top4Name != null">
<div class="item" v-show="account.top4Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top4Name }}</div>
<div class="num">{{ account.top4 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top5Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top5Name }}</div>
<div class="num">{{ account.top5 }}<span>元</span></div>
@@ -115,14 +115,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top6Name != null">
<div class="item" v-show="account.top6Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top6Name }}</div>
<div class="num">{{ account.top6 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top7Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top7Name }}</div>
<div class="num">{{ account.top7 }}<span>元</span></div>
@@ -131,14 +131,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top8Name != null">
<div class="item" v-show="account.top8Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top8Name }}</div>
<div class="num">{{ account.top8 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top9Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top9Name }}</div>
<div class="num">{{ account.top9 }}<span>元</span></div>
@@ -147,14 +147,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top10Name != null">
<div class="item" v-show="account.top10Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top10Name }}</div>
<div class="num">{{ account.top10 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top11Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top11Name }}</div>
<div class="num">{{ account.top11 }}<span>元</span></div>
@@ -163,14 +163,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top12Name != null">
<div class="item" v-show="account.top12Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top12Name }}</div>
<div class="num">{{ account.top12 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top13Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top13Name }}</div>
<div class="num">{{ account.top13 }}<span>元</span></div>
@@ -179,14 +179,14 @@
</div>
<div class="header-con" ref="searchHeightRef" v-show="account.top14Name != null">
<div class="item" v-show="account.top14Name != null">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top14Name }}</div>
<div class="num">{{ account.top14 }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="account.top15Name != null">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">{{ account.top15Name }}</div>
<div class="num">{{ account.top15 }}<span>元</span></div>

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

@@ -83,14 +83,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">支出金额</div>
<div class="num">{{ account.expenses}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">收入笔数</div>
<div class="num">{{ account.incomeCount }}<span>笔</span></div>
@@ -115,14 +115,14 @@
</div>
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">真实消费支出</div>
<div class="num">{{ account.realExpenses}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">POS收入笔数</div>
<div class="num">{{ account.posIncomeCount }}<span>笔</span></div>

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

@@ -76,21 +76,38 @@
<div class="item">
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">盈利金额</div>
<div class="num">{{ account.income }}<span>元</span></div>
<div class="title">交易笔数</div>
<div class="num">{{ account.expensesCount+account.incomeCount}}<span>笔</span></div>
</div>
</div>
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">亏损金额</div>
<div class="num">{{ account.expenses}}<span>元</span></div>
<div class="title">交易次数</div>
<div class="num">{{ account.count }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">平均收益</div>
<div class="num">{{ account.average }}<span>元</span></div>
</div>
</div>
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">盈利金额</div>
<div class="num">{{ account.income }}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">盈利笔数</div>
<div class="num">{{ account.incomeCount }}<span>笔</span></div>
@@ -100,9 +117,16 @@
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">亏损金额</div>
<div class="num">{{ account.expenses}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">亏损笔数</div>
<div class="num">{{ account.expensesCount}}<span>笔</span></div>
<div class="num">{{ account.expensesCount}}<span>元</span></div>
</div>
</div>
@@ -237,6 +261,12 @@ function searchSubmit() {
function getList() {
getAcccountsDealAnalysis({...queryParams.value }).then(res => {
account.value = { ...res.data }
account.value.count = res.data.tableAccountsList.length
if (res.data.tableAccountsList.length > 0) {
account.value.average = parseFloat(account.value.amount / res.data.tableAccountsList.length).toFixed(2)
} else {
account.value.average = 0
}
listData.value = listData.value.concat(res.data.tableAccountsList)
}).catch(() => {
})

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

@@ -83,14 +83,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">入账金额</div>
<div class="num">{{ pos.actualAmount }}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">刷卡次数</div>
<div class="num">{{ pos.count }}<span>次</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">已用额度</div>
<div class="num">{{ creditObj.creditBalance}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">可用额度</div>
<div class="num">{{ creditObj.creditAvailableLimit }}<span>元</span></div>
@@ -100,14 +100,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">信用卡总数</div>
<div class="num">{{ creditObj.creditCardCount}}<span>张</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">月平均账单金额</div>
<div class="num">{{ creditObj.averageCreditBill }}<span>元</span></div>
@@ -116,7 +116,7 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">累计账单金额</div>
<div class="num">{{ creditObj.actualCreditBill}}<span>元</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">当期应还金额</div>
<div class="num">{{ historyObj.dueDetail}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">当期已还金额</div>
<div class="num">{{ historyObj.repaidDetail }}<span>元</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">已结清（本金）</div>
<div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">已结清利息</div>
<div class="num">{{ historyObj.totalInterest }}<span>元</span></div>

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

@@ -75,14 +75,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">近3月硬查询</div>
<div class="num">{{ creditRecord.lastThreeMonths}}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">近6月硬查询</div>
<div class="num">{{ creditRecord.lastSixMonths }}<span>次</span></div>
@@ -107,14 +107,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">近6月个人查询</div>
<div class="num">{{ creditRecord.lastSixMonthPersonalCount}}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">个人查询总数</div>
<div class="num">{{ creditRecord.totalPersonalCount }}<span>次</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">最大收益</div>
<div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">最大亏损</div>
<div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>

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

@@ -76,14 +76,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">股票累计收益</div>
<div class="num">{{ futuresStock.accumulateStocks}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">最大收益</div>
<div class="num">{{ futuresStock.maxRevenue }}<span>元</span></div>
@@ -92,7 +92,7 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">最大亏损</div>
<div class="num">{{ futuresStock.maxLoss}}<span>元</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">当期应还金额</div>
<div class="num">{{ historyObj.dueDetail}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">当期已还金额</div>
<div class="num">{{ historyObj.repaidDetail }}<span>元</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">已结清（本金）</div>
<div class="num">{{ historyObj.clearedPrincipal}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">已结清利息</div>
<div class="num">{{ historyObj.totalInterest }}<span>元</span></div>

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

@@ -84,14 +84,14 @@
</div>
<div class="header-con" ref="searchHeightRef">
<div class="item">
<img src="@/static/images/completionTickets.png" alt="" />
<img src="@/static/images/one.png" alt="" />
<div class="info-sum">
<div class="title">最大收益</div>
<div class="num">{{ futuresStock.maxRevenue}}<span>元</span></div>
</div>
</div>
<div class="item">
<img src="@/static/images/completionTime.png" alt="" />
<img src="@/static/images/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">最大亏损</div>
<div class="num">{{ futuresStock.maxLoss }}<span>元</span></div>