|
@@ -22,7 +22,7 @@
|
|
<div class="mt-3 white-bgc pa-3 pt-3">
|
|
<div class="mt-3 white-bgc pa-3 pt-3">
|
|
<v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
|
|
<v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
|
|
<v-tab value="rechargeDetails">{{ $t('points.rechargeDetails') }}</v-tab>
|
|
<v-tab value="rechargeDetails">{{ $t('points.rechargeDetails') }}</v-tab>
|
|
- <!-- <v-tab :value="otherHeader">otherHeader</v-tab> -->
|
|
|
|
|
|
+ <v-tab value="balanceDetails">余额明细</v-tab>
|
|
</v-tabs>
|
|
</v-tabs>
|
|
<CtTable
|
|
<CtTable
|
|
class="mt-3"
|
|
class="mt-3"
|
|
@@ -47,7 +47,7 @@ defineOptions({name: 'myWallet-myBalance-index'})
|
|
import { ref } from 'vue'
|
|
import { ref } from 'vue'
|
|
import { timesTampChange } from '@/utils/date'
|
|
import { timesTampChange } from '@/utils/date'
|
|
import { FenYuanTransform } from '@/utils/position'
|
|
import { FenYuanTransform } from '@/utils/position'
|
|
-import { getUserWalletRechargePage } from '@/api/recruit/personal/myWallet.js'
|
|
|
|
|
|
+import { getUserWalletRechargePage, getUserBalanceDetails } from '@/api/recruit/personal/myWallet.js'
|
|
import { useUserStore } from '@/store/user'
|
|
import { useUserStore } from '@/store/user'
|
|
|
|
|
|
const tab = ref('rechargeDetails')
|
|
const tab = ref('rechargeDetails')
|
|
@@ -66,6 +66,12 @@ const query = ref({
|
|
})
|
|
})
|
|
const dataList = ref([])
|
|
const dataList = ref([])
|
|
|
|
|
|
|
|
+const formatToFraction = (num) => {
|
|
|
|
+ if (typeof num === 'undefined') return '0.00'
|
|
|
|
+ const parsedNumber = typeof num === 'string' ? parseFloat(num) : num
|
|
|
|
+ return (parsedNumber / 100.0).toFixed(2)
|
|
|
|
+}
|
|
|
|
+
|
|
const headerList = {
|
|
const headerList = {
|
|
rechargeDetails: [
|
|
rechargeDetails: [
|
|
{ title: '充值金额', key: 'payPrice', value: item => FenYuanTransform(item.payPrice) + '元', sortable: false },
|
|
{ title: '充值金额', key: 'payPrice', value: item => FenYuanTransform(item.payPrice) + '元', sortable: false },
|
|
@@ -73,13 +79,18 @@ const headerList = {
|
|
{ title: '支付订单编号', key: 'payOrderId', sortable: false },
|
|
{ title: '支付订单编号', key: 'payOrderId', sortable: false },
|
|
{ title: '交易时间', key: 'payTime', value: item => timesTampChange(item.payTime), sortable: false },
|
|
{ title: '交易时间', key: 'payTime', value: item => timesTampChange(item.payTime), sortable: false },
|
|
],
|
|
],
|
|
- // otherHeader: []
|
|
|
|
|
|
+ balanceDetails: [
|
|
|
|
+ { title: '交易类型', key: 'title', sortable: false },
|
|
|
|
+ { title: '交易金额', key: 'price', sortable: false, value: item => formatToFraction(item.price) + '元' },
|
|
|
|
+ { title: '交易后余额', key: 'balance', sortable: false, value: item => item.balance / 100 + '元' },
|
|
|
|
+ { title: '交易时间', key: 'createTime', value: item => timesTampChange(item.createTime), sortable: false }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
// 积分、签到明细
|
|
// 积分、签到明细
|
|
const getData = async () => {
|
|
const getData = async () => {
|
|
- const res = await getUserWalletRechargePage(query.value)
|
|
|
|
|
|
+ const api = tab.value === 'rechargeDetails' ? getUserWalletRechargePage : getUserBalanceDetails
|
|
|
|
+ const res = await api(query.value)
|
|
dataList.value = res.list
|
|
dataList.value = res.list
|
|
total.value = res.total
|
|
total.value = res.total
|
|
}
|
|
}
|
|
@@ -108,8 +119,6 @@ const handleRecharge = () => {
|
|
padding: 10px 0;
|
|
padding: 10px 0;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
background-color: var(--default-bgc);
|
|
background-color: var(--default-bgc);
|
|
- // background-color: var(--color-f3);
|
|
|
|
- // font-family: 宋体, SimSun;
|
|
|
|
}
|
|
}
|
|
.item-title {
|
|
.item-title {
|
|
font-size: 20px;
|
|
font-size: 20px;
|