From eee501df08a1f149a2051384d510cfd404ef4ebc Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Fri, 13 Jun 2025 14:32:59 +0800
Subject: [PATCH] 1
---
src/page/recharge/rechargePage.vue | 166 ++++++++++++++++++++++++++++++++-----------------------
1 files changed, 97 insertions(+), 69 deletions(-)
diff --git a/src/page/recharge/rechargePage.vue b/src/page/recharge/rechargePage.vue
index 9f5c93a..163ce24 100644
--- a/src/page/recharge/rechargePage.vue
+++ b/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,
--
Gitblit v1.9.3