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.6 KiB
124 lines
3.6 KiB
<template>
|
|
<v-page>
|
|
<v-header class="nav-head" :left-arrow="false" :title="$t('common.d1')">
|
|
<template #right>
|
|
<v-link to="/pages/financialManagement/finances-history">
|
|
<van-icon class="fn-20 m-t-xs" name="todo-list-o" />
|
|
</v-link>
|
|
</template>
|
|
</v-header>
|
|
<main class="" style="padding: 40rpx;">
|
|
<view class="d-flex">
|
|
<view>{{$t('common.d23')}}</view>
|
|
<view style="margin-left: 10rpx;"><img src="@/assets/img/home/user.png" width="20" /></view>
|
|
</view>
|
|
<view class="d-block color-light" style="margin-top: 5px;">
|
|
<span class="fn-20 m-r-xs">{{ activeCoin.usable_balance }}</span>
|
|
<span> USDT</span>
|
|
</view>
|
|
<view class="bg-form-panel-3 activeCoinAmount">
|
|
<view>
|
|
<view style="text-align: center;">{{$t('common.d24')}}</view>
|
|
<view style="width: 130rpx;word-break: break-word;text-align: center;">$ {{activeCoin.yesterdayAmount}}</view>
|
|
</view>
|
|
<view>
|
|
<view style="text-align: center;">{{$t('common.d25')}}</view>
|
|
<view style="width: 130rpx;word-break: break-word;text-align: center;">$ {{activeCoin.businessAmount}}</view>
|
|
</view>
|
|
<view>
|
|
<view style="text-align: center;">{{$t('common.d26')}}</view>
|
|
<view style="width: 130rpx;word-break: break-word;text-align: center;">$ {{activeCoin.totalAmount}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="d-flex justify-around" style="margin: 60rpx 0px;">
|
|
<view style="color: #4097f4;border-bottom: 2px solid #4097f4;padding-bottom: 10rpx;">{{$t('common.d12')}}</view>
|
|
<view @click="onredemption">{{$t('common.d14')}}</view>
|
|
</view>
|
|
<view v-for="(item,index) in userAdressList" style="border-bottom: 2px solid #ebebeb;padding-bottom: 30rpx;" @click="toproduct">
|
|
<view class="d-flex" style="font-size: 36rpx;font-weight: bold;">
|
|
<view><img src="https://bbxr.bxrcos.com/storage/coin_icon/USDT.png" width="25" /></view>
|
|
<view style="margin-left: 20rpx;">{{item.coin_name}}</view>
|
|
</view>
|
|
<view class="d-flex justify-between">
|
|
<view>{{$t("common.d9")}}</view>
|
|
<view style="color: #60c08c;">{{item.rate}}%{{$t('exchange.e3')}}</view>
|
|
</view>
|
|
<view class="d-flex justify-between">
|
|
<view>{{$t("common.d10")}}</view>
|
|
<view>{{$t('common.d16')}}</view>
|
|
</view>
|
|
<view class="d-flex justify-between">
|
|
<view>{{$t("common.d44")}}</view>
|
|
<view style="color: #4097f4;">{{item.cumulativeIncome}}</view>
|
|
</view>
|
|
</view>
|
|
</main>
|
|
</v-page>
|
|
</template>
|
|
|
|
<script>
|
|
import Wallet from "@/api/wallet";
|
|
export default {
|
|
name: "index",
|
|
components: {
|
|
|
|
},
|
|
created() {
|
|
this.getBalance()
|
|
this.init()
|
|
},
|
|
data() {
|
|
return {
|
|
activeCoin:{},
|
|
userAdressList:[],
|
|
coin_name1:"USDT",
|
|
};
|
|
},
|
|
watch:{
|
|
'$route' (to, from){
|
|
this.getBalance()
|
|
// console.log(to.fullPath);
|
|
// console.log(from);
|
|
}
|
|
},
|
|
methods: {
|
|
getBalance(){
|
|
let data = {
|
|
account: 4,
|
|
coin_name: this.coin_name1
|
|
};
|
|
Wallet.getBalance(data).then(res => {
|
|
this.activeCoin = res.data;
|
|
// console.log(res);
|
|
});
|
|
},
|
|
init(){
|
|
Wallet.activity().then(res => {
|
|
this.userAdressList = res.data;
|
|
// console.log(this.userAdressList);
|
|
})
|
|
},
|
|
onredemption(){
|
|
uni.navigateTo({
|
|
url:'/pages/financialManagement/finances-hold'
|
|
})
|
|
},
|
|
toproduct(){
|
|
uni.navigateTo({
|
|
url:'/pages/financialManagement/finances-product'
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.activeCoinAmount{
|
|
display: flex;
|
|
margin-top: 30rpx;
|
|
font-weight: bold;
|
|
border-radius: 20rpx;
|
|
padding: 30rpx 40rpx;
|
|
justify-content: space-between;
|
|
}
|
|
</style>
|