gx

queenwuli

2022-03-24 9c272f55c2f096facb2ecd71bb04c90351a06caa

 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>