From 9c272f55c2f096facb2ecd71bb04c90351a06caa Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Thu, 24 Mar 2022 17:42:35 +0800
Subject: [PATCH] gx
---
src/pages/index/orePool.vue | 86 ++++++++++++++++++++----------------------
1 files changed, 41 insertions(+), 45 deletions(-)
diff --git a/src/pages/index/orePool.vue b/src/pages/index/orePool.vue
index 54d9a55..7bc91f7 100644
--- a/src/pages/index/orePool.vue
+++ b/src/pages/index/orePool.vue
@@ -5,19 +5,19 @@
<div class="box-content">
<div class="row flex align-center justify-between">
<span class="name">{{ $t("message.TotalOutput") }}</span>
- <span class="count em">741522.920798 ETH</span>
+ <span class="count em">{{miningPoolData.totalOutput}} ETH</span>
</div>
<div class="row flex align-center justify-between">
<span class="name">{{ $t("message.ValidNode") }}</span>
- <span class="count em">38</span>
+ <span class="count em">{{miningPoolData.validNode}}</span>
</div>
<div class="row flex align-center justify-between">
<span class="name">{{ $t("message.Participant") }}</span>
- <span class="count">123</span>
+ <span class="count">{{miningPoolData.partnerCnt}}</span>
</div>
<div class="row flex align-center justify-between">
<span class="name">{{ $t("message.UserRevenue") }}</span>
- <span class="count">73235521.340353 USDT</span>
+ <span class="count">{{miningPoolData.partnerIncome}} USDT</span>
</div>
</div>
</div>
@@ -30,10 +30,10 @@
<span class="name">{{ $t("message.Address") }}</span>
<span class="name">{{ $t("message.Quantity") }}</span>
</div>
- <vue-seamless-scroll :data="listData" :class-option="scrollOption" class="list-warp">
- <div class="row flex align-center justify-between" v-for="item in listData">
- <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">{{formatAddress(item.address)}}</span>
+ <span class="small-count">{{item.income}} ETH</span>
</div>
</vue-seamless-scroll>
</div>
@@ -68,7 +68,7 @@
{{$t("message.Answer6")}}
</van-collapse-item>
<van-collapse-item :title='$t("message.Question7")' name="7">
- {{$t("message.Answer7")}}
+ {{$t("message.Answer7")}}miningusdtvip@gmail.com
</van-collapse-item>
</van-collapse>
<h2 class="m-title">{{$t("message.AuditReport")}}</h2>
@@ -92,48 +92,44 @@
</template>
<script>
-import { ref } from 'vue';
+import { ref, onMounted, getCurrentInstance } from 'vue';
export default {
name: 'orePool',
setup() {
+ const { proxy } = getCurrentInstance();
+ let miningPoolData = ref({});
+ let incomeList = ref([]);
const activeNames = ref(['1']);
- return {
- activeNames,
- listData: [{
- 'title': '无缝滚动第一行无缝滚动第一行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第二行无缝滚动第二行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第三行无缝滚动第三行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第四行无缝滚动第四行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第五行无缝滚动第五行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第六行无缝滚动第六行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第七行无缝滚动第七行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第八行无缝滚动第八行',
- 'date': '2017-12-16'
- }, {
- 'title': '无缝滚动第九行无缝滚动第九行',
- 'date': '2017-12-16'
- }],
- scrollOption: {
- step: 0.5
- }
- };
+ const formatAddress = (value) => {
+ if(value.length > 13) {
+ return value.slice(0, 8) + '********' + value.slice(-6)
+ }
+ }
+ onMounted(() => {
+ proxy.initData()
+ })
+ return {
+ activeNames,
+ miningPoolData,
+ incomeList,
+ scrollOption: {
+ step: 0.5
+ },
+ formatAddress
+ };
},
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
+ }
+ })
+ }
}
}
</script>
--
Gitblit v1.9.1