gitea
/
fundHoldApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面刷新

main
niefei 1 month ago
parent
93155c53c2
commit
1e8bb472cd
4 changed files with 1112 additions and 1061 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      pages/account/ledger.vue
  2. 59
      pages/account/transactionRecord.vue
  3. 1446
      pages/home/index.vue
  4. 662
      pages/mine/wallet/index.vue

2
pages/account/ledger.vue
View File

@ -57,7 +57,7 @@
<view v-for="(item, index) in recordList" :key="index" class="record-item" @tap="viewDetail(item)"> <view v-for="(item, index) in recordList" :key="index" class="record-item" @tap="viewDetail(item)">
<view class="record-header"> <view class="record-header">
<!-- <text class="record-id">{{ item.senderName }}</text> --> <!-- <text class="record-id">{{ item.senderName }}</text> -->
<text class="record-id">{{ item.billCode.split("@")[0] }}</text> <text class="record-id">{{ item.billCode }}</text>
<view class="record-amount"> <view class="record-amount">
<text class="amount-value" :style="{ color: getColor(item.changeBalance) }"> <text class="amount-value" :style="{ color: getColor(item.changeBalance) }">
{{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP) {{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP)

59
pages/account/transactionRecord.vue
View File

@ -43,7 +43,7 @@
<view v-for="(item, index) in [...recordList]" :key="index" class="record-item" @tap="viewDetail(item)"> <view v-for="(item, index) in [...recordList]" :key="index" class="record-item" @tap="viewDetail(item)">
<view class="record-header"> <view class="record-header">
<!-- <text class="record-id">{{ item.senderName }}</text> --> <!-- <text class="record-id">{{ item.senderName }}</text> -->
<text class="record-id">{{ item.remark }}</text> <text class="record-id">{{ item.billCode }}</text>
<view class="record-amount"> <view class="record-amount">
<text class="amount-value" :style="{ color: getColor(item.changeBalance) }"> <text class="amount-value" :style="{ color: getColor(item.changeBalance) }">
{{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP) {{item.changeBalance>0?'+':''}}{{ item.changeBalance }} (KIP)
@ -51,7 +51,7 @@
</view> </view>
</view> </view>
<view class="record-content"> <view class="record-content">
<text class="record-time">{{ item.time }}</text> <text class="record-time">{{ item.timeFormat }}</text>
<uni-tag :inverted="true" :text="item.typeStr" /> <uni-tag :inverted="true" :text="item.typeStr" />
<!-- <uni-tag :inverted="true" :text="item.typeStr" :type="getStatusText(item.type)" /> --> <!-- <uni-tag :inverted="true" :text="item.typeStr" :type="getStatusText(item.type)" /> -->
</view> </view>
@ -65,19 +65,19 @@
</view> </view>
<!-- 加载状态 --> <!-- 加载状态 -->
<view v-if="isLoading && recordList.length > 0" class="loading-more"> <!-- <view v-if="isLoading && recordList.length > 0" class="loading-more">
<text>{{this.$languageData.settings.loading}}</text> <text>{{this.$languageData.settings.loading}}</text>
</view> </view> -->
</scroll-view> </scroll-view>
<loading ref="loading" :custom="false" :shadeClick="false" :type="1" /> <!-- <loading ref="loading" :custom="false" :shadeClick="false" :type="1" /> -->
</view> </view>
</template> </template>
<script> <script>
import { import {
getRecordList getTransRecord
} from '@/api/account/transactionRecord.js' } from '@/api/account/transactionRecord.js'
import { import {
getCurrentDate getCurrentDate
@ -87,14 +87,7 @@
return { return {
searchText: '', searchText: '',
selectedDate: '', selectedDate: '',
recordList: [{ recordList: [],
remark: 'salary',
changeBalance: 4106.32,
time: "2025/05/01",
typeStr: this.$languageData.settings.reci
},
{remark: 'McDonald\'s', changeBalance: -106.32, time: "2025/05/11", typeStr: this.$languageData.settings.pay},
],
isLoading: false, isLoading: false,
isRefreshing: false, isRefreshing: false,
page: 1, page: 1,
@ -106,7 +99,7 @@
phonenumber: '', phonenumber: '',
key: '', key: '',
key2: getCurrentDate(), //获取当前年月, key2: getCurrentDate(), //获取当前年月,
type: "1" type: ""
}, },
} }
}, },
@ -126,7 +119,6 @@
console.error("解析 JSON 失败：", error); console.error("解析 JSON 失败：", error);
} }
} }
this.selectRecordList();
}, },
methods: { methods: {
downloadEmptyFile() { downloadEmptyFile() {
@ -162,19 +154,29 @@
} }
}, },
selectRecordList() { selectRecordList() {
if (false) { getTransRecord(this.params).then(res => {
this.$nextTick(() => { this.recordList = res.data;
this.$refs.loading.open(); this.recordList.forEach(item => {
}) item.billCode = item.billCode.split("@")[0];
getRecordList(this.params).then(res => { if (item.billCode == "BTR") {
this.recordList = res.rows item.billCode = this.$languageData.tmp.transferAccounts; //转账
setTimeout(() => { } else if (item.billCode == "BPY") {
this.$refs.loading.close(); item.billCode = this.$languageData.tmp.proxyPayment; //代缴
}, 700) } else if (item.billCode == "BPT") {
}).catch(e => { item.billCode = this.$languageData.tmp.payment; //付款
this.$refs.loading.close(); } else if (item.billCode == "BRT") {
item.billCode = this.$languageData.tmp.receivePayment; //收款
} else if (item.billCode == "BWL") {
item.billCode = this.$languageData.tmp.withdrawal; //提现
} else if (item.billCode == "BRE") {
item.billCode = this.$languageData.tmp.recharge; //充值
} else {
item.billCode = this.$languageData.tmp.other; //其他
}
}) })
} }).catch(e => {
//this.$refs.loading.close();
})
}, },
mockrecordList() { mockrecordList() {
const statuses = ['success', 'pending', 'failed'] const statuses = ['success', 'pending', 'failed']
@ -244,6 +246,7 @@
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.$languageData.navBar.transactionRecord title: this.$languageData.navBar.transactionRecord
}); });
this.selectRecordList();
}, },
watch: { watch: {
languageData() { languageData() {

1446
pages/home/index.vue
View File

File diff suppressed because it is too large

662
pages/mine/wallet/index.vue
View File

@ -1,328 +1,368 @@
<template> <template>
<view class="wallet-page container-with-lines full-height-with-titile"> <view class="wallet-page container-with-lines full-height-with-titile">
<!-- 余额卡片 --> <!-- 余额卡片 -->
<view class="balance-card"> <view class="balance-card">
<view class="balance-header"> <view class="balance-header">
<view class="balance-label"> <view class="balance-label">
<view style="display: flex; align-items: center; font-size: 16px;"> <view style="display: flex; align-items: center; font-size: 16px;">
<view>e</view> <view>e</view>
<view>-KIP</view> <view>-KIP</view>
</view>
</view>
<view class="safety-tag">
<uni-icons type="info-filled" size="14" color="#FF9500"></uni-icons>
<text>{{languageData.account.quota + '(' + quota +')'}}</text>
<!-- <text>{{languageData.wallet.moneySafe}}</text> -->
</view>
</view>
<view class="balance-amount">
<view style="font-size: 29px;">{{accountId}}</view>
<view class="balance-label" style="margin-top: 20px;">
<text>{{languageData.wallet.availableBalance}} (KIP)</text>
<uni-icons :type="showDetail ? 'eye-filled' : 'eye-slash-filled'" @click="showDetail = !showDetail"
size="20" color="#333333"></uni-icons>
</view>
<view style="">{{ showDetail ? formatNumber(userAmount) : '*****' }}</view>
</view>
<view class="action-buttons">
<button class="withdraw-btn" @click.stop="navigatoCashOut()">{{languageData.wallet.withdrawal}}</button>
<button class="recharge-btn" @click.stop="navigatoTopUp()">{{languageData.wallet.toUp}}</button>
</view> </view>
</view> </view>
<view class="safety-tag"> <!-- 交易记录 -->
<uni-icons type="info-filled" size="14" color="#FF9500"></uni-icons> <view class="list-background">
<text>{{languageData.account.quota + '(' + quota +')'}}</text> <view class="transaction-list">
<!-- <text>{{languageData.wallet.moneySafe}}</text> --> <view class="list-header">
</view> <text>{{languageData.wallet.balanceChangeRecord}}</text>
</view> <view class="view-all" @click.stop="navigatoRecord">
<view class="balance-amount"> <text>{{languageData.wallet.all}}</text>
<view style="font-size: 29px;">{{accountId}}</view> <uni-icons type="right" size="14" color="#999999"></uni-icons>
<view class="balance-label" style="margin-top: 20px;">
<text>{{languageData.wallet.availableBalance}} (KIP)</text>
<uni-icons :type="showDetail ? 'eye-filled' : 'eye-slash-filled'"
@click="showDetail = !showDetail" size="20" color="#333333"></uni-icons>
</view>
<view style="">{{ showDetail ? formatNumber(userAmount) : '*****' }}</view>
</view>
<view class="action-buttons">
<button class="withdraw-btn" @click.stop="navigatoCashOut()">{{languageData.wallet.withdrawal}}</button>
<button class="recharge-btn" @click.stop="navigatoTopUp()">{{languageData.wallet.toUp}}</button>
</view>
</view>
<!-- 交易记录 -->
<view class="list-background">
<view class="transaction-list">
<view class="list-header">
<text>{{languageData.wallet.balanceChangeRecord}}</text>
<view class="view-all" @click.stop="navigatoRecord">
<text>{{languageData.wallet.all}}</text>
<uni-icons type="right" size="14" color="#999999"></uni-icons>
</view>
</view>
<scroll-view class="message-list" scroll-y :refresher-triggered="triggered" @scrolltolower="onLoadMore">
<view class="list-main" v-for="(item, index) in recordList" :key="index">
<view class="transaction-item">
<view class="transaction-info">
<text class="transaction-type">{{ item.timeStr }}</text>
<text class="transaction-remark ellipsis-200">{{ item.remark }}</text>
<text class="transaction-time">{{ item.time }}</text>
</view>
<view class="transaction-amount padding-right-xs">
<text class="amount positive" :class="{'negative' : item.changeBalance < 0 }">
{{ item.changeBalance > 0 ? '+' : '' }}{{ item.changeBalance }}
</text>
<view class="amount2">
<text class="balance">
{{languageData.wallet.balance}}：{{item.currentBalance == '' || item.currentBalance == null ? '-': formatNumber(item.currentBalance)}}
</text>
</view> </view>
</view>
</view> </view>
</view>
</scroll-view>
<scroll-view class="message-list" scroll-y :refresher-triggered="triggered" @scrolltolower="onLoadMore">
<view class="list-main" v-for="(item, index) in recordList.splice(0,2)" :key="index">
<view class="transaction-item">
<view class="transaction-info">
<text class="transaction-type">{{ item.timeStr }}</text>
<text class="transaction-remark ellipsis-200">{{ item.billCode }}</text>
<text class="transaction-time">{{ item.time }}</text>
</view>
<view class="transaction-amount padding-right-xs">
<text class="amount positive" :class="{'negative' : item.changeBalance < 0 }">
{{ item.changeBalance > 0 ? '+' : '' }}{{ item.changeBalance }}
</text>
<view class="amount2">
<text class="balance">
{{languageData.wallet.balance}}：{{item.currentBalance == '' || item.currentBalance == null ? '-': formatNumber(item.currentBalance)}}
</text>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</view> </view>
</view>
</view> </view>
</template> </template>
<script> <script>
import { getRecordList,getAmount } from '@/api/account/transactionRecord.js' import {
getTransRecord,
export default { getAmount
data() { } from '@/api/account/transactionRecord.js'
return {
accountId: '', export default {
languageData:{}, data() {
params:{ return {
id:this.$store.state.user.userId, accountId: '',
userId:this.$store.state.user.userId, languageData: {},
pageNum: 1, params: {
pageSize: 10, id: this.$store.state.user.userId,
phonenumber:'', userId: this.$store.state.user.userId,
key:'', pageNum: 1,
type:'1', pageSize: 10,
phonenumber: '',
key: '',
type: '1',
},
showDetail: false,
triggered: false,
userAmount: 5322200,
quota: 0,
recordList: [{
senderName: 'senderName1',
senderAccount: '22540212',
changeBalance: '250000',
time: '2025-01-22 21:05:33',
title: '',
remark: '',
currentBalance: ''
},
{
senderName: 'senderName2',
senderAccount: '22540212',
changeBalance: '-250000',
time: '2025-01-24 21:05:33',
title: '',
remark: '',
currentBalance: ''
}
]
}
},
created() {
this.selectRecordList();
},
onLoad() {
//TODO
if (false)
this.loadRecordList();
this.selectAmount();
this.languageData = this.$languageData;
uni.setNavigationBarTitle({
title: this.$languageData.navBar.wallet
});
}, },
showDetail: false, methods: {
triggered: false, navigatoCashOut() {
userAmount:5322200, this.$tab.navigateTo('/pages/account/withdrawDeposit')
quota: 0,
recordList:[
{
senderName: 'senderName1',
senderAccount: '22540212',
changeBalance: '250000',
time: '2025-01-22 21:05:33',
title:'',
remark:'',
currentBalance:''
}, },
{ navigatoTopUp() {
senderName: 'senderName2', this.$tab.navigateTo('/pages/account/topUp')
senderAccount: '22540212',
changeBalance: '-250000', },
time: '2025-01-24 21:05:33', navigatoRecord() {
title:'', this.$tab.navigateTo('/pages/account/transactionRecord')
remark:'', },
currentBalance:'' loadRecordList() {
} getRecordList(this.params).then(res => {
] this.recordList = res.rows
} })
}, },
onLoad() { selectAmount() {
//TODO getAmount(this.params.userId).then(res => {
if(false) this.userAmount = res.data.accountAmount
this.loadRecordList(); this.accountId = res.data.accountId
this.selectAmount(); this.quota = res.data.walletLimit || 0
this.languageData = this.$languageData; })
uni.setNavigationBarTitle({ },
title: this.$languageData.navBar.wallet onLoadMore() {
}); // console.log("----懒加载----")
}, this.params.pageSize = this.params.pageSize + 10
methods: { this.loadRecordList();
navigatoCashOut(){ },
this.$tab.navigateTo('/pages/account/withdrawDeposit') selectRecordList() {
getTransRecord(this.params).then(res => {
}, this.recordList = res.data;
navigatoTopUp(){ this.recordList.forEach(item => {
this.$tab.navigateTo('/pages/account/topUp') item.billCode = item.billCode.split("@")[0];
if (item.billCode == "BTR") {
}, item.billCode = this.$languageData.tmp.transferAccounts; //转账
navigatoRecord(){ } else if (item.billCode == "BPY") {
this.$tab.navigateTo('/pages/account/transactionRecord') item.billCode = this.$languageData.tmp.proxyPayment; //代缴
}, } else if (item.billCode == "BPT") {
loadRecordList(){ item.billCode = this.$languageData.tmp.payment; //付款
getRecordList(this.params).then(res=>{ } else if (item.billCode == "BRT") {
this.recordList = res.rows item.billCode = this.$languageData.tmp.receivePayment; //收款
}) } else if (item.billCode == "BWL") {
}, item.billCode = this.$languageData.tmp.withdrawal; //提现
selectAmount(){ } else if (item.billCode == "BRE") {
getAmount(this.params.userId).then(res=>{ item.billCode = this.$languageData.tmp.recharge; //充值
this.userAmount = res.data.accountAmount } else {
this.accountId = res.data.accountId item.billCode = this.$languageData.tmp.other; //其他
this.quota = res.data.walletLimit || 0 }
}) })
}, }).catch(e => {
onLoadMore() { //this.$refs.loading.close();
// console.log("----懒加载----") })
this.params.pageSize = this.params.pageSize + 10 //this.$refs.loading.close();
this.loadRecordList(); //TODO
}, if (false) {
} this.$nextTick(() => {
} this.$refs.loading.open();
})
}
},
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
height: 100%; height: 100%;
} }
.amount2{
display: flex; .amount2 {
align-items: flex-start; display: flex;
} align-items: flex-start;
.wallet-page { }
// min-height: 100%;
// background: linear-gradient(180deg, #FEE1A8 0%, #f9f8f8 30%); .wallet-page {
// background-color: #2C53CA; // min-height: 100%;
// background-image: url('/static/svgs/lines.svg'); // background: linear-gradient(180deg, #FEE1A8 0%, #f9f8f8 30%);
// background-size: 200%; // background-color: #2C53CA;
// background-position: center; // background-image: url('/static/svgs/lines.svg');
} // background-size: 200%;
// background-position: center;
.list-background{ }
background:rgba(248, 247, 246, 0);
// min-height: 500px; .list-background {
} background: rgba(248, 247, 246, 0);
// min-height: 500px;
.balance-card { }
margin-bottom: 20rpx;
margin-left: 32rpx; .balance-card {
margin-right: 32rpx; margin-bottom: 20rpx;
padding: 32rpx; margin-left: 32rpx;
background: #FFFFFF; margin-right: 32rpx;
border-radius: 16rpx; padding: 32rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); background: #FFFFFF;
} border-radius: 16rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
.balance-header { }
display: flex;
justify-content: space-between; .balance-header {
align-items: center; display: flex;
} justify-content: space-between;
align-items: center;
.balance-label { }
display: flex;
align-items: center; .balance-label {
gap: 8rpx; display: flex;
font-size: 14px; align-items: center;
color: #666666; gap: 8rpx;
} font-size: 14px;
color: #666666;
.safety-tag { }
display: flex;
align-items: center; .safety-tag {
gap: 4rpx; display: flex;
font-size: 12px; align-items: center;
color: #FF9500; gap: 4rpx;
} font-size: 12px;
color: #FF9500;
.balance-amount { }
margin: 32rpx 0;
font-size: 76rpx; .balance-amount {
font-weight: 600; margin: 32rpx 0;
color: #333333; font-size: 76rpx;
} font-weight: 600;
color: #333333;
.action-buttons { }
display: flex;
gap: 100rpx; .action-buttons {
} display: flex;
gap: 100rpx;
.withdraw-btn, }
.recharge-btn {
flex: 1; .withdraw-btn,
height: 80rpx; .recharge-btn {
line-height: 80rpx; flex: 1;
border-radius: 8rpx; height: 80rpx;
font-size: 14px; line-height: 80rpx;
} border-radius: 8rpx;
font-size: 14px;
.withdraw-btn { }
background: #F5F5F5;
color: #333333; .withdraw-btn {
} background: #F5F5F5;
color: #333333;
.recharge-btn { }
background: #FFE4BA;
color: #333333; .recharge-btn {
} background: #FFE4BA;
color: #333333;
.transaction-list { }
margin: 32rpx;
padding: 32rpx; .transaction-list {
background: #FFFFFF; margin: 32rpx;
border-radius: 16rpx; padding: 32rpx;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); background: #FFFFFF;
min-height: 270px; border-radius: 16rpx;
} box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
min-height: 270px;
.list-header { }
display: flex;
justify-content: space-between; .list-header {
align-items: center; display: flex;
height: 88rpx; justify-content: space-between;
font-size: 30rpx; align-items: center;
font-weight: 600; height: 88rpx;
margin-top: -16rpx; font-size: 30rpx;
border-bottom: 1px solid #F5F5F5; font-weight: 600;
} margin-top: -16rpx;
border-bottom: 1px solid #F5F5F5;
.view-all { }
display: flex;
align-items: center; .view-all {
color: #999999; display: flex;
} align-items: center;
color: #999999;
.transaction-item { }
display: flex;
justify-content: space-between; .transaction-item {
padding: 24rpx 0; display: flex;
border-bottom: 1px solid #eaeaea; justify-content: space-between;
} padding: 24rpx 0;
border-bottom: 1px solid #eaeaea;
// .transaction-item:last-child { }
// border-bottom: none;
// } // .transaction-item:last-child {
// border-bottom: none;
.transaction-info { // }
display: flex;
flex-direction: column; .transaction-info {
gap: 8rpx; display: flex;
} flex-direction: column;
gap: 8rpx;
.transaction-type { }
font-size: 30rpx;
font-weight: bold; .transaction-type {
color: #333333; font-size: 30rpx;
} font-weight: bold;
color: #333333;
.transaction-time { }
font-size: 24rpx;
color: #999999; .transaction-time {
} font-size: 24rpx;
color: #999999;
.transaction-remark { }
// width: 85%;
font-size: 28rpx; .transaction-remark {
color: #999999; // width: 85%;
} font-size: 28rpx;
color: #999999;
.transaction-amount { }
display: flex;
flex-direction: column; .transaction-amount {
align-items: flex-end; display: flex;
gap: 8rpx; flex-direction: column;
} align-items: flex-end;
gap: 8rpx;
.amount { }
font-size: 14px;
font-weight: 500; .amount {
} font-size: 14px;
font-weight: 500;
.positive { }
color: #07C160;
} .positive {
color: #07C160;
.negative { }
color: #c73d3d;
} .negative {
color: #c73d3d;
.balance { }
font-size: 12px;
color: #999999; .balance {
float: left; font-size: 12px;
} color: #999999;
float: left;
}
</style> </style>
Write Preview
Loading…
Cancel
Save