95 lines
2.3 KiB
Vue
95 lines
2.3 KiB
Vue
<template>
|
||
<view class="personal_record">
|
||
<view class="p_e_top">
|
||
<view class="p_top_item">
|
||
<view class="">投入金额</view>
|
||
<view class="color-green">{{ item.money + " " + item.investCoin }}</view>
|
||
</view>
|
||
<view class="p_top_item">
|
||
<view class="">个人收益</view>
|
||
<view class="color-green">{{ recordMoney() + " " + item.settleAsset }}</view>
|
||
</view>
|
||
</view>
|
||
<view class="p_e_end">
|
||
<view class="p_end_item">
|
||
<view class="">时间</view>
|
||
<view class="color-black">{{ timeOptin(item.settletime * 1000) }}</view>
|
||
</view>
|
||
<view class="p_end_item">
|
||
<view class="">总收益</view>
|
||
<view class="color-black">{{ item.settlefee + " " + item.settleAsset }}</view>
|
||
</view>
|
||
<view class="p_end_item">
|
||
<view class="">手续费</view>
|
||
<view class="color-black">{{ item.serivcefee + " " + item.settleAsset }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default{
|
||
props:{
|
||
item:{
|
||
type: Object,
|
||
default: () => {
|
||
return {}
|
||
}
|
||
}
|
||
},
|
||
methods:{
|
||
recordMoney(){
|
||
let num = 0;
|
||
let a = Number(this.item.settlefee);
|
||
let b = Number(this.item.serivcefee);
|
||
num = (a - b).toFixed(8);
|
||
return num
|
||
},
|
||
timeOptin(timestamp){
|
||
const date = new Date(timestamp);
|
||
const year = date.getFullYear();
|
||
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份從0開始，所以要加1
|
||
const day = String(date.getDate()).padStart(2, '0');
|
||
const hours = String(date.getHours()).padStart(2, '0');
|
||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.personal_record{
|
||
color: #A4A4A4;
|
||
padding: 0 20rpx;
|
||
box-sizing: border-box;
|
||
.p_e_top{
|
||
.color-green{
|
||
color: #1ABA84;
|
||
font-weight: 700;
|
||
margin: 10rpx 0;
|
||
}
|
||
.p_top_item{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
}
|
||
.p_e_end{
|
||
margin-top: 20rpx;
|
||
background-color: #F4F6F8;
|
||
padding: 10rpx 20rpx 20rpx 20rpx;
|
||
box-sizing: border-box;
|
||
border-radius: 20rpx;
|
||
.p_end_item{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 20rpx;
|
||
.color-black{
|
||
color: #000;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |