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-08-06 11:40:58 +08:00
parent 2eaba6d036
commit 7641a65379
23 changed files with 106 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
src/pages/index.vue
View File

@@ -21,16 +21,16 @@
</div>
</div>
</div>
<div class="header-con" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:debitCard','invest:futureStocks:list')" ref="searchHeightRef">
<div class="item" v-hasPermi="['invest:debitCard']">
<div class="item" v-show="auth.hasPermi('invest:debitCard')">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">储蓄账户余额</div>
<div class="num">{{ debitTotalBalance }}<span>元</span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:futureStocks:list']">
<div class="item" v-show="auth.hasPermi('invest:futureStocks:list')" >
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">投资账户余额</div>
@@ -38,15 +38,15 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="item" v-hasPermi="['invest:onlineLend']">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">未结清贷款本息</div>
<div class="num">{{ unClearedOnlineDebt }}<span>元</span></div>
</div>
</div>
<div class="item" v-hasPermi="['invest:creditCard']">
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">人情欠款</div>
@@ -54,8 +54,8 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="item" v-hasPermi="['invest:onlineLend']">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">信用卡已使用额度</div>
@@ -63,8 +63,8 @@
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;储蓄账户信息</div>
<div class="header-con" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:debitCard')" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;储蓄账户信息</div>
<div class="header-con" v-show="auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -80,15 +80,15 @@
</div>
</div>
</div>
<div class="header-con" v-show="otherDebitCount>0||storedValueCardCount>0" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="item" v-show="storedValueCardCount>0">
<div class="header-con" v-show="(otherDebitCount>0||storedValueCardCount>0)&&auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" v-show="storedValueCardCount>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">储值卡</div>
<div class="num">{{ storedValueCardCount }}<span>张</span></div>
</div>
</div>
<div class="item" v-show="otherDebitCount>0">
<div class="item" v-show="otherDebitCount>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">其他账户</div>
@@ -96,7 +96,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -112,16 +112,16 @@
</div>
</div>
</div>
<div class="header-con" v-show="debitICount>0||debitOnlineCount" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="header-con" v-show="(debitICount>0||debitOnlineCount>0)&&auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" v-show="debitICount>0">
<div class="item" v-show="debitICount>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">储蓄卡余额</div>
<div class="num">{{ debitBalance }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="debitOnlineCount>0">
<div class="item" v-show="debitOnlineCount>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">网络账户余额</div>
@@ -129,15 +129,15 @@
</div>
</div>
</div>
<div class="header-con" v-show="storedValueCardCount>0||housingFundBalance>0" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="item" v-show="storedValueCardCount>0">
<div class="header-con" v-show="(storedValueCardCount>0||housingFundBalance>0)&&auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" v-show="storedValueCardCount>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">储值卡余额</div>
<div class="num">{{ storedValueCardBalance }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="housingFundBalance>0">
<div class="item" v-show="housingFundBalance>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">住房公积金余额</div>
@@ -145,16 +145,16 @@
</div>
</div>
</div>
<div class="header-con" v-show="personalPensionBalance>0||medicalBalance>0" v-hasPermi="['invest:debitCard']" ref="searchHeightRef">
<div class="header-con" v-show="(personalPensionBalance>0||medicalBalance>0)&&auth.hasPermi('invest:debitCard')" ref="searchHeightRef">
<div class="item" v-show="medicalBalance>0">
<div class="item" v-show="medicalBalance>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">职工医保余额</div>
<div class="num">{{ medicalBalance }}<span>元</span></div>
</div>
</div>
<div class="item" v-show="personalPensionBalance>0">
<div class="item" v-show="personalPensionBalance>0&&auth.hasPermi('invest:debitCard')">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">个人养老金余额</div>
@@ -162,9 +162,9 @@
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;信用卡信息</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;信用卡信息</div>
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -180,7 +180,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
@@ -197,7 +197,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -214,7 +214,7 @@
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -230,7 +230,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
@@ -247,7 +247,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -263,7 +263,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
@@ -280,7 +280,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -296,7 +296,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -312,7 +312,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditCard']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditCard')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -322,8 +322,8 @@
</div>
</div>
<div class="header-title" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;借贷账户信息</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;借贷账户信息</div>
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -339,7 +339,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -355,7 +355,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -371,7 +371,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -387,8 +387,8 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -404,7 +404,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -420,7 +420,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:onlineLend']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:onlineLend')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -429,10 +429,10 @@
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
&nbsp;&nbsp;&nbsp;&nbsp;POS机信息
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -448,7 +448,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
@@ -465,7 +465,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -482,7 +482,7 @@
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
@@ -499,8 +499,8 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:posmachine:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:posmachine:list')" ref="searchHeightRef">
<div class="item" >
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -516,8 +516,8 @@
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;投资账户信息</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;投资账户信息</div>
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -532,9 +532,9 @@
<div class="num">{{ futuresCount }}<span>个</span></div>
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -550,8 +550,8 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -567,7 +567,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -583,7 +583,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:futureStocks:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:futureStocks:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -592,8 +592,8 @@
</div>
</div>
</div>
<div class="header-title" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;征信信息</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-title" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">&nbsp;&nbsp;&nbsp;&nbsp;征信信息</div>
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -609,7 +609,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -625,7 +625,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -641,7 +641,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
@@ -658,7 +658,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
@@ -675,7 +675,7 @@
</div>
</div>
</div>
<div class="header-con" v-hasPermi="['invest:creditQueryRecord:list']" ref="searchHeightRef">
<div class="header-con" v-show="auth.hasPermi('invest:creditQueryRecord:list')" ref="searchHeightRef">
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
@@ -692,6 +692,7 @@
<script setup>
import { ref, onMounted } from 'vue';
import { getPosAccountsInfo, getInvestAccountsInfo, getCreditReportInfo, getLendAccountsInfo, getCreditAccountsInfo, getDebitAccountsInfo } from '@/api/invest/accountAnalysis.js'
import auth from "@/plugins/auth"; // 建议使用auth进行鉴权操作
//POS机信息
const posCount = ref(0) //POS机总数
const currentMonthAmount = ref(0) //当月刷卡金额