From fa58798559b6cc02ec9cdb4c77f72f2176390802 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Mon, 18 Apr 2022 10:54:15 +0800
Subject: [PATCH] gx
---
src/pages/index/orePool.vue | 142 +++++++++++++++++++++++++++++-----------------
1 files changed, 89 insertions(+), 53 deletions(-)
diff --git a/src/pages/index/orePool.vue b/src/pages/index/orePool.vue
index 57ca4e2..cdc9e5d 100644
--- a/src/pages/index/orePool.vue
+++ b/src/pages/index/orePool.vue
@@ -1,85 +1,78 @@
<template>
<div>
<div class="box">
- <h3 class="title">矿池数据</h3>
+ <h3 class="title">{{ $t("message.PoolData") }}</h3>
<div class="box-content">
<div class="row flex align-center justify-between">
- <span class="name">总产量</span>
- <span class="count em">741522.920798 ETH</span>
+ <span class="name">{{ $t("message.TotalOutput") }}</span>
+ <span class="count em">{{miningPoolData.totalOutput || 0}} ETH</span>
</div>
<div class="row flex align-center justify-between">
- <span class="name">有效节点</span>
- <span class="count em">38</span>
+ <span class="name">{{ $t("message.ValidNode") }}</span>
+ <span class="count em">{{miningPoolData.validNode || 0}}</span>
</div>
<div class="row flex align-center justify-between">
- <span class="name">参与者</span>
- <span class="count">123</span>
+ <span class="name">{{ $t("message.Participant") }}</span>
+ <span class="count">{{miningPoolData.partnerCnt || 0}}</span>
</div>
<div class="row flex align-center justify-between">
- <span class="name">用户收入</span>
- <span class="count">73235521.340353 USDT</span>
+ <span class="name">{{ $t("message.UserRevenue") }}</span>
+ <span class="count">{{miningPoolData.partnerIncome || 0}} USDT</span>
</div>
</div>
</div>
- <h2 class="m-title">采矿</h2>
- <h3 class="m-subtitle">流动性采矿收入</h3>
+ <h2 class="m-title">{{ $t("message.Mining") }}</h2>
+ <h3 class="m-subtitle">{{ $t("message.LiquidityMiningIncome") }}</h3>
<div class="box">
- <h3 class="title">用户输出</h3>
+ <h3 class="title">{{ $t("message.UserOutput") }}</h3>
<div class="box-content">
<div class="row flex align-center justify-between">
- <span class="name">地址</span>
- <span class="name">数量</span>
+ <span class="name">{{ $t("message.Address") }}</span>
+ <span class="name">{{ $t("message.Quantity") }}</span>
</div>
- <div>
- <div class="row flex align-center justify-between" v-for="item in 8">
- <span class="small-name">TFptQTd********7j3bms</span>
- <span class="small-count">0.920798 ETH</span>
+ <vue-seamless-scroll :data="incomeList" :class-option="scrollOption" class="list-warp">
+ <div class="row flex align-center justify-between" v-for="item in incomeList">
+ <span class="small-name">{{item.address}}</span>
+ <span class="small-count">{{item.income}} ETH</span>
</div>
- </div>
+ </vue-seamless-scroll>
</div>
</div>
- <h2 class="m-title">帮助中心</h2>
- <h3 class="m-subtitle">希望对你有帮助</h3>
+ <h2 class="m-title">{{$t("message.HelpCenter")}}</h2>
+ <h3 class="m-subtitle">{{$t("message.HelpCenter2")}}</h3>
<van-collapse v-model="activeNames">
- <van-collapse-item title="什么是节点挖掘？" name="1">
- USDT存储在自己的钱包中，0风险，新的区块链数据管理和计算模型，以促进DEFI生态。通过每个用户节点的总价值生产、无保留的流动性节点挖掘以及预挖掘和增量行为，所有ETH用户提供链上流动性，所有这些都将通过智能合约节点执行收入自动锁定。目前，您可以通过任何钱包参与，对矿工新一代节点进行挖掘，在通过流动性节点挖掘获得的总收入结束时，通过USDT代币分割每个用户的集中钱包。
+ <van-collapse-item :title='$t("message.Question1")' name="1">
+ {{$t("message.Answer1")}}
</van-collapse-item>
- <van-collapse-item title="采矿收入来自哪里？" name="2">
- 一旦用户参与挖掘，流动性节点挖掘将被激活，每天节点挖掘产生的总金额将在24小时内结束，每个用户从Minres新一代流动性节点池中获取挖掘数据，用于计算收益。每日结算6次，每4小时结算1次，挖矿收益以液体节点池用户钱包代币百分比计算。成功提交社区后，挖掘收益将被释放到用户的中央钱包。移动节点挖掘的总量占用户钱包token总量的比例。你在移动池中拥有的代币越多，你从挖掘中获得的代币就越多。
+ <van-collapse-item :title='$t("message.Question2")' name="2">
+ {{$t("message.Answer2")}}
</van-collapse-item>
- <van-collapse-item title="我需要如何加入？" name="3">
- 参与非破坏性和非担保流动性挖掘需要支付ETH或者TRX矿工费用才能收到替换金券，ETH钱包或者TRX钱包地址只需申请一次。成功后自动打开挖掘权限
+ <van-collapse-item :title='$t("message.Question3")' name="3">
+ {{$t("message.Answer3")}}
</van-collapse-item>
- <van-collapse-item title="我怎样提现？" name="4">
- 您可以将每天生成的货币转换为USDT，然后启动提款。USDT取款将自动发送到您添加到节点的钱包地址，不支持其他地址
+ <van-collapse-item :title='$t("message.Question4")' name="4">
+ {{$t("message.Answer4")}}
</van-collapse-item>
- <van-collapse-item title="收益率是多少？" name="5">
- 100USDT-499USDT收益率≈2%<br>
- 500USDT-4999USDT收益率≈2.4%<br>
- 5000USDT-29999USDT收益率≈2.8%<br>
- 30000USDT-99999USDT收益率≈3.2%<br>
- 100000USDT-499999USDT收益率≈3.6%<br>
- 500000USDT-999999USDT收益率≈4.2%<br>
- 1000000USDT-4999999USDT收益率≈4.8%<br>
- 5000000USDT-9999999USDT收益率≈5.2%<br>
- 100USDT以下沒有盈利。
+ <van-collapse-item :title='$t("message.Question5")' name="5">
+ <p v-for="item in rateList">{{item.minValue}}USDT-{{item.maxValue}}USDT{{$t("message.Yield")}}≈{{item.ratio}}%</p>
+ {{$t("message.Answer5", {amount: rateList.length?rateList[0].minValue : 0})}}
</van-collapse-item>
- <van-collapse-item title="额外的收益是什么？" name="6">
- 当你每天有足够的挖掘量，并持续保持足够的时间，挖掘池将有很多奖励。有关更多详细信息，请联系在线客户服务。
+ <van-collapse-item :title='$t("message.Question6")' name="6">
+ {{$t("message.Answer6")}}
</van-collapse-item>
- <van-collapse-item title="如何联系你？" name="7">
- 请发送电子邮件，我们将在收到电子邮件后立即回复您；miningusdtvip@gmail.com
+ <van-collapse-item :title='$t("message.Question7")' name="7">
+ {{$t("message.Answer7")}}fei520114@outlook.com
</van-collapse-item>
</van-collapse>
- <h2 class="m-title">审计报告</h2>
- <h3 class="m-subtitle">我没有一份安全的审计报告</h3>
+ <h2 class="m-title">{{$t("message.AuditReport")}}</h2>
+ <h3 class="m-subtitle">{{$t("message.AuditReport2")}}</h3>
<div class="img-wrap flex justify-between">
<img src="../../assets/images/img1.png" />
<img src="../../assets/images/img2.png" />
<img src="../../assets/images/img3.png" />
</div>
- <h2 class="m-title">伙伴</h2>
- <h3 class="m-subtitle">我们的商业伙伴</h3>
+ <h2 class="m-title">{{$t("message.Partner")}}</h2>
+ <h3 class="m-subtitle">{{$t("message.Partner2")}}</h3>
<div class="img-wrap flex justify-between flex-wrap">
<img src="../../assets/images/img4.png" />
<img src="../../assets/images/img5.png" />
@@ -92,15 +85,51 @@
</template>
<script>
-import { ref } from 'vue';
+import { ref, onMounted, getCurrentInstance } from 'vue';
export default {
name: 'orePool',
setup() {
- const activeNames = ref(['1']);
- return { activeNames };
+ const { proxy } = getCurrentInstance();
+ let miningPoolData = ref({});
+ let incomeList = ref([]);
+ const activeNames = ref(['']);
+ const rateList = ref([])
+ onMounted(() => {
+ proxy.initData()
+ proxy.initglobalSetData()
+ })
+ return {
+ activeNames,
+ miningPoolData,
+ incomeList,
+ scrollOption: {
+ step: 0.5
+ },
+ rateList
+ };
},
methods: {
-
+ initData () {
+ this.$axios({
+ url: '/dapi/common/totalIncome',
+ method: 'get'
+ }).then((res) => {
+ if(res.code == 200) {
+ this.miningPoolData = res.data.mineData
+ this.incomeList = res.data.userIncome
+ }
+ })
+ },
+ initglobalSetData () {
+ this.$axios({
+ url: '/dapi/common/globalSetting',
+ method: 'get'
+ }).then((res) => {
+ if(res.code == 200) {
+ this.rateList = res.data.ratio;
+ }
+ })
+ }
}
}
</script>
@@ -159,7 +188,11 @@
}
.box-content .row .small-name{
font-size: 24px;
- color: #3D8AF2
+ color: #3D8AF2;
+ max-width: 50%;
+ overflow: hidden;
+ text-overflow:ellipsis;
+ white-space: nowrap;
}
.box-content .row .small-count{
font-size: 24px;
@@ -191,7 +224,10 @@
}
.van-collapse-item__content{
text-align: left;
- text-align: justify;
font-size: 26px;
}
+ .list-warp{
+ overflow: hidden;
+ height: 450px;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1