fix: 统计功能图标统一优化。
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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(() => {
|
||||
})
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user