<template>
|
<div class="miningMachineHome">
|
<assets-head :title="$t('矿机')" :showLeft="true" :goHome="goHome"></assets-head>
|
|
<div class="box-border px-30 mt-42">
|
<div class="flex justify-between text-grey relative">
|
<div class="flex flex-col">
|
<span class="text-grey font-30">{{ $t('托管金额') }}（{{ minglist.buyCurrency
|
? minglist.buyCurrency.toUpperCase() : 'USDT' }}）</span>
|
<span class="font-66 mt-20 font-700 textColor">{{ minglist.amount_sum }}</span>
|
</div>
|
</div>
|
<div class="flex mt-44 justify-between font-26 lh-32 mb-35">
|
<div class="flex flex-col ">
|
<div class="text-grey font-26">{{ $t('预计日收益')
|
}}（{{ minglist.outputCurrency ? minglist.outputCurrency.toUpperCase() : 'USDT' }}）</div>
|
<div class="font-40 mt-17 mb-9 font-36 textColor">{{ minglist.today_profit }}</div>
|
</div>
|
<div class="flex flex-col">
|
<div class="text-grey font-26">{{ $t('累计收益')
|
}}（{{ minglist.outputCurrency ? minglist.outputCurrency.toUpperCase() : 'USDT' }}）</div>
|
<div class="font-40 mt-17 mb-9 font-36 textColor">{{ minglist.aready_profit }}</div>
|
</div>
|
<div class="flex flex-col">
|
<div class="text-grey font-26">{{ $t('托管订单') }}</div>
|
<div class="font-40 mt-17 mb-9 font-36 textColor">{{ minglist.order_sum }}</div>
|
</div>
|
</div>
|
</div>
|
<div class="flex justify-between box-border px-30 mt-43">
|
<div @click="$router.push('/funds?tab=3&index=1')"
|
class="greyBg text-grey w-370 py-13 rounded-lg font-27 text-center mr-20 active activeBKClick">{{ $t('托管订单') }}
|
</div>
|
<div @click="$router.push('/machine-rule')"
|
class="greyBg text-grey w-370 py-13 rounded-lg font-27 text-center activeClick">{{ $t('规则') }}</div>
|
</div>
|
<div class="px-30 mt-40 pb-80">
|
<div v-for="(item, index) in list" :key="index"
|
class="card flex justify-between items-center relative rounded-lg borderColor contBackground">
|
<div class="title absolute px-16 py-8 font-26 text-white top-0 left-22"
|
:class="item.on_sale === '0' ? 'inactive' : 'bg-green'">
|
<!-- {{item.on_sale==='0'?$t('已锁定，联系客服'):$t('日收益率')}}{{item.on_sale==='0'?null:item.daily_rate}}{{item.on_sale==='0'?null:index===0?'':'%'}} -->
|
{{ item.on_sale === '0' ? $t('已锁定，联系客服') : (item.test ? item.cycle + $t('天') + $t('预期收益') + ' ' + item.all_rate
|
+
|
'USDT' : $t('30天预期收益') + ' ' + item.all_rate + '%') }}
|
</div>
|
<div class="flex justify-start items-center flex-1" @click="click_buy(item, index)">
|
<img v-if="index === 0" class="w-120 h-130 mr-10" src="./images/machine1.png" alt="">
|
<img v-else-if="index === 1" class="w-120 h-130 mr-10" src="./images/machine_asic.png" alt="">
|
<img v-else-if="index === 2" class="w-120 h-130 mr-10" src="./images/machine_ex.png" alt="">
|
<img v-else-if="index === 3" class="w-120 h-130 mr-10" src="./images/machine_fpga.png" alt="">
|
<img v-else-if="index === 4" class="w-120 h-130 mr-10" src="./images/machine_ipfs.png" alt="">
|
<img v-else-if="index === 5" class="w-120 h-130 mr-10" src="./images/machine_gpu.png" alt="">
|
<img v-else-if="index === 6" class="w-120 h-130 mr-10" src="./images/machine_ck6.png" alt="">
|
<img v-else class="w-120 h-130 mr-10" src="./images/machine_ex.png" alt="">
|
<div class="flex flex-col items-start">
|
<span class="font-35 font-600 textColor" style="max-width:200px;">
|
<template v-if="$i18n.locale === 'CN'">
|
{{ item.name_cn }}
|
</template>
|
<template v-else-if="$i18n.locale === 'zh-CN'">
|
{{ item.name }}
|
</template>
|
<template v-else>
|
{{ item.name_en }}
|
</template>
|
</span>
|
<!-- <span class="font-26 mt-24 mb-16 textColor">{{item.on_sale==='0'?$t('已锁定，联系客服'):$t('日收益率')}}{{' '}}{{item.on_sale==='0'?null:item.daily_rate}}{{item.on_sale==='0'?null:index===0?'':'%'}}</span> -->
|
<span class="font-26 mt-24 mb-16 textColor">{{ $t('日收益率') }}{{ '
|
'}}{{ item.daily_rate }}{{ item.test ? 'USDT' : '%' }}</span>
|
<span class="font-26 mb-16 textColor">{{ $t('限额') }} {{ item.investment_min + '-' }}{{ item.investment_max }}
|
{{ item.buyCurrency ? item.buyCurrency.toUpperCase() : '--' }}</span>
|
<span class="font-26 textColor">{{ $t('周期') }} {{ item.cycle == 0 ? $t('无限期') : item.cycle + $t('天') }}</span>
|
</div>
|
</div>
|
<div @click="item.on_sale === '0' ? null : $router.push({
|
path: '/machine-buy',
|
query: { obj: JSON.stringify(item) }
|
})" class="py-16 w-180 font-28 font-600 text-center rounded-lg"
|
:class="item.on_sale === '0' ? 'inactive activeDisableClick' : 'active activeBKClick'">{{
|
item.on_sale === '0' ? $t('已锁定') : item.test ? $t('立即体验') : $t('立即租用') }}</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/assets-head";
|
import { getMachineList } from "@/API/financialManagement";
|
import { getMiningRevenueStatisticsList } from "@/API/financialManagement";
|
export default {
|
name: "fundHome",
|
components: {
|
assetsHead,
|
},
|
data() {
|
return {
|
goHome: true,
|
minglist: {},
|
list: []
|
}
|
},
|
methods: {
|
click_share() {
|
this.$router.push('/promote');
|
},
|
click_buy(item, index) {
|
item['mine_index'] = index
|
this.$router.push({
|
path: '/pool-lock',
|
//query: item
|
query: { obj: JSON.stringify(item) }
|
})
|
}
|
},
|
activated() {
|
getMachineList().then(res => {
|
//console.log('矿机列表', res)
|
this.list = res
|
//console.log(this.list)
|
})
|
getMiningRevenueStatisticsList(
|
this.$store.state.user.userInfo.token
|
).then(res => {
|
//console.log('矿机收益', res)
|
this.minglist = res
|
})
|
},
|
created() {
|
console.log(this.$i18n.locale)
|
getMachineList().then(res => {
|
//console.log('矿机列表',res)
|
this.list = res
|
})
|
getMiningRevenueStatisticsList(
|
this.$store.state.user.userInfo.token
|
).then(res => {
|
//console.log('矿机收益',res)
|
this.minglist = res
|
})
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.activeBKClick {
|
&:active {
|
@include themify() {
|
background: themed("btn_main") !important;
|
}
|
|
@include themify() {
|
border-color: themed("btn_main") !important;
|
}
|
|
opacity: 0.5;
|
}
|
}
|
|
.activeClick {
|
&:active {
|
@include themify() {
|
background: themed("grey_bg") !important;
|
}
|
|
opacity: 0.6;
|
}
|
}
|
|
.activeDisableClick {
|
&:active {
|
background: #474B62;
|
opacity: 0.5;
|
}
|
}
|
|
.miningMachineHome {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
|
.active {
|
color: #FFFFFF;
|
|
@include themify() {
|
background: themed("btn_main") !important;
|
}
|
|
@include themify() {
|
border-color: themed("btn_main") !important;
|
}
|
}
|
|
.inactive {
|
color: #FFFFFF;
|
background: #474B62;
|
border-color: #474B62;
|
}
|
|
.title {
|
border-radius: 0 0 8px 8px;
|
}
|
|
.card {
|
padding: 80px 22px 22px 22px;
|
margin-bottom: 32px;
|
}
|
</style>
|
