+
-
+
-
-
{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC deposit to Bitget in progress
-
-
@@ -71,18 +84,6 @@
-
-
You'll receive your $CEC airdrop in Bitget spot account before the listing time
+
+
+ Well done! You're all set!
+
+
+
+
+ You'll receive your $CEC airdrop in Bitget spot account before the listing time.
+
+
Jump to Bitget Launchpool and grab your share of 11M $CEC now!
Cancel the Pre-Deposit to Bitget
@@ -262,7 +273,7 @@ a {{ cecInfo.bindAddress }}You may lose your tokens if this UID Wallet Address are incorrect blocked or doesn't exist
+ You may not receive your airdrop in Bitget if your UID, deposit address is not correct or doesn't exist
KYC passed only
@@ -340,7 +351,7 @@ import { priceCalculated } from "@/configs/priceCalculate" import {walletStore} from "@/store/wallet"; import { useMarketplaceStore } from "@/store/marketplace" import { BlockChain } from "@/components/chain/BlockChain" -import { apiCecInfoAll, apiBindAccount } from "@/utils/marketplace" +import { apiCecInfoAll, apiBindAccount, apiCecClaim } from "@/utils/marketplace" const localWalletStore = walletStore() @@ -377,8 +388,9 @@ const getCecTotal = async () => { } const isBindAccount = () => { + console.log(cecInfo.value.bindUid) if(cecInfo.value.bindUid) { - cecUserStatus.value = 2 + cecUserStatus.value = 3 } else { cecUserStatus.value = 0 } @@ -460,6 +472,16 @@ const reqGetInfo = async () => { getCecTotal() } +// 领取 +const cecClaim = async () => { + let res = await new BlockChain().claimAddress({}) + console.log(res.address) + let walletToken = await new BlockChain().token() + let token = marketplaceStore.fireToken || walletToken + let res1 = await apiCecClaim(res.address, token) + console.log(res1) +} + onMounted(() => { address.value = marketplaceStore.fireAddress || localWalletStore.address getCecTotal() @@ -933,6 +955,15 @@ onMounted(() => { width: 283px; text-align: left; } + .claim-btn { + span { + color: #fff; + padding: 10px; + border: 1px solid #31FFF3; + border-radius: 20px; + cursor: pointer; + } + } } } } @@ -1070,6 +1101,11 @@ onMounted(() => { margin: 0 40px; } } + .padding-top { + h3 { + padding-top: 10px; + } + } .body-box-con { p { width: 747px; @@ -1170,6 +1206,9 @@ onMounted(() => { margin-left: 40px; } } + .font-size-14 { + font-size: 15px; + } &:nth-child(3) { // margin-top: 10px; } @@ -1244,6 +1283,31 @@ onMounted(() => { cursor: pointer; } } + + .center { + text-align: center; + color: #fff; + a { + margin-top: 20px !important; + color: #00f0ff; + } + } + } + .margin-top-20 { + margin-top: 20px; + p { + margin: -0px auto !important; + } + } + .margin-20 { + margin-top: 10px; + margin-bottom: 30px; + p { + margin: -0px auto !important; + } + } + .margin-top { + margin-top: 10px !important; } .body-box-find { p { diff --git a/src/views/ClaimView.vue b/src/views/ClaimView.vue index 9ec74f0..0adce9c 100644 --- a/src/views/ClaimView.vue +++ b/src/views/ClaimView.vue @@ -47,12 +47,25 @@
-
+
+
+
+
+
+
+ 
+
+ Claim to your wallet
+
+
+ Starts Sep 9 at 00:00 UTC
+
+
@@ -62,7 +75,7 @@
0 gas
- Aug 30, 06:00 - Sep 5, 06:00 UTC
+ Closed
-
-
-
-
- Claim to your wallet
-
-
- Coming soon
-
-
@@ -94,14 +95,27 @@
-
+
+
+
-
-
+
+
+
+
+ Claim to your wallet
+
+
+ Starts Sep 9 at 00:00 UTC
+
+
+
+
@@ -109,7 +123,7 @@
0 gas
@@ -118,35 +132,39 @@
- Aug 30, 06:00 - Sep 5, 06:00 UTC
+ Closed
-
-
-
-
- Claim to your wallet
-
-
- Coming soon
-
-
Address: {{address}}
-
- You can currently pre-deposit to Bitget
-
+
-
-
+
@@ -165,35 +183,22 @@
-
-
+
+
+
+
+
+
+
+
+
+
+ Claim to your wallet
+
+
+
+ Starts Sep 9 at 00:00 UTC
+
+
@@ -156,7 +174,7 @@
0 gas
- Aug 30, 06:00 - Sep 5, 06:00 UTC
+ Closed
-
-
-
-
- Claim to your wallet
-
-
-
- Coming soon
-
-
-
+
@@ -201,33 +206,37 @@
-
+
-
-
+
+
@@ -346,13 +358,16 @@
import { ref, toRefs, toRaw, onMounted, computed, watch, inject} from "vue"
const message = inject('$message')
import { FileTextOutlined } from '@ant-design/icons-vue';
+import LoadingDialog from "@/components/Dialogs/loadingDialog.vue";
import { priceCalculated } from "@/configs/priceCalculate"
+import {switchEthereumChain} from "@/components/chain/utils"
import {walletStore} from "@/store/wallet";
import { useMarketplaceStore } from "@/store/marketplace"
import { BlockChain } from "@/components/chain/BlockChain"
import { apiCecInfoAll, apiBindAccount, apiCecClaim } from "@/utils/marketplace"
-
+import ConfirmDialog from "@/components/Dialogs/confirmDialog.vue";
+import {createModal} from "@/utils/model.util";
const localWalletStore = walletStore()
const marketplaceStore = useMarketplaceStore()
@@ -361,7 +376,7 @@ const claimLogDialogVisible = ref(false)
const address = ref()
const tradeId = ref()
const tradeAddress = ref()
-const cecUserStatus = ref(0) // -2 没有cec -1 登陆后 0 是否绑定交易所 1 绑定账号 2 账号回显 3 绑定成功提示 4 是否取消绑定 5 取消绑定成功
+const cecUserStatus = ref(-1) // -2 没有cec -1 登陆后 0 获取claim地址 2 账号回显 3 绑定成功提示 4 是否取消绑定 5 取消绑定成功
const cecInfo = ref({
available: 0,
bindAddress: '',
@@ -378,22 +393,27 @@ const getCecTotal = async () => {
let token = marketplaceStore.fireToken || localWalletStore.token
let data = await apiCecInfoAll(address.value, token)
cecInfo.value = data.data
- if(data.data.available == 0 || data.data.available == '0') {
- cecUserStatus.value = -2
+ if(data.data.bindUid) {
+ if(data.data.available == 0 || data.data.available == '0') {
+ cecUserStatus.value = -2
+ } else {
+ cecUserStatus.value = -1
+ }
} else {
- cecUserStatus.value = -1
+ if(data.data.available == 0 || data.data.available == '0') {
+ cecUserStatus.value = -2
+ } else {
+ cecUserStatus.value = -1
+ }
}
}
}
-const isBindAccount = () => {
- console.log(cecInfo.value.bindUid)
- if(cecInfo.value.bindUid) {
- cecUserStatus.value = 3
- } else {
- cecUserStatus.value = 0
- }
+const getCecInfo = async () => {
+ let token = marketplaceStore.fireToken || localWalletStore.token
+ let data = await apiCecInfoAll(address.value, token)
+ cecInfo.value = data.data
}
@@ -472,14 +492,95 @@ const reqGetInfo = async () => {
getCecTotal()
}
+const claimMyAddress = ref()
+const claimMyProvider = ref()
+// 获取钱包地址
+const connectWallet = async () => {
+ const disabledArr = [3, 5, localWalletStore.walletType]
+ const chainId = parseInt(import.meta.env.VUE_APP_NET_ID_CLAIM);
+ const subTitle = 'Use this wallet to reciveing $CEC and pay gas.'
+ const { provider, address } = await new BlockChain().ClaimSelectAddress({subTitle: subTitle,targetChainId: chainId, disabled: disabledArr})
+ if(address) {
+ claimMyProvider.value = provider
+ claimMyAddress.value = address
+ cecUserStatus.value = 2
+ }
+}
+
+const isEoaWallet = () => {
+ if(localWalletStore.walletType == 1 || localWalletStore.walletType == 2 || localWalletStore.walletType == 4) {
+ cecUserStatus.value = 2
+ } else {
+ cecUserStatus.value = 0
+ }
+}
+
// 领取
const cecClaim = async () => {
- let res = await new BlockChain().claimAddress({})
- console.log(res.address)
+ if(localWalletStore.walletType == 1 || localWalletStore.walletType == 2 || localWalletStore.walletType ==4) {
+ walletClaim()
+ } else {
+ let walletToken = await new BlockChain().token()
+ let token = marketplaceStore.fireToken || walletToken
+ let address = claimMyAddress.value
+ let provider = toRaw(claimMyProvider.value)
+ try {
+ cecUserStatus.value = 3
+ let res = await new BlockChain().claim.cecClaim(provider,address, token)
+ if(res) {
+ getCecInfo()
+ cecUserStatus.value = 5
+ }
+ } catch(e) {
+ console.log(e.message)
+ cecUserStatus.value = 2
+ if(e.message.indexOf("User denied transaction signature") > -1) {
+ message.error("User rejected the request");
+ } else if(e.message.indexOf("reject") > -1){
+ message.error("User rejected the request");
+ } else if(e.message.indexOf("User denied request signature") > -1){
+ message.error("User rejected the request");
+ } else {
+ message.error("Claim fail.");
+ }
+ }
+ }
+
+
+
+ // let walletToken = await new BlockChain().token()
+ // let token = marketplaceStore.fireToken || walletToken
+ // let res1 = await apiCecClaim(res.address, token)
+}
+
+// wallet eaoCecClaim
+const walletClaim = async () => {
let walletToken = await new BlockChain().token()
let token = marketplaceStore.fireToken || walletToken
- let res1 = await apiCecClaim(res.address, token)
- console.log(res1)
+ let address = claimMyAddress.value || localWalletStore.address
+ let provider = toRaw(claimMyProvider.value) || new BlockChain().eoaProvider
+ let disabledArr = [1,2,3,4,5]
+ const filteredArray = disabledArr.filter(item => item !== localWalletStore.walletType)
+ try {
+ cecUserStatus.value = 3
+ let res = await new BlockChain().claim.eaoCecClaim(token,filteredArray)
+ if(res) {
+ getCecInfo()
+ cecUserStatus.value = 5
+ }
+ } catch(e) {
+ console.log(e.message)
+ cecUserStatus.value = 2
+ if(e.message.indexOf("User denied transaction signature") > -1) {
+ message.error("User rejected the request");
+ } else if(e.message.indexOf("reject") > -1){
+ message.error("User rejected the request");
+ } else if(e.message.indexOf("User denied request signature") > -1){
+ message.error("User rejected the request");
+ } else {
+ message.error("Claim fail.");
+ }
+ }
}
onMounted(() => {
@@ -842,18 +943,85 @@ onMounted(() => {
box-sizing: border-box;
color: #fff;
.content-time-top {
- background: url('@/assets/img/cec_claim/Counterfire_mbg02.png') no-repeat;
+ background: url('@/assets/img/cec_claim/Counterfire_mbg01.png') no-repeat;
background-size: 100% 100%;
+ height: 100px;
padding: 10px 20px 0 20px;
cursor: pointer;
+ li {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+ font-size: 18px;
+ font-family: 'Poppins';
+ // color: #8d8598;
+ .left {
+ // margin-left: 60px;
+ width: 390px;
+ display: flex;
+ align-items: center;
+ padding-left: 20px;
+ font-family: "Poppins";
+ font-size: 24px;
+ font-weight: 700;
+ div {
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ margin-right: 10px;
+ overflow: hidden;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+ .right {
+ width: 283px;
+ text-align: right;
+ span {
+ padding-right: 40px;
+ }
+ .claim-btn {
+ padding: 5px 20px;
+ border-radius: 20px;
+ color: #000;
+ background: #fec25d;
+ margin-right: 40px;
+ }
+ }
+ .claim-btn {
+ span {
+ color: #fff;
+ padding: 10px;
+ border: 1px solid #31FFF3;
+ border-radius: 20px;
+ cursor: pointer;
+ }
+ }
+ }
+ &:hover {
+ background: url('@/assets/img/cec_claim/Counterfire_mbg01.png') no-repeat;
+ background-size: 100% 100%;
+ }
+ }
+ .content-time-line {
+ width: 100%;
+ height: 2px;
+ background: #44375c;
+ }
+ .content-time-btm {
+ padding-top: 10px;
li {
display: flex;
align-items: center;
justify-content: space-between;
+ color: #8e8497;
.left {
display: flex;
align-items: center;
width: 380px;
+ padding-left: 40px;
div {
width: 30px;
height: 30px;
@@ -873,7 +1041,7 @@ onMounted(() => {
span {
display: inline-block;
color: #000;
- background: #31FFF3;
+ background: #8e8497;
font-size: 12px;
font-family: "Poppins";
padding: 0 5px;
@@ -892,6 +1060,7 @@ onMounted(() => {
span {
font-weight: 700;
font-size: 16px;
+ padding-right: 60px;
}
.tips {
position: relative;
@@ -929,42 +1098,7 @@ onMounted(() => {
}
}
}
- &:hover {
- background: url('@/assets/img/cec_claim/Counterfire_mbg01.png') no-repeat;
- background-size: 100% 100%;
- }
- }
- .content-time-line {
- width: 100%;
- height: 2px;
- background: #44375c;
- }
- .content-time-btm {
- li {
- display: flex;
- justify-content: space-between;
- margin-top: 20px;
- font-size: 18px;
- font-family: 'Poppins';
- color: #8d8598;
- .left {
- margin-left: 60px;
- width: 390px;
- }
- .right {
- width: 283px;
- text-align: left;
- }
- .claim-btn {
- span {
- color: #fff;
- padding: 10px;
- border: 1px solid #31FFF3;
- border-radius: 20px;
- cursor: pointer;
- }
- }
- }
+
}
}
.content-title {
@@ -1258,9 +1392,11 @@ onMounted(() => {
}
span {
display: inline-block;
- width: 118px;
+ // width: 118px;
height: 42px;
line-height: 42px;
+ padding: 0px 10px;
+ box-sizing: border-box;
text-align: center;
background: rgba(30,27,38,0);
border-radius: 21px;
@@ -1293,6 +1429,32 @@ onMounted(() => {
}
}
}
+ .body-box-content {
+ width: 450px;
+ margin: 0 auto;
+ padding-left: 40px;
+ font-size: 14px;
+ font-family: 'Poppins';
+ li {
+ margin-top: 20px;
+ }
+ p {
+ margin-bottom: 50px;
+ }
+ .center {
+ margin-top: 10px;
+ margin-bottom: 0;
+ span {
+ font-size: 14px;
+ color: #47bcff;
+ text-decoration-line: underline;
+ }
+ a {
+ color: #7EFDFF;
+ text-decoration-line: underline;
+ }
+ }
+ }
.margin-top-20 {
margin-top: 20px;
p {
@@ -1306,8 +1468,41 @@ onMounted(() => {
margin: -0px auto !important;
}
}
+ .text-center {
+ text-align: left;
+ .center {
+ text-align: left !important;
+ a {
+ font-size: 14px;
+ color: #7EFDFF;
+ span {
+ margin: 0;
+ padding: 0;
+ border: 0px;
+ color: #47bcff;
+ text-decoration-line: underline;
+ }
+ a {
+ color: #7EFDFF;
+ }
+ }
+ }
+ }
.margin-top {
margin-top: 10px !important;
+ .center {
+ text-align: left !important;
+ a {
+ span {
+ margin: 0;
+ padding: 0;
+ font-size: 14px;
+ border: 0px;
+ color: #47bcff;
+ text-decoration-line: underline;
+ }
+ }
+ }
}
.body-box-find {
p {
@@ -1434,7 +1629,7 @@ onMounted(() => {
}
:deep(.claimLogModal) {
width: 1052px !important;
- height: 714px;
+ height: 314px;
background: #1A1821;
box-shadow: 0px 15px 28px 3px rgba(22,22,22,0.13);
border-radius: 100px;
@@ -1466,7 +1661,14 @@ onMounted(() => {
}
}
.log-content {
- min-height: 510px;
+ min-height: 310px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: 'Anton';
+ font-weight: 400;
+ font-size: 48px;
+ color: #FFFFFF;
.log-header {
display: flex;
li {
-
- Grab a share of 1,000,000 $CEC
+
- Aug 30, 06:00 - Sep 5, 06:00 UTC
+ Starts Sep 9 at 00:00 UTC
-
+
@@ -244,47 +253,46 @@
-
{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC deposit to Bitget in progress
+{{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC claimed to your address in progress
-
Well done! You're all set!
+Well done! check the progress on Bscscan
-
-
You'll receive your $CEC airdrop in Bitget spot account before the listing time.
+
-
+ Jump to Bitget Launchpool and grab your share of 11M $CEC now!
+· Stake at Bitget Pool X to grab your share of 900k $CEC.
+
+
+ · Subscribe to CEC on Bing X, Earn Up to 500% APR. +
No
-
-
-
-
+
@@ -329,16 +337,20 @@
+
- {{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC successfully claimed
-
Cancellation successful
+
+
+
+
Receiving Address :
+{{ claimMyAddress || address }}
+· Stake at Bitget Pool X to grab your share of 900k $CEC.
++ · Subscribe to CEC on Bing X, Earn Up to 500% APR. +
-
OK
+
-
Confirm withdrawal of {{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC
+Confirm claim of {{Number(cecInfo.available) == 0 ? 0 : priceCalculated(cecInfo.available,18).toString().match(/^\d+(?:\.\d{0,2})?/)[0]}} $CEC
-
+
+
+
-
-
-
-
-
-
-
Receiving Address :
+ {{ claimMyAddress || address }}Deposit Address :
- {{ cecInfo.bindAddress }} -You may not receive your airdrop in Bitget if your UID, deposit address is not correct or doesn't exist
- KYC passed only
-It's required to comlete the identity verification to become eligible to deposit to Bitget
+ You will use this address to receive $CEC and to pay for gas
-
Confirm
- Back
+ Claim
-
Do you have a Bitget exchange account?
+Connect the receiving wallet and use it to pay for gas
-
Yes, i have it
+ Connect
Cec claim
+
+