angelo
/
web-base-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'bd-dev' of http://47.94.45.65:3000/angelo/web-base-h5 into bd-test

This commit is contained in:
woody 2025-11-03 13:48:27 +08:00
parent 3f13d82fe1 a53e2cab6f
commit b03553cea8
1 changed files with 372 additions and 276 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

270
pages/mine/balance/transDetail.vue
View File

@ -1,125 +1,169 @@
<template> <template>
<view class="content"> <view class="content">
<view class="contentList" v-for="item,index in tableList" :key="index"> <view class="contentList" v-for="(item, index) in tableList" :key="index">
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'交易状态'}}</view> <view class="line_title">{{ '交易状态' }}</view>
<view class="line_content thesuccess">{{'完成'}}</view> <view class="line_content thesuccess">{{ '完成' }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'单据编号'}}</view> <view class="line_title">{{ '单据编号' }}</view>
<view class="line_content">{{item.tradeCode}}</view> <view class="line_content">{{ item.tradeCode }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'账户类型'}}</view> <view class="line_title">{{ '账户类型' }}</view>
<view class="line_content">{{item.pkAccountVal}}</view> <view class="line_content">{{ item.pkAccountVal }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'交易类型'}}</view> <view class="line_title">{{ '交易类型' }}</view>
<view class="line_content">{{item.tradeTypeVal}}</view> <view class="line_content">{{ item.tradeTypeVal }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'交易额度'}}</view> <view class="line_title">{{ '交易额度' }}</view>
<view class="line_content">{{item.tradeAmount}}</view> <view class="line_content">{{ item.tradeAmount }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'交易余额'}}</view> <view class="line_title">{{ '交易余额' }}</view>
<view class="line_content">{{item.tradeBalance |numberToCurrency}}</view> <view class="line_content">{{
item.tradeBalance | numberToCurrency
}}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'交易时间'}}</view> <view class="line_title">{{ '交易时间' }}</view>
<view class="line_content">{{item.creationTime}}</view> <view class="line_content">{{ item.creationTime }}</view>
</view> </view>
<view class="linebox"> <view class="linebox">
<view class="line_title">{{'备注'}}</view> <view class="line_title">{{ '备注' }}</view>
<view class="line_content">{{item.remarks}}</view> <view class="line_content">{{ item.remarks }}</view>
</view> </view>
</view> </view>
<u-popup :show="sxShow" mode="right" @close="sxShow = false" :closeOnClickOverlay="false"> <u-popup
:show="sxShow"
mode="right"
@close="sxShow = false"
:closeOnClickOverlay="false"
>
<view class="rightPopup"> <view class="rightPopup">
<view class="popup_top"> <view class="popup_top">
<view @click="getSearch">{{'筛选'}}</view> <view @click="getSearch">{{ '筛选' }}</view>
<view class="top_red" @click="sxShow = false">{{'返回'}}</view> <view class="top_red" @click="sxShow = false">{{ '返回' }}</view>
</view> </view>
<view class="typesBox"> <view class="typesBox">
<view class="typeTitle"> <view class="typeTitle">
{{'交易类型'}} {{ '交易类型' }}
</view> </view>
<view class="choiceBox"> <view class="choiceBox">
<view class="flex_btn" @click="clickTransType(item)" v-for="(item,index) in tradeTypeList" <view
:key="index" :class="queryParams.tradeType==item.value?'selectbtn':''"> class="flex_btn"
{{item.label}} @click="clickTransType(item)"
</view> v-for="(item, index) in tradeTypeList"
</view>
</view>
<view class="typesBox">
<view class="typeTitle">
{{'账户类型'}}
</view>
<view class="choiceBox">
<view class="flex_btn"
@click="clickAccountType(item)"
v-for="(item,index) in pkAccountList"
:key="index" :key="index"
:class="queryParams.pkAccount==item.pkId?'selectbtn':''"> :class="queryParams.tradeType == item.value ? 'selectbtn' : ''"
{{item.accountName}} >
{{ item.label }}
</view> </view>
</view> </view>
</view> </view>
<view class="typesBox"> <view class="typesBox">
<view class="typeTitle"> <view class="typeTitle">
{{'交易时间'}} {{ '账户类型' }}
</view>
<view class="choiceBox">
<view
class="flex_btn"
@click="clickAccountType(item)"
v-for="(item, index) in pkAccountList"
:key="index"
:class="queryParams.pkAccount == item.pkId ? 'selectbtn' : ''"
>
{{ item.accountName }}
</view>
</view>
</view>
<view class="typesBox">
<view class="typeTitle">
{{ '交易时间' }}
</view> </view>
<view class="choiceBox"> <view class="choiceBox">
<view class="flex_btn" @click="openDate(0)"> <view class="flex_btn" @click="openDate(0)">
{{queryParams.startDate?queryParams.startDate:'开始时间'}} {{ queryParams.startDate ? queryParams.startDate : '开始时间' }}
</view>
<view style="color: #666;">
——
</view> </view>
<view style="color: #666"> —— </view>
<view class="flex_btn" @click="openDate(1)"> <view class="flex_btn" @click="openDate(1)">
{{queryParams.endDate?queryParams.endDate:'结束时间'}} {{ queryParams.endDate ? queryParams.endDate : '结束时间' }}
</view> </view>
</view> </view>
</view> </view>
<u-datetime-picker :closeOnClickOverlay="true" @close="dataShow = false" @cancel="dataShow = false" <u-datetime-picker
@confirm="getDate" :show="dataShow" v-model="value1" mode="date"></u-datetime-picker> :closeOnClickOverlay="true"
@close="dataShow = false"
@cancel="dataShow = false"
@confirm="getDate"
:show="dataShow"
v-model="value1"
mode="date"
></u-datetime-picker>
<view class="popup_bottom"> <view class="popup_bottom">
<view class="bottom_btn thebtn1" @click="clearAll">清空筛选条件</view> <view class="bottom_btn thebtn1" @click="clearAll">清空筛选条件</view>
<view class="bottom_btn thebtn2" @click="()=>{getSearch(),sxShow = false}"> <view
class="bottom_btn thebtn2"
@click="
() => {
;(getSearch(), (sxShow = false))
}
"
>
确定 确定
</view> </view>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<!-- 加载提示 -->
<view
v-if="tableList.length > 0"
style="
padding: 30rpx 0;
text-align: center;
color: #999;
font-size: 24rpx;
"
>
<view v-if="loading">加载中...</view>
<view v-else-if="!hasMore">没有更多数据了</view>
</view>
<!-- 空状态 -->
<view
v-if="tableList.length === 0 && !loading"
style="padding: 100rpx 0; text-align: center; color: #999"
>
暂无交易记录
</view>
</view> </view>
</template> </template>
<script> <script>
import * as bal from "@/config/balance.js" import * as bal from '@/config/balance.js'
import { import { formatMsToDate } from '@/util/index'
formatMsToDate export default {
} from '@/util/index'
export default {
data() { data() {
return { return {
sxShow: false, sxShow: false,
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
tradeType: "", //交易类型 tradeType: '', //交易类型
pkAccount: "", //账户类型 pkAccount: '', //账户类型
startDate: "", startDate: '',
endDate: "" endDate: '',
}, },
tradeTypeList: [], //交易类型 tradeTypeList: [], //交易类型
pkAccountList: [], //账户类型 pkAccountList: [], //账户类型
tableList: [], tableList: [],
timeIndex: 0, timeIndex: 0,
dataShow: false, dataShow: false,
value1: "" value1: '',
loading: false, // 加载状态
hasMore: true, // 是否还有更多数据
total: 0, // 总记录数
} }
}, },
onLoad() { onLoad() {
@ -129,6 +173,10 @@
onNavigationBarButtonTap() { onNavigationBarButtonTap() {
this.sxShow = true this.sxShow = true
}, },
// 触底加载
onReachBottom() {
this.loadMore()
},
methods: { methods: {
getDate(e) { getDate(e) {
if (this.timeIndex == 1) { if (this.timeIndex == 1) {
@ -152,40 +200,89 @@
this.$set(this.queryParams, 'pkAccount', item.pkId) this.$set(this.queryParams, 'pkAccount', item.pkId)
}, },
getOthers() { getOthers() {
bal.getTradeTypeList().then((res) => { bal.getTradeTypeList().then(res => {
this.tradeTypeList = res.data; this.tradeTypeList = res.data
});
bal.getEnumsAccountList().then((res) => {
this.pkAccountList = res.data;
});
},
getSearch() {
bal.getTransactionDetails(this.queryParams).then(res => {
this.tableList = res.rows
}) })
bal.getEnumsAccountList().then(res => {
this.pkAccountList = res.data
})
},
// isReset: 是否重置列表（首次加载或筛选时为true，加载更多时为false）
getSearch(isReset = true) {
if (this.loading) return
this.loading = true
// 如果是重置，清空列表并重置页码
if (isReset) {
this.queryParams.pageNum = 1
this.tableList = []
this.hasMore = true
}
bal
.getTransactionDetails(this.queryParams)
.then(res => {
if (isReset) {
// 首次加载或筛选，直接赋值
this.tableList = res.rows || []
} else {
// 加载更多，追加数据
this.tableList = [...this.tableList, ...(res.rows || [])]
}
// 更新总数
this.total = res.total || 0
// 判断是否还有更多数据
this.hasMore = this.tableList.length < this.total
})
.catch(err => {
console.error('获取交易详情失败：', err)
uni.showToast({
title: '加载失败',
icon: 'none',
})
})
.finally(() => {
this.loading = false
})
},
// 加载更多
loadMore() {
// 如果正在加载或没有更多数据，直接返回
if (this.loading || !this.hasMore) {
return
}
// 页码+1
this.queryParams.pageNum++
// 加载数据，不重置列表
this.getSearch(false)
}, },
clearAll() { clearAll() {
this.sxShow = false this.sxShow = false
Object.assign(this.queryParams, { Object.assign(this.queryParams, {
pageNum: 1, pageNum: 1,
pageSize: 50, pageSize: 50,
tradeType: "", //交易类型 tradeType: '', //交易类型
pkAccount: "", //账户类型 pkAccount: '', //账户类型
startDate: "", startDate: '',
}) })
this.getSearch() this.getSearch()
}, },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .u-popup__content { ::v-deep .u-popup__content {
overflow: auto; overflow: auto;
} }
.content { .content {
background: #F2F2F2; background: #f2f2f2;
.contentList { .contentList {
background-color: #fff; background-color: #fff;
@ -208,7 +305,7 @@
} }
.thesuccess { .thesuccess {
color: #45C242; color: #45c242;
} }
} }
} }
@ -218,7 +315,7 @@
.popup_top { .popup_top {
padding: 25rpx; padding: 25rpx;
background-color: rgba(176, 196, 222, .45); background-color: rgba(176, 196, 222, 0.45);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -228,7 +325,7 @@
color: #333333; color: #333333;
.top_red { .top_red {
color: #005BAC; color: #005bac;
} }
} }
.popup_bottom { .popup_bottom {
@ -247,12 +344,12 @@
} }
.thebtn1 { .thebtn1 {
background-color: rgba(176, 196, 222, .45); background-color: rgba(176, 196, 222, 0.45);
color: #333333; color: #333333;
} }
.thebtn2 { .thebtn2 {
background-color: #005BAC; background-color: #005bac;
color: #ffffff; color: #ffffff;
} }
} }
@ -276,7 +373,7 @@
flex-wrap: wrap; flex-wrap: wrap;
.flex_btn { .flex_btn {
background-color: rgba(176, 196, 222, .45); background-color: rgba(176, 196, 222, 0.45);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -290,12 +387,11 @@
} }
.selectbtn { .selectbtn {
background-color: #005BAC; background-color: #005bac;
color: #ffffff; color: #ffffff;
} }
}
} }
} }
} }
}
</style> </style>