You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.5 KiB
124 lines
3.5 KiB
<template>
|
|
<v-page>
|
|
<v-header>
|
|
<template #title>
|
|
<view v-if="type=='draw'">
|
|
{{ $t("assets.c8") }}
|
|
</view>
|
|
<view v-if="type=='recharge'">
|
|
{{ $t('assets.f4') }}
|
|
</view>
|
|
</template>
|
|
</v-header>
|
|
<view class="layout-main">
|
|
<view class="bg-panel-3" style="height: 100%;">
|
|
<view class="rounded-md m-b-lg" v-if="list.length" style="padding-bottom: 100px !important;">
|
|
<view class="">
|
|
<table class="w-max">
|
|
<thead class="p-x-md">
|
|
<tr class="fn-sm p-x-md">
|
|
<th class="p-b-md fn-left p-l-md">{{ $t("assets.c9") }}</th>
|
|
<th class="p-b-md fn-left">{{ $t("assets.d0") }}</th>
|
|
<th class="p-b-md fn-right p-r-md">{{ $t("assets.c0") }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="color-light trChange p-x-md rounded-md" v-for="item in list" :key="item.id">
|
|
<td class="p-y-xs p-l-md rounded-tl-sm rounded-bl-sm fn-sm">
|
|
{{ item.datetime | parseTime }}
|
|
</td>
|
|
<td v-if="type=='draw'">
|
|
<view>{{ item.status_text }}</view>
|
|
</td>
|
|
<td v-if="type=='recharge'">
|
|
<view v-if="item.status==0">{{$t('assets.d1')}}</view>
|
|
<view v-if="item.status==1" class="color-buy">{{$t('assets.d2')}}</view>
|
|
<view v-if="item.status==2" class="color-sell">{{$t('assets.d3')}}</view>
|
|
</td>
|
|
<td class="fn-right p-r-md rounded-tr-sm rounded-br-sm">
|
|
{{ item.amount }}
|
|
<span class="color-default">({{ item.coin_name }})</span>
|
|
</td>
|
|
</tr>
|
|
<!-- <tr v-if="loadMore">
|
|
<td colspan="3" class="fn-center p-xs link-active" @click="more">
|
|
{{ $t("assets.d4") }}
|
|
</td>
|
|
</tr> -->
|
|
</tbody>
|
|
</table>
|
|
</view>
|
|
</view>
|
|
<van-empty v-else :description="$t('contract.d0')" />
|
|
</view>
|
|
</view>
|
|
</v-page>
|
|
</template>
|
|
|
|
<script>
|
|
import Wallet from "@/api/wallet";
|
|
import formData from "@/utils/class/date";
|
|
export default {
|
|
data() {
|
|
return {
|
|
type: '',
|
|
list: [],
|
|
page: 1,
|
|
loadMore: true
|
|
}
|
|
},
|
|
filters: {
|
|
parseTime(val) {
|
|
return formData.parseTime(val);
|
|
},
|
|
},
|
|
methods: {
|
|
// 获取提币记录
|
|
getWithdrawRecords() {
|
|
let data = {
|
|
page: this.page,
|
|
};
|
|
Wallet.withdrawalRecord(data).then((res) => {
|
|
if (res.data.current_page == 1) this.list = [];
|
|
let list = [...this.list, ...res.data.data];//无法响应
|
|
this.list.splice(0,this.list.length,...list);
|
|
// this.list.push(...list);
|
|
// console.log('length---------------',this.list.length, '页数：',res.data.current_page);
|
|
if (res.data.data.length < res.data.per_page) this.loadMore = false;
|
|
});
|
|
},
|
|
// 获取充值记录
|
|
depositHistory() {
|
|
let data = {
|
|
page: this.page,
|
|
};
|
|
Wallet.depositHistory(data).then((res) => {
|
|
if (res.data.current_page == 1) this.list = [];
|
|
this.list = [...this.list, ...res.data.data];
|
|
if (res.data.data.length < res.data.per_page) this.loadMore = false;
|
|
});
|
|
},
|
|
more() {
|
|
this.page++;
|
|
if(this.type=='draw'){
|
|
this.getWithdrawRecords();
|
|
}else if(this.type=='recharge'){
|
|
this.depositHistory();
|
|
}
|
|
},
|
|
},
|
|
onLoad(e) {
|
|
// console.log('---------',e);
|
|
this.type = e.type;
|
|
if(e.type=='draw'){
|
|
this.getWithdrawRecords();
|
|
}else if(e.type=='recharge'){
|
|
this.depositHistory();
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|