gx

queenwuli

2022-04-18 c3bc7b593bf9067bfdaa8bd7def32dd19844ad75

 src/pages/index/account.vue

@@ -59,7 +59,7 @@
                                    <span>USDT</span>
                                </div>
                                <input placeholder="0.000" type="number" v-model.number="usdtAmount"/>
                                <span class="all">{{$t("message.WithdrawalAmount")}}</span>
                                <span class="all" style="color: #3D8AF2" @click="allWithdraw">{{$t("message.WithdrawalAll")}}</span>
                            </div>
                            <div class="item flex-1 flex align-end flex-v">
                                <div>
@@ -108,15 +108,27 @@
                                    </div>
                                </van-tab>
                                <van-tab :title='$t("message.Mining")'>
                                    <div class="list-row flex align-center justify-between">
                                    <div class="list-row list-row2 flex align-center justify-between">
                                        <span class="name">{{$t("message.Time")}}</span>
                                        <span class="name">{{$t("message.Type")}}</span>
                                        <span class="name">{{$t("message.Output")}}</span>
                                    </div>
                                    <div class="list-row flex align-center justify-between" v-for="item in miningList">
                                    <div class="list-row list-row2 flex align-center justify-between" v-for="item in miningList">
                                        <span>{{item.createTime}}</span>
                                        <span>{{$t("message.Mining")}}</span>
                                        <span>{{item.amount}}</span>
                                        <span>{{item.amount}} ETH</span>
                                    </div>
                                </van-tab>
                                <van-tab :title='$t("message.Reward")'>
                                    <div class="list-row list-row2 flex align-center justify-between">
                                        <span class="name">{{$t("message.Time")}}</span>
                                        <span class="name">{{$t("message.Type")}}</span>
                                        <span class="name">{{$t("message.Output")}}</span>
                                    </div>
                                    <div class="list-row list-row2 flex align-center justify-between" v-for="item in rewardList">
                                        <span>{{item.createTime}}</span>
                                        <span>{{$t("message.Reward")}}</span>
                                        <span>{{item.amount}} ETH</span>
                                    </div>
                                </van-tab>
                            </van-tabs>
@@ -132,12 +144,17 @@
import { ref, reactive, onMounted, getCurrentInstance, defineComponent, computed} from 'vue';
export default defineComponent({
  name: 'account',
  setup() {
  props: [
    'simulateData'
  ],
  setup(props, context) {
      console.log(props)
    const activeNames = ref(['1'])
    const { proxy } = getCurrentInstance();
    let exchangeList = ref([])
    let withdrawList = ref([])
    let miningList = ref([])
    let rewardList = ref([]);
    let myAccountInfo = ref({});
    let info = ref({});
    let ethAmount = ref();
@@ -149,6 +166,22 @@
        }
        return (ethAmount.value * proxy.info.newPrice).toFixed(4)
    })

    function initData () {
        if(props.simulateData) {
            const {walletInfoVo: myAccountInfo,changes: exchangeList,withdraws: withdrawList,mines: miningList} = props.simulateData || {};
            proxy.myAccountInfo = myAccountInfo || {};
            proxy.exchangeList = exchangeList || [];
            proxy.withdrawList = withdrawList || [];
            proxy.miningList = miningList || [];
        } else {
            getWalletInfo()
            getRecordList(1)
            getRecordList(2)
            getRecordList(3)
            getRecordList(4)
        }
    }
    function getWalletInfo(){
        proxy.$axios({
          url: '/dapi/member/walletInfo',
@@ -156,6 +189,30 @@
        }).then((res) => {
          if(res.code == 200) {
            proxy.myAccountInfo = res.data;
          }
        })
    }
    function getRecordList (type) {
        proxy.$axios({
          url: '/dapi/member/recordInPage',
          method: 'post',
          data: {
            pageNum: 1,
            pageSize: 100,
            type: type
          }
        }).then((res) => {
          if(res.code == 200) {
              let result = res.data;
              if (type == 1) {
                proxy.exchangeList = result;
              } else if (type == 2) {
                proxy.withdrawList = result;
              } else if (type == 3) {
                proxy.miningList = result;
              } else {
                proxy.rewardList = result;
              }
          }
        })
    }
@@ -194,6 +251,12 @@
            proxy.isRequesting = false;
        })
    }
    function allWithdraw () {
        if(!proxy.myAccountInfo.availableWallet) {
            return;
        }
        usdtAmount.value = proxy.myAccountInfo.availableWallet
    }
    function submitWithdraw () {
        if(Number(usdtAmount.value) < 100) {
            this.$toast(this.$t('message.MinWithdrawCount') + '100USDT');
@@ -226,41 +289,18 @@
            proxy.isRequesting = false;
        })
    }
    function getRecordList (type) {
        proxy.$axios({
          url: '/dapi/member/recordInPage',
          method: 'post',
          data: {
            pageNum: 1,
            pageSize: 100,
            type: type
          }
        }).then((res) => {
          if(res.code == 200) {
              let result = res.data;
              if (type == 1) {
                proxy.exchangeList = result;
              } else if (type == 2) {
                proxy.withdrawList = result;
              } else {
                proxy.miningList = result;
              }
          }
        })
    }
    
    function onClickTab (item) {
        if(item.name === 2) {
            getRecordList(1)
            getRecordList(2)
            getRecordList(3)
            getRecordList(4)
        }
    }
    onMounted(() => {
        getWalletInfo()
        proxy.initData()
        getRecordList(1)
        getRecordList(2)
        getRecordList(3)
        proxy.initglobalSetData()
        initData()
    })
    return { 
        activeNames,
@@ -268,6 +308,7 @@
        exchangeList,
        withdrawList,
        miningList,
        rewardList,
        info,
        ethAmount,
        ethToUsdtAmount,
@@ -275,13 +316,14 @@
        getWalletInfo,
        allExchange,
        submitExchange,
        allWithdraw,
        submitWithdraw,
        onClickTab,
        isRequesting
    };
  },
  methods: {
    initData () {
    initglobalSetData () {
        this.$axios({
          url: '/dapi/common/globalSetting',
          method: 'get'
@@ -290,8 +332,7 @@
              this.info = res.data;
          }
        })
    },
    
    }
  }
})
</script>
@@ -420,7 +461,7 @@
        width: 45%
    }
    .list-row span:nth-child(3){
        text-align: center;
        text-align: right;
        width: 15%
    }
    .list-row:not(:last-child){
@@ -429,4 +470,10 @@
    .list-row:nth-child(1){
        margin: 30px 0;
    }
    .list-row2 span:nth-child(2){
        width: 22%
    }
    .list-row2 span:nth-child(3){
        width: 38%
    }
</style>