gx
queenwuli
2022-04-15 c110a60ee4a75060dfd47d32150e99232c11f9e1
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">{{miningPoolData.totalOutput}} 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">{{miningPoolData.validNode}}</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">{{miningPoolData.partnerCnt}}</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">{{miningPoolData.partnerIncome}} USDT</span>
                    <span class="count">{{miningPoolData.partnerIncome || 0}} USDT</span>
                </div>
            </div>
        </div>
@@ -32,7 +32,7 @@
                </div>
                <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-name">{{item.address}}</span>
                        <span class="small-count">{{item.income}} ETH</span>
                    </div>
                </vue-seamless-scroll>
@@ -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")}}miningusdtvip@gmail.com
                {{$t("message.Answer7")}}fei520114@outlook.com
            </van-collapse-item>
        </van-collapse>
        <h2 class="m-title">{{$t("message.AuditReport")}}</h2>
@@ -99,14 +92,11 @@
    const { proxy } = getCurrentInstance();
    let miningPoolData = ref({});
    let incomeList = ref([]);
    const activeNames = ref(['1']);
    const formatAddress = (value) => {
        if(value.length > 13) {
            return value.slice(0, 8) + '********' + value.slice(-6)
        }
    }
    const activeNames = ref(['']);
    const rateList = ref([])
    onMounted(() => {
        proxy.initData()
        proxy.initglobalSetData()
    })
    return { 
        activeNames,
@@ -115,7 +105,7 @@
        scrollOption: {
            step: 0.5
        },
        formatAddress
        rateList
    };
  },
  methods: {
@@ -127,6 +117,16 @@
          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;
          }
        })
    }
@@ -188,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;