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 | 112 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 56 insertions(+), 56 deletions(-) diff --git a/src/pages/index/orePool.vue b/src/pages/index/orePool.vue index 54d9a55..cdc9e5d 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 || 0}} 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 || 0}}</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 || 0}}</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 || 0}} 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">{{item.address}}</span> + <span class="small-count">{{item.income}} ETH</span> </div> </vue-seamless-scroll> </div> @@ -54,21 +54,14 @@ {{$t("message.Answer4")}} </van-collapse-item> <van-collapse-item :title='$t("message.Question5")' name="5"> - 100USDT-499USDT{{$t("message.Yield")}}≈2%<br> - 500USDT-4999USDT{{$t("message.Yield")}}≈2.4%<br> - 5000USDT-29999USDT{{$t("message.Yield")}}≈2.8%<br> - 30000USDT-99999USDT{{$t("message.Yield")}}≈3.2%<br> - 100000USDT-499999USDT{{$t("message.Yield")}}≈3.6%<br> - 500000USDT-999999USDT{{$t("message.Yield")}}≈4.2%<br> - 1000000USDT-4999999USDT{{$t("message.Yield")}}≈4.8%<br> - 5000000USDT-9999999USDT{{$t("message.Yield")}}≈5.2%<br> - {{$t("message.Answer5")}} + <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='$t("message.Question6")' name="6"> {{$t("message.Answer6")}} </van-collapse-item> <van-collapse-item :title='$t("message.Question7")' name="7"> - {{$t("message.Answer7")}} + {{$t("message.Answer7")}}fei520114@outlook.com </van-collapse-item> </van-collapse> <h2 class="m-title">{{$t("message.AuditReport")}}</h2> @@ -92,48 +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, - 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 { 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> @@ -192,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; -- Gitblit v1.9.1