<template>
|
<div>
|
<assets-head :title="t('资金账户')" :back-func="backFunc" ></assets-head>
|
|
<div class="px-17">
|
<div class="flex items-center justify-between">
|
<div class="text-25 font-bold">Defi質押流動性挖礦</div>
|
<img class="w-64 h-57 ml-90 flex-none" src="@/assets/imgs/icon-mining.png" draggable="false">
|
</div>
|
|
<div class="h-182 mt-20 pt-28 px-19 box-border text-white bgimg">
|
<div class="flex justify-between items-center">
|
<div class="text-11">{{ t('托管金额') }}</div>
|
<img class="w-17 h-17" src="@/assets/imgs/icon-income.png" draggable="false">
|
</div>
|
<div class="text-34 font-bold mt-5 block">{{ statiscis.amount_sum || 0 }}</div>
|
|
<div class="flex justify-between my-20 text-center text-16">
|
<div>
|
<div>{{ t('累计收益') }}</div>
|
<div class="text-20">{{ statiscis.aready_profit || 0 }}</div>
|
</div>
|
<div>
|
<div>{{ t('预计日收益') }}</div>
|
<div class="text-20">{{ statiscis.today_profit || 0 }}</div>
|
</div>
|
<div>
|
<div>{{ t('托管订单') }}</div>
|
<div class="text-20">{{ statiscis.order_sum || 0 }}</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="mt-15">
|
<div class="text-16">鎖倉挖礦</div>
|
|
<div class="mt-15">
|
<div class="h-100 box-border p-15 mb-10 bgimg1">
|
<div class="flex items-center justify-between">
|
<div class="text-17 font-bold">01</div>
|
<div class="text-16 font-bold">5天</div>
|
</div>
|
<div class="flex mt-5">
|
<div>
|
<div class="text-11">效益</div>
|
<div class="text-16">0.003% - 0.004%</div>
|
</div>
|
<div class="ml-30">
|
<div class="text-11">可投金額</div>
|
<div class="text-16">1000 - 100000</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="h-100 box-border p-15 mb-10 bgimg1">
|
<div class="flex items-center justify-between">
|
<div class="text-17 font-bold">02</div>
|
<div class="text-16 font-bold">17天</div>
|
</div>
|
<div class="flex mt-5">
|
<div>
|
<div class="text-11">效益</div>
|
<div class="text-16">0.004% - 0.005%</div>
|
</div>
|
<div class="ml-30">
|
<div class="text-11">可投金額</div>
|
<div class="text-16">10000 - 10000000</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</template>
|
|
<script setup>
|
import { financeStatics} from '@/service/financialManagement.api.js'
|
import { ref, onMounted } from 'vue';
|
import { useI18n } from 'vue-i18n';
|
const { t } = useI18n();
|
import { useRouter } from 'vue-router';
|
const router = useRouter();
|
|
const statiscis = ref({});
|
|
onMounted(() => {
|
getFinancialData();
|
});
|
|
const backFunc = () => {
|
router.back();
|
}
|
|
|
const getFinancialData = () => {
|
// 获取理财数据
|
financeStatics().then(res => {
|
//console.log('理财统计', res)
|
statiscis.value = res
|
})
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
@import '@/assets/css/deepseek_css_20250625_30ff932.css';
|
|
.bgimg {
|
background: url('@/assets/imgs/mining-card.png') no-repeat;
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
}
|
|
.bgimg1 {
|
background: url('@/assets/imgs/mining-bg.png') no-repeat;
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
}
|
|
|
</style>
|
