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

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

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>

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>

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>

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>

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>

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(() => {
})

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

View File

@@ -1,6 +1,13 @@
<template>
<view class="container">
<u-sticky offsetTop="8rpx" customNavHeight="8rpx">
<view class="search-view">
<u-input v-model="queryParams.creditCardName" border="false" type="select" @click="handleCreditCard" placeholder="请选择信用卡" suffixIcon="search"
suffixIconStyle="color: #909399" class="search-input">
</u-input>
</view>
</u-sticky>
<u-sticky offsetTop="8rpx" customNavHeight="8rpx">
<view class="search-view">
<u-input v-model="queryParams.accountName" border="false" type="select" @click="handleAccount" placeholder="请选择POS机" suffixIcon="search"
suffixIconStyle="color: #909399" class="search-input">
@@ -118,6 +125,8 @@
@confirm="settingConfirm" @cancel="settingCancel"></u-picker>
<u-picker itemHeight="88" :show="showAccount" :columns="accountList" keyName="nameCode" @cancel="handleAccountCancel"
@confirm="handleAccountConfirm"></u-picker>
<u-picker itemHeight="88" :show="showCreditCard" :columns="bankCardLendList" keyName="nameCode" @cancel="handleCreditCardCancel"
@confirm="handleCreditCardConfirm"></u-picker>
</view>
</template>
@@ -141,6 +150,8 @@ const settingColumns = ref([])
const timeShow= ref(false)
const showAccount = ref(false)
const accountList = ref([])
const showCreditCard = ref(false)
const bankCardLendList = ref([])
const flag= ref(true)
const time =ref( Number(new Date()))
const data = reactive({
@@ -151,6 +162,12 @@ const data = reactive({
type: '6',
pageSize: 100
},
queryBankCardLendParams: {
pageNum: 1,
type: '2',
status: '1',
pageSize: 100
},
queryParams: {
name: null,
type: '1',
@@ -161,7 +178,7 @@ const data = reactive({
dealType: null
}
})
const { filterPanel, queryAccountParams, queryParams} = toRefs(data)
const { filterPanel, queryAccountParams,queryBankCardLendParams, queryParams} = toRefs(data)
const windowHeight = computed(() => {
uni.getSystemInfoSync().windowHeight - 50
})
@@ -187,6 +204,9 @@ function loadmore() {
}
}
function getList() {
listAccounts(queryBankCardLendParams.value).then((response) => {
bankCardLendList.value = [response.rows]
})
listAccounts(queryAccountParams.value).then((response) => {
accountList.value = [response.rows]
})
@@ -249,6 +269,26 @@ function settingCancel() {
}
function handleAccountCancel() {
showAccount.value = false
}
function handleCreditCard() {
if (bankCardLendList.value[0].length === 0) {
proxy.$refs['uToast'].show({
message: '信用卡为空 ', type: 'warning'
})
} else {
showCreditCard.value = true
}
}
function handleCreditCardConfirm(e) {
queryParams.value.creditCardName = e.value[0].nameCode
queryParams.value.outAccountId= e.value[0].id
showCreditCard.value = false
pageNum.value = 1
listData.value = []
getList()
}
function handleCreditCardCancel() {
showCreditCard.value = false
}
function searchBlur() {
pageNum.value = 1