<template>
|
<div id="MiningPoolFinanceHistory" class="MiningPoolFinanceHistory">
|
<assets-head :title="$t('历史')" :back-func="() => {
|
$router.push({
|
path: '/funds',
|
query: {
|
tab: 3,
|
index: type // 0: 查看理财订单 1: 矿机
|
}
|
})
|
}"></assets-head>
|
<van-tabs v-model="active" ref="tabs" @change="onchange">
|
<van-tab :title="$t('购买')">
|
<div class="contBackground h-2"></div>
|
<van-pull-refresh :pulling-text="$t('下拉即可刷新')" :loosing-text="$t('释放即可刷新')" :loading-text="$t('加载中')"
|
v-model="isLoading" @refresh="onRefresh">
|
<van-list v-model="loading" :finished="finished" @load="onLoad" :loading-text="$t('加载中')">
|
<div v-for="(item, index) in list" :key="'buy' + index">
|
<div class="box-border px-33">
|
<div class="flex justify-between items-center h-110 font-31 font-400">
|
<div class="text-grey">{{ $t('时间') }}</div>
|
<div class="textColor"> {{ item.create_time }}</div>
|
</div>
|
<div class="flex justify-between items-center h-110 font-31 font-400">
|
<div class="text-grey">{{ $t('数量') }}</div>
|
<div class="textColor">{{ item.amount }} USDT</div>
|
</div>
|
<div class="flex justify-between items-center h-110 font-31 font-400">
|
<div class="text-grey">{{ $t('周期') }}</div>
|
<div class="textColor"> {{ item.cycle == 0 ? $t('无限期') : item.cycle + $t('天') }}</div>
|
</div>
|
<div class="flex justify-between items-center h-110 font-31 font-400">
|
<div class="text-grey">{{ $t('累计收益') }}</div>
|
<div class="textColor" :class="item.profit / 1 > 0 ? 'text-green' : 'text-red'"> {{ item.profit }}
|
</div>
|
</div>
|
<!-- <div class="flex justify-center pb-10"><van-button style="border-radius: 5px" size="small" @click="handleGoOrderDetail(item)" class="btnMain text-white">{{$t('详情')}}</van-button></div> -->
|
</div>
|
<div class="contBackground h-12"></div>
|
</div>
|
</van-list>
|
</van-pull-refresh>
|
</van-tab>
|
<van-tab :title="$t('赎回')">
|
<div class="contBackground h-2"></div>
|
<van-pull-refresh :pulling-text="$t('下拉即可刷新')" :loosing-text="$t('释放即可刷新')" :loading-text="$t('加载中')"
|
v-model="isLoading" @refresh="onRefresh">
|
<van-list v-model="loading" :finished="finished" :finished-text="$t('没有更多了')" @load="onLoad">
|
<div class="flex justify-center">
|
<financial-list :list="list" :btnShow="false" :type="type" :goBack="true"></financial-list>
|
</div>
|
</van-list>
|
</van-pull-refresh>
|
|
</van-tab>
|
<van-tab :title="$t('利息')">
|
<div class="contBackground h-2"></div>
|
<van-pull-refresh :pulling-text="$t('下拉即可刷新')" :loosing-text="$t('释放即可刷新')" :loading-text="$t('加载中')"
|
v-model="isLoading" @refresh="onRefresh">
|
<van-list v-model="loading" :finished="finished" :finished-text="$t('没有更多了')" @load="onLoad">
|
<div v-for="(item, index) in list" :key="'interest' + index">
|
<div class="flex justify-between items-center h-150 px-33">
|
<div class="flex items-center">
|
<img v-if="item.amount / 1 > 0 ? false : true" :src="require('@/assets/image/assets-center/out.png')"
|
alt="" class="w-44 h-44 mr-30">
|
<img v-else :src="require('@/assets/image/assets-center/in.png')" alt="" class="w-44 h-44 mr-30">
|
<div class="flex flex-col">
|
<div class="mb-17 font-32 font-400 textColor">{{ $t('利息数量') }}（USDT）</div>
|
<div class="text-grey font-27">{{ item.createTimeStr }}</div>
|
</div>
|
</div>
|
<div class="font-31" :class="item.amount / 1 > 0 ? 'text-green' : 'text-red'">{{ item.amount }}</div>
|
</div>
|
<div class="contBackground h-2"></div>
|
</div>
|
</van-list>
|
</van-pull-refresh>
|
</van-tab>
|
</van-tabs>
|
</div>
|
</template>
|
|
<script>
|
import { Tab, Tabs, Icon, List, PullRefresh, Button } from 'vant';
|
import assetsHead from '@/components/assets-head';
|
|
import { getfinacialProductsBought, getMachineBought } from '@/API/financialManagement';
|
import { _fundRecord } from '@/API/fund.api';
|
import financialList from "@/components/assetsCenter/financialList";
|
export default {
|
name: "index",
|
components: {
|
[Tab.name]: Tab,
|
[Tabs.name]: Tabs,
|
[Icon.name]: Icon,
|
[List.name]: List,
|
[Button.name]: Button,
|
[PullRefresh.name]: PullRefresh,
|
assetsHead,
|
financialList
|
},
|
data() {
|
return {
|
type: 0, // 是普通理财历史 1 是矿池理财历史
|
isLoading: false, // 下拉刷新LOADING
|
loading: false,
|
finished: false,
|
page: 1,
|
active: 0,
|
list: [],
|
}
|
},
|
methods: {
|
handleGoOrderDetail(item) {
|
if (this.type === 0) {
|
this.$router.push({
|
path: '/financialOrder',
|
query: {
|
...item,
|
showBtn: this.active === 0,
|
goBack: true
|
}
|
})
|
} else {
|
this.$router.push({
|
path: '/miningMachineOrder',
|
query: {
|
...item,
|
showBtn: this.active === 0,
|
goBack: true
|
}
|
})
|
}
|
},
|
onRefresh() {
|
console.log('refresh')
|
this.init()
|
},
|
onLoad() {
|
this.get()
|
},
|
onchange() {
|
this.init()
|
},
|
init() {
|
this.page = 1
|
this.list = []
|
this.get()
|
},
|
get() {
|
if (this.type === 0) { // 普通理财历史
|
if (this.active === 0) {
|
getfinacialProductsBought({
|
page_no: this.page,
|
state: '1'
|
}).then(res => { // 已购理财产品
|
this.handleData(res)
|
})
|
} else if (this.active === 1) {
|
getfinacialProductsBought({
|
page_no: this.page,
|
state: '2'
|
}).then(res => { // 已赎回理财产品
|
this.handleData(res)
|
})
|
} else {
|
_fundRecord('finance', this.page, 'finance_profit').then(res => { // 利息
|
this.handleData(res)
|
})
|
}
|
} else { // 矿机理财历史
|
if (this.active === 0) {
|
getMachineBought({
|
page_no: this.page,
|
state: '1'
|
}).then(res => { // 已购理财产品
|
this.handleData(res)
|
})
|
} else if (this.active === 1) {
|
getMachineBought({
|
page_no: this.page,
|
state: '2'
|
}).then(res => { // 已赎回理财产品
|
this.handleData(res)
|
})
|
} else {
|
_fundRecord('miner', this.page, 'miner_profit').then(res => { // 利息
|
this.handleData(res)
|
})
|
}
|
}
|
},
|
handleData(data) {
|
this.isLoading = false;
|
console.log(data)
|
this.list = this.list.concat(data)
|
this.loading = false
|
if (data.length < 10) {
|
this.finished = true
|
}
|
this.page++
|
}
|
},
|
created() {
|
if (this.$route.query.tab) {
|
this.active = this.$route.query.tab
|
}
|
if (this.$route.query.type) {
|
this.type = this.$route.query.type / 1
|
}
|
},
|
mounted() {
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.MiningPoolFinanceHistory {
|
width: 100%;
|
box-sizing: border-box;
|
|
::v-deep .van-tabs__nav {
|
@include themify() {
|
background: themed("main_background");
|
}
|
}
|
|
::v-deep .van-tab--active {
|
@include themify() {
|
color: themed("text_color");
|
}
|
}
|
}
|
</style>
|
