1

lxf

2025-06-13 eee501df08a1f149a2051384d510cfd404ef4ebc

1

 src/page/recharge/rechargePage.vue

@@ -22,20 +22,20 @@
    <div class="pl-30 pr-30">
      <div class="flex flex-col items-center justify-center">
        <div class="textColor font-30 mt50" ref="address">{{ address }}</div>
<!--        <div
        <!--        <div
          v-clipboard:copy="address"
          v-clipboard:success="onCopy"
          v-clipboard:error="onError"
          class="font-26 border-solid-grey text-center code-btn rounded-6 textColor"
        > -->
        <div
            @click="copyclick()"
          class="font-26 border-solid-grey text-center code-btn rounded-6 textColor"
        >
        <div
          @click="copyclick()"
          class="font-26 border-solid-grey text-center code-btn rounded-6 textColor"
        >
          {{ $t("复制地址") }}
        </div>
      </div>
     <!-- <div>
      <!-- <div>
        <div class="font-26 textColor">{{ $t("转出地址(选填)") }}</div>
        <div style="position: relative" class="mt-26 mb-60">
          <input
@@ -69,15 +69,24 @@
        </div>
      </div>
      <div>
                <div class="font-26 textColor">{{ $t('链名称') }}</div>
                <div class="flex ">
                    <div :class="blockchainIndex == index ? 'borderMain colorMain' : 'border-solid-dark-grey border-r-grey'"
                        class="mr-20 flex-wrap font-32 text-center name-btn rounded textColor"
                        v-for="(item, index) in chainList" :key="index" @click="changeBlockchain(index)">{{
                            item.blockchain_name }}</div>
                </div>
            </div>
     <div>
        <div class="font-26 textColor">{{ $t("链名称") }}</div>
        <div class="flex">
          <div
            :class="
              blockchainIndex == index
                ? 'borderMain colorMain'
                : 'border-solid-dark-grey border-r-grey'
            "
            class="mr-20 flex-wrap font-32 text-center name-btn rounded textColor"
            v-for="(item, index) in chainList"
            :key="index"
            @click="changeBlockchain(index)"
          >
            {{ item.blockchain_name }}
          </div>
        </div>
      </div>
      <div>
        <div class="font-26 textColor">
          {{ $t("付款凭证（上传支付详情截图）") }}
        </div>
@@ -199,57 +208,76 @@
      });
  },
  methods: {
     async  copyclick(){
               try {
                 await  navigator.clipboard.writeText(this.address);
                 this.$toast(this.$t("复制成功"));
                 console.log('文本已复制到剪贴板');
               } catch (err) {
                 this.$toast(this.$t("复制失败"));
               }
      },
   async getData() { 
        await Axios.getBlock({
          coin: this.coin
        }).then((res) => {
          if (res.code == "0") {
            this.chainList = res.data.page.elements;
            // this.address = res.data.page.elements[0].address;
            this.blockchain_name = res.data.page.elements[0].blockchain_name;
            let trc20=res.data.page.elements[3].address
            let erc20=res.data.page.elements[0].address
            let btc=res.data.page.elements[1].address
            let eth=res.data.page.elements[2].address
            if(this.symbol=='usdt'){
              this.chainList=[{
                address:trc20,
                blockchain_name:'TRC20'
              },{
                address:erc20,
                blockchain_name:'ERC20'
              }]
              this.address = this.chainList[0].address;
              this.blockchain_name = this.chainList[0].blockchain_name;
            }else if (this.symbol=='btc'){
                // console.log(btc);
                // debugger
            this.chainList=[{
              address:btc,
              blockchain_name:'BTC'
            }]
            this.address = this.chainList[0].address;
            this.blockchain_name = this.chainList[0].blockchain_name;
          }else if (this.symbol=='eth'){
            this.chainList=[{
              address:eth,
              blockchain_name:"ETH"
            }]
            this.address = this.chainList[0].address;
            this.blockchain_name = this.chainList[0].blockchain_name;
          }
            this.getQRCode();
          }
        });
    async copyclick() {
      try {
        await navigator.clipboard.writeText(this.address);
        this.$toast(this.$t("复制成功"));
        console.log("文本已复制到剪贴板");
      } catch (err) {
        this.$toast(this.$t("复制失败"));
      }
    },
    async getData() {
      await Axios.getBlock({
        coin: this.coin,
      }).then((res) => {
        if (res.code == "0") {
          this.chainList = res.data.page.elements;
          // this.address = res.data.page.elements[0].address;
          this.blockchain_name = res.data.page.elements[0].blockchain_name;
          let trc20 = res.data.page.elements
            .filter(
              (item) => item.blockchain_name === "TRC20" && item.coin === "usdt"
            )
            .map((item) => item.address);
          let erc20 = res.data.page.elements
            .filter(
              (item) => item.blockchain_name === "ERC20" && item.coin === "usdt"
            )
            .map((item) => item.address);
          let btc = res.data.page.elements
            .filter((item) => item.blockchain_name === "BTC")
            .map((item) => item.address);
          let eth = res.data.page.elements
            .filter((item) => item.blockchain_name === "ETH")
            .map((item) => item.address);
          if (this.symbol == "usdt") {
            this.chainList = [
              {
                address: trc20[0],
                blockchain_name: "TRC20",
              },
              {
                address: erc20[0],
                blockchain_name: "ERC20",
              },
            ];
            this.address = this.chainList[0].address;
            this.blockchain_name = this.chainList[0].blockchain_name;
          } else if (this.symbol == "btc") {
            // console.log(btc);
            // debugger
            this.chainList = [
              {
                address: btc[0],
                blockchain_name: "BTC",
              },
            ];
            this.address = this.chainList[0].address;
            this.blockchain_name = this.chainList[0].blockchain_name;
          } else if (this.symbol == "eth") {
            this.chainList = [
              {
                address: eth[0],
                blockchain_name: "ETH",
              },
            ];
            this.address = this.chainList[0].address;
            this.blockchain_name = this.chainList[0].blockchain_name;
          }
          this.getQRCode();
        }
      });
      // Axios.exchange({}).then((res) => {
      //   if (res.data&&res.data.filter(item => {
      //     return item.userid == this.userInfo.usercode
@@ -301,7 +329,7 @@
      this.address = this.chainList[this.blockchainIndex].address;
      this.blockchain_name =
        this.chainList[this.blockchainIndex].blockchain_name;
      this.getQRCode(); 
      this.getQRCode();
    },
    getToken() {
      Axios.getRechargeToken().then((res) => {
@@ -362,7 +390,7 @@
    },
    //生成二维码
    getQRCode() {
        console.log( this.address);
      console.log(this.address);
      let opts = {
        errorCorrectionLevel: "H", //容错级别
        type: "image/png", //生成的二维码类型
@@ -416,7 +444,7 @@
          amount: this.amount,
          from: this.enterAddress,
          // blockchain_name: this.coin.toUpperCase(),
          blockchain_name: this.blockchain_name,
          blockchain_name: this.blockchain_name,
          img: this.submitImg,
          coin: this.symbol.toUpperCase(),
          channel_address: this.address,