huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改合作方logo

Browse Source
This commit is contained in:
yuyongdong 2024-09-06 13:14:14 +08:00
parent 4038b92b63
commit 62df0bc57c
1 changed files with 58 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

128
src/views/ClaimView.vue
View File

@ -83,7 +83,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content" v-else-if="address && cecUserStatus == -2"> <div class="content" v-else-if="address && cecInfo.available == '0'">
<div class="content-tips"> <div class="content-tips">
You have no CEC available to claim. You have no CEC available to claim.
</div> </div>
@ -128,7 +128,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content" v-else-if="cecUserStatus == -1"> <div class="content" v-else>
<div class="content-tips content-tips-login"> <div class="content-tips content-tips-login">
<span>Address:</span> {{address}} <span>Address:</span> {{address}}
</div> </div>
@ -142,7 +142,8 @@
</div> </div>
</div> </div>
<div class="content-times"> <div class="content-times">
<div class="content-time-top" @click="cecUserStatus = 0"> <!-- @click="isBindAccount" -->
<div class="content-time-top">
<li> <li>
<div class="left"> <div class="left">
<div></div> <div></div>
@ -150,7 +151,7 @@
</div> </div>
<div class="right"> <div class="right">
<!-- <div class="right claim-btn" @click="cecClaim">Claim</div> --> <!-- <div class="right claim-btn" @click="cecClaim">Claim</div> -->
<span class="claim-btn" @click="cecClaim">Claim</span> <span @click="cecClaim">Sep 9, 00:00 UTC</span>
</div> </div>
</li> </li>
@ -177,15 +178,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content" v-else> <div class="content" v-if="false">
<div class="content-title"> <div class="content-title">
<!-- <div class="content-title-left"> <div class="content-title-left">
<div class="content-title-logo"> <div class="content-title-logo">
<img src="@/assets/img/cec_claim/Bitgetlogo.png" alt=""> <img src="@/assets/img/cec_claim/Bitgetlogo.png" alt="">
</div> </div>
<p>Deposit to Bitget</p> <p>Deposit to Bitget</p>
<div class="free">0 gas</div> <div class="free">0 gas</div>
</div> --> </div>
<div class="content-title-right"> <div class="content-title-right">
<div class="content-tips-link"> <div class="content-tips-link">
<div> <div>
@ -198,35 +199,30 @@
<div class="content-body"> <div class="content-body">
<div class="content-body-header"> <div class="content-body-header">
<div class="content-body-header-left"> <div class="content-body-header-left">
<!-- <span v-if="cecUserStatus == 0">Grab a share of 1,000,000 $CEC</span> --> <span v-if="cecUserStatus == 0">Grab a share of 1,000,000 $CEC</span>
</div> </div>
<div class="content-body-header-right"> <div class="content-body-header-right">
Sep 9, 00:00 UTC Aug 30, 06:00 - Sep 5, 06:00 UTC
</div> </div>
</div> </div>
<div class="content-body-box"> <div class="content-body-box">
<!-- 3 claim 等待 --> <!-- 3 -->
<div v-if="cecUserStatus == 3"> <div v-if="cecUserStatus == 3">
<div class="body-box-title padding-top"> <div class="body-box-title padding-top">
<h3><span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC claimed to your address in progress</h3> <h3><span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC deposit to Bitget in progress</h3>
</div> </div>
<div class="body-box-con margin-top-20"> <div class="body-box-con margin-top-20">
<p>Well done! You're all set!</p> <p>Well done! You're all set!</p>
</div> </div>
<div class="body-box-con margin-20"> <div class="body-box-con margin-20">
<p>check the progress here Bscscan</p> <p>You'll receive your $CEC airdrop in Bitget spot account before the listing time.</p>
</div> </div>
<!-- <div class="body-box-btn margin-top-20"> <!-- <div class="body-box-btn margin-top-20">
<p class="center"></p> <p class="center"></p>
</div> --> </div> -->
<div class="body-box-btn margin-top"> <div class="body-box-btn margin-top">
<p class="center"> <p class="center">Jump to<a href="https://www.bitget.com/support/articles/12560603814979?utmSource=Twitter_CEC" target="_blank"> Bitget Launchpool</a> and grab your share of 11M $CEC now!</p>
Jump to
<a href="https://www.bitget.com/support/articles/12560603814979?utmSource=Twitter_CEC" target="_blank"> Bing X Earn</a>
and
<a href="https://www.bitget.com/support/articles/12560603814979?utmSource=Twitter_CEC" target="_blank"> Bitget Pool X</a>
to earn more $CEC
</p>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<!-- <p><a @click="cecUserStatus = 4">Cancel the Pre-Deposit to Bitget</a></p> --> <!-- <p><a @click="cecUserStatus = 4">Cancel the Pre-Deposit to Bitget</a></p> -->
@ -246,55 +242,47 @@
<div class="no" @click="cecUserStatus = 3">No</div> <div class="no" @click="cecUserStatus = 3">No</div>
</div> </div>
</div> </div>
<!-- 5 claim 成功 --> <!-- 5 取消绑定成功 -->
<div v-if="cecUserStatus == 5"> <div v-if="cecUserStatus == 5">
<div class="body-box-title padding-top"> <div class="body-box-title">
<h3><span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC successfully claimed</h3> <!-- <h3><span>{{ Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0] }}</span> $CEC deposit to Bitget in progress</h3> -->
<!-- <span>Cancellation successful</span> -->
</div> </div>
<div class="body-box-con margin-top-20"> <div class="body-box-con">
<p>Well done! You're all set!</p> <h5>Cancellation successful</h5>
</div>
<div class="body-box-con margin-20">
<p>check the progress here Bscscan</p>
</div>
<!-- <div class="body-box-btn margin-top-20">
<p class="center"></p>
</div> -->
<div class="body-box-btn margin-top">
<p class="center">
Jump to
<a href="https://www.bitget.com/support/articles/12560603814979?utmSource=Twitter_CEC" target="_blank"> Bing X Earn</a>
and
<a href="https://www.bitget.com/support/articles/12560603814979?utmSource=Twitter_CEC" target="_blank"> Bitget Pool X</a>
to earn more $CEC
</p>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<!-- <p><a @click="cecUserStatus = 4">Cancel the Pre-Deposit to Bitget</a></p> --> <div @click="reqGetInfo">OK</div>
</div> </div>
</div> </div>
<!-- 2 回显交易所绑定信息 --> <!-- 2 回显交易所绑定信息 -->
<div v-if="cecUserStatus == 2"> <div v-if="cecUserStatus == 2">
<div class="body-box-title"> <div class="body-box-title">
<h4>Confirm claim of <span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC</h4> <h4>Confirm withdrawal of <span>{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}}</span> $CEC</h4>
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<!-- <li> <li>
<h5>Bitget UID :</h5> <h5>Bitget UID :</h5>
<span>{{ cecInfo.bindUid }}</span> <span>{{ cecInfo.bindUid }}</span>
</li> -->
<li>
<h5>Receiving Address :</h5>
<span>{{ claimMyAddress }}</span>
</li> </li>
<li> <li>
<div class="font-size-14">You will use this address to receive $CEC and to pay for gas</div> <h5>Deposit Address :</h5>
<span>{{ cecInfo.bindAddress }}</span>
</li>
<li>
<div class="font-size-14">You may not receive your airdrop in Bitget if your UID, deposit address is not correct or doesn't exist</div>
</li>
<li>
<h6>KYC passed only</h6>
</li>
<li>
<div>It's required to comlete the identity verification to become eligible to deposit to Bitget</div>
</li> </li>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<div @click="cecUserStatus = 3">Claim</div> <div @click="cecUserStatus = 3">Confirm</div>
<span @click="cecUserStatus = 1">Disconnect</span> <span @click="cecUserStatus = 1">Back</span>
</div> </div>
</div> </div>
<!-- </div> <!-- </div>
@ -302,13 +290,13 @@
<!-- 0 是否绑定交易所 --> <!-- 0 是否绑定交易所 -->
<div v-if="cecUserStatus == 0"> <div v-if="cecUserStatus == 0">
<div class="body-box-title"> <div class="body-box-title">
<h3>Connect the receiving wallet and use it to pay for gas</h3> <h3>Do you have a Bitget exchange account?</h3>
</div> </div>
<div class="body-box-con"> <div class="body-box-con">
<!-- <p class="toBitget"><a href="https://bitget.onelink.me/XqvW?af_xp=custom&pid=Counterfire" target="_blank">No, click to create</a></p> --> <p class="toBitget"><a href="https://bitget.onelink.me/XqvW?af_xp=custom&pid=Counterfire" target="_blank">No, click to create</a></p>
</div> </div>
<div class="body-box-btn"> <div class="body-box-btn">
<div @click="connectWallet">Connect</div> <div @click="cecUserStatus = 1">Yes, i have it</div>
</div> </div>
</div> </div>
<!-- 1 绑定交易所 --> <!-- 1 绑定交易所 -->
@ -339,6 +327,7 @@
</div> </div>
<!-- ------------------------------------------------------------------------ --> <!-- ------------------------------------------------------------------------ -->
</div> </div>
<LoadingDialog :loadingDialogVisible="loadingDialogVisible" />
<div ref="claimLogModal"> <div ref="claimLogModal">
<a-modal :class="'claimLogModal'" :getContainer="() => $refs.claimLogModal" v-model:open="claimLogDialogVisible" :closable="false" :footer="null" :maskClosable="false"> <a-modal :class="'claimLogModal'" :getContainer="() => $refs.claimLogModal" v-model:open="claimLogDialogVisible" :closable="false" :footer="null" :maskClosable="false">
<div class="log-title">Cec claim</div> <div class="log-title">Cec claim</div>
@ -365,6 +354,7 @@ import { apiCecInfoAll, apiBindAccount, apiCecClaim } from "@/utils/marketplace"
import ConfirmDialog from "@/components/Dialogs/confirmDialog.vue"; import ConfirmDialog from "@/components/Dialogs/confirmDialog.vue";
import {createModal} from "@/utils/model.util"; import {createModal} from "@/utils/model.util";
const loadingDialogVisible = ref(false)
const localWalletStore = walletStore() const localWalletStore = walletStore()
const marketplaceStore = useMarketplaceStore() const marketplaceStore = useMarketplaceStore()
const instructionLink = ref('https://medium.com/@CounterFire/pre-deposit-instruction-a30d6ce62f80') const instructionLink = ref('https://medium.com/@CounterFire/pre-deposit-instruction-a30d6ce62f80')
@ -372,7 +362,7 @@ const claimLogDialogVisible = ref(false)
const address = ref() const address = ref()
const tradeId = ref() const tradeId = ref()
const tradeAddress = ref() const tradeAddress = ref()
const cecUserStatus = ref(0) // -2 没有cec -1 登陆后 0 获取claim地址 2 账号回显 3 绑定成功提示 4 是否取消绑定 5 取消绑定成功 const cecUserStatus = ref(-1) // -2 没有cec -1 登陆后 0 是否绑定交易所 1 绑定账号 2 账号回显 3 绑定成功提示 4 是否取消绑定 5 取消绑定成功
const cecInfo = ref({ const cecInfo = ref({
available: 0, available: 0,
bindAddress: '', bindAddress: '',
@ -390,7 +380,7 @@ const getCecTotal = async () => {
let data = await apiCecInfoAll(address.value, token) let data = await apiCecInfoAll(address.value, token)
cecInfo.value = data.data cecInfo.value = data.data
if(data.data.bindUid) { if(data.data.bindUid) {
// cecUserStatus.value = 0 // cecUserStatus.value = -2
// } else { // } else {
cecUserStatus.value = -1 cecUserStatus.value = -1
} else { } else {
@ -404,6 +394,14 @@ const getCecTotal = async () => {
} }
} }
const isBindAccount = () => {
if(cecInfo.value.bindUid) {
cecUserStatus.value = 3
} else {
cecUserStatus.value = 0
}
}
const connectLogin = async () => { const connectLogin = async () => {
await new BlockChain().cecLogin() await new BlockChain().cecLogin()
@ -480,26 +478,16 @@ const reqGetInfo = async () => {
getCecTotal() getCecTotal()
} }
const claimMyAddress = ref()
// 获取钱包地址
const connectWallet = async () => {
const chainId = parseInt(import.meta.env.VUE_APP_NET_ID_CLAIM);
const subTitle = 'Select the payment address.'
const { provider, address } = await new BlockChain().claimAddress({subTitle: subTitle,targetChainId: chainId})
console.log(address)
if(address) {
claimMyAddress.value = address
cecUserStatus.value = 2
}
}
// 领取 // 领取
const cecClaim = async () => { const cecClaim = async () => {
let walletToken = await new BlockChain().token() let walletToken = await new BlockChain().token()
let token = marketplaceStore.fireToken || walletToken let token = marketplaceStore.fireToken || walletToken
try { try {
loadingDialogVisible.value = true
let res = await new BlockChain().claim.cecClaim(token) let res = await new BlockChain().claim.cecClaim(token)
console.log(res,'--------------------')
if(res) { if(res) {
loadingDialogVisible.value = false
getCecTotal() getCecTotal()
const confirmResult = await createModal(ConfirmDialog, { const confirmResult = await createModal(ConfirmDialog, {
title: '', title: '',
@ -508,6 +496,7 @@ const cecClaim = async () => {
}).show() }).show()
} }
} catch(e) { } catch(e) {
console.log(e.message)
if(e.message.indexOf("User denied transaction signature") > -1) { if(e.message.indexOf("User denied transaction signature") > -1) {
message.error("User rejected the request"); message.error("User rejected the request");
} else if(e.message.indexOf("reject") > -1){ } else if(e.message.indexOf("reject") > -1){
@ -517,6 +506,7 @@ const cecClaim = async () => {
} else { } else {
message.error("Claim fail."); message.error("Claim fail.");
} }
loadingDialogVisible.value = false
} }
// let walletToken = await new BlockChain().token() // let walletToken = await new BlockChain().token()
@ -1319,11 +1309,9 @@ onMounted(() => {
} }
span { span {
display: inline-block; display: inline-block;
// width: 118px; width: 118px;
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
padding: 0px 10px;
box-sizing: border-box;
text-align: center; text-align: center;
background: rgba(30,27,38,0); background: rgba(30,27,38,0);
border-radius: 21px; border-radius: 21px;