|
|
@@ -105,279 +105,279 @@
|
|
|
@toolBoxPublishFinish="toolBoxPublishFinish"></tool-box>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <div class="form-wrapper" v-if="showComType == 'default'">
|
|
|
- <div class="form-cell-item base-form-wrapper">
|
|
|
- <div class="title">
|
|
|
- <img class="icon" :src="require('@/assets/svg/icon-reward-v2.svg')"/>
|
|
|
- Reward
|
|
|
+ <div class="form-wrapper" v-if="showComType == 'default'">
|
|
|
+ <div class="form-cell-item base-form-wrapper">
|
|
|
+ <div class="title">
|
|
|
+ <img class="icon" :src="require('@/assets/svg/icon-reward-v2.svg')"/>
|
|
|
+ Reward
|
|
|
+ </div>
|
|
|
+ <div class="form-cell-content">
|
|
|
+ <div class="select-mode-ele">
|
|
|
+ <img v-for="(item, index) in publishModeList"
|
|
|
+ :key="index"
|
|
|
+ :src="selectModeInfo.index == index ? item.imgActive : item.imgInActive"
|
|
|
+ @click="selectPublishMode(item, index)">
|
|
|
</div>
|
|
|
- <div class="form-cell-content">
|
|
|
- <div class="select-mode-ele">
|
|
|
- <img v-for="(item, index) in publishModeList"
|
|
|
- :key="index"
|
|
|
- :src="selectModeInfo.index == index ? item.imgActive : item.imgInActive"
|
|
|
- @click="selectPublishMode(item, index)">
|
|
|
- </div>
|
|
|
- <!-- 金额、数量 -->
|
|
|
- <div class="form-base">
|
|
|
- <div class="item currency-select-wrapper">
|
|
|
- <div>
|
|
|
- <div class="label currency-select"
|
|
|
- :class="{'selected': currentCurrencyInfo.currencyCode}"
|
|
|
- @click="selectCurrencyPopHandle">
|
|
|
- <img class="icon"
|
|
|
- v-if="currentCurrencyInfo.iconPath"
|
|
|
- :src="currentCurrencyInfo.iconPath"/>
|
|
|
- <div class="text">
|
|
|
- {{currentCurrencyInfo.currencyCode == 'USD' ? 'USD' : currentCurrencyInfo.tokenSymbol || 'Select a reward'}}
|
|
|
- </div>
|
|
|
- <img class="arrow"
|
|
|
- :src="currentCurrencyInfo.currencyCode ?
|
|
|
- require('@/assets/svg/icon-form-arrow-down.svg') : require('@/assets/svg/icon-form-white-arrow-down.svg')"/>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 刷新按钮、充值 -->
|
|
|
- <div class="currency-operation"
|
|
|
- v-if="currentCurrencyInfo.currencyCode">
|
|
|
- <div class="amount">
|
|
|
- Balance：
|
|
|
- <a-tooltip :title="currentCurrencyInfo.balance">
|
|
|
- {{ getBit(currentCurrencyInfo.balance) }}
|
|
|
- </a-tooltip>
|
|
|
- <img :class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
- :src="require('@/assets/svg/icon-form-refresh.svg')"
|
|
|
- @click="updateCurrencyBanlce"/>
|
|
|
- </div>
|
|
|
- <div v-if="currentCurrencyInfo.currencyCode != 'USD'"
|
|
|
- class="top-up"
|
|
|
- @click="goTopUp">Deposit</div>
|
|
|
+ <!-- 金额、数量 -->
|
|
|
+ <div class="form-base">
|
|
|
+ <div class="item currency-select-wrapper">
|
|
|
+ <div>
|
|
|
+ <div class="label currency-select"
|
|
|
+ :class="{'selected': currentCurrencyInfo.currencyCode}"
|
|
|
+ @click="selectCurrencyPopHandle">
|
|
|
+ <img class="icon"
|
|
|
+ v-if="currentCurrencyInfo.iconPath"
|
|
|
+ :src="currentCurrencyInfo.iconPath"/>
|
|
|
+ <div class="text">
|
|
|
+ {{currentCurrencyInfo.currencyCode == 'USD' ? 'USD' : currentCurrencyInfo.tokenSymbol || 'Select a reward'}}
|
|
|
</div>
|
|
|
+ <img class="arrow"
|
|
|
+ :src="currentCurrencyInfo.currencyCode ?
|
|
|
+ require('@/assets/svg/icon-form-arrow-down.svg') : require('@/assets/svg/icon-form-white-arrow-down.svg')"/>
|
|
|
</div>
|
|
|
|
|
|
- <input v-model="baseFormData.amountValue"
|
|
|
- placeholder="0"
|
|
|
- autofocus
|
|
|
- @input="onAmountInput"
|
|
|
- @blur="onAmountBlur"/>
|
|
|
- </div>
|
|
|
- <div class="item winners-count-input">
|
|
|
- <div>
|
|
|
- <div class="label">
|
|
|
- <img class="icon"
|
|
|
- :src="require('@/assets/svg/icon-winner-v2.svg')"/>
|
|
|
- Winner Count
|
|
|
+ <!-- 刷新按钮、充值 -->
|
|
|
+ <div class="currency-operation"
|
|
|
+ v-if="currentCurrencyInfo.currencyCode">
|
|
|
+ <div class="amount">
|
|
|
+ Balance：
|
|
|
+ <a-tooltip :title="currentCurrencyInfo.balance">
|
|
|
+ {{ getBit(currentCurrencyInfo.balance) }}
|
|
|
+ </a-tooltip>
|
|
|
+ <img :class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
+ :src="require('@/assets/svg/icon-form-refresh.svg')"
|
|
|
+ @click="updateCurrencyBanlce"/>
|
|
|
</div>
|
|
|
- <div class="msg" v-show="selectModeInfo.type == 1">Recommend Winners 100～10000</div>
|
|
|
+ <div v-if="currentCurrencyInfo.currencyCode != 'USD'"
|
|
|
+ class="top-up"
|
|
|
+ @click="goTopUp">Deposit</div>
|
|
|
</div>
|
|
|
- <input v-model="baseFormData.totalCount"
|
|
|
- placeholder="0"
|
|
|
- @input="onCountInput"
|
|
|
- @blur="onCountBlur"/>
|
|
|
</div>
|
|
|
- <div class="item automatically-input" v-if="selectModeInfo.type == 2">
|
|
|
+
|
|
|
+ <input v-model="baseFormData.amountValue"
|
|
|
+ placeholder="0"
|
|
|
+ autofocus
|
|
|
+ @input="onAmountInput"
|
|
|
+ @blur="onAmountBlur"/>
|
|
|
+ </div>
|
|
|
+ <div class="item winners-count-input">
|
|
|
+ <div>
|
|
|
<div class="label">
|
|
|
<img class="icon"
|
|
|
- :src="require('@/assets/svg/icon-automatically.svg')"/>
|
|
|
- Automatically Draw in
|
|
|
- </div>
|
|
|
- <div class="input-wrapper">
|
|
|
- <input v-model="baseFormData.validityDuration"
|
|
|
- placeholder="0"
|
|
|
- @input="onValidityDurationInput"
|
|
|
- @blur="onValidityDurationBlur"/>
|
|
|
- <span class="unit">h</span>
|
|
|
+ :src="require('@/assets/svg/icon-winner-v2.svg')"/>
|
|
|
+ Winner Count
|
|
|
</div>
|
|
|
+ <div class="msg" v-show="selectModeInfo.type == 1">Recommend Winners 100～10000</div>
|
|
|
+ </div>
|
|
|
+ <input v-model="baseFormData.totalCount"
|
|
|
+ placeholder="0"
|
|
|
+ @input="onCountInput"
|
|
|
+ @blur="onCountBlur"/>
|
|
|
+ </div>
|
|
|
+ <div class="item automatically-input" v-if="selectModeInfo.type == 2">
|
|
|
+ <div class="label">
|
|
|
+ <img class="icon"
|
|
|
+ :src="require('@/assets/svg/icon-automatically.svg')"/>
|
|
|
+ Automatically Draw in
|
|
|
+ </div>
|
|
|
+ <div class="input-wrapper">
|
|
|
+ <input v-model="baseFormData.validityDuration"
|
|
|
+ placeholder="0"
|
|
|
+ @input="onValidityDurationInput"
|
|
|
+ @blur="onValidityDurationBlur"/>
|
|
|
+ <span class="unit">h</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 提示 -->
|
|
|
- <ul class="tips-wrapper">
|
|
|
- <li class="row">
|
|
|
- Rewards can only be claimed after the target user completes all tasks you set.
|
|
|
- </li>
|
|
|
- <li class="row">
|
|
|
- Each user can only receive a reward once per task.
|
|
|
- </li>
|
|
|
- <li class="row" v-show="selectModeInfo.type == 1">
|
|
|
- The reward will expire in 7 days once issued. Please promote it as much as possible within this period. After the experiment, the remaining rewards will be returned to your DeNet Wallet.
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="form-cell-item task-wrapper">
|
|
|
- <div class="title">
|
|
|
- <img class="icon" :src="require('@/assets/svg/icon-tasks-v2.svg')"/>
|
|
|
- Tasks
|
|
|
</div>
|
|
|
- <div class="form-cell-content form-require">
|
|
|
- <!-- 转推、like、关注 -->
|
|
|
- <div v-for="(item, index) in formList"
|
|
|
- :key="index">
|
|
|
- <div v-if="item.show" class="form-item"
|
|
|
- :class="{ 'border-hide': formList.length - 1 == index }">
|
|
|
- <div class="item-left">
|
|
|
- <div class="label">
|
|
|
- <img class="icon" :src="item.icon"/>
|
|
|
- {{ item.label }}
|
|
|
- </div>
|
|
|
- <div class="control"
|
|
|
- v-if="item.nodeType == 'textarea'">
|
|
|
- <follow-input
|
|
|
- :isAddSelf="!isBack"
|
|
|
- :atUserList="atUserList"
|
|
|
- @addUser="addFollowUser"
|
|
|
- @setUser="setFollowUser"
|
|
|
- @delUser="delFollowUser"></follow-input>
|
|
|
- </div>
|
|
|
- <div class="control"
|
|
|
- v-if="item.nodeType == 'input'">
|
|
|
- <div v-if="showDiscordInvitePop"
|
|
|
- class="discord-invite-info"
|
|
|
- @click="showDiscordInvitePop = false">
|
|
|
- <img class="icon" :src="discordInviteInfo.icon || require('@/assets/svg/icon-discord-mini.svg')" />
|
|
|
- <span class="name">{{discordInviteInfo.name}}</span>
|
|
|
- </div>
|
|
|
- <input v-model="item.text"
|
|
|
- placeholder="Enter discord invite link"
|
|
|
- class="discord-address"
|
|
|
- @input="onIptDiscordAddress($event, index)"
|
|
|
- @blur="onBlurDiscordAddress($event, index)" />
|
|
|
- </div>
|
|
|
+ <!-- 提示 -->
|
|
|
+ <ul class="tips-wrapper">
|
|
|
+ <li class="row">
|
|
|
+ Rewards can only be claimed after the target user completes all tasks you set.
|
|
|
+ </li>
|
|
|
+ <li class="row">
|
|
|
+ Each user can only receive a reward once per task.
|
|
|
+ </li>
|
|
|
+ <li class="row" v-show="selectModeInfo.type == 1">
|
|
|
+ The reward will expire in 7 days once issued. Please promote it as much as possible within this period. After the experiment, the remaining rewards will be returned to your DeNet Wallet.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-cell-item task-wrapper">
|
|
|
+ <div class="title">
|
|
|
+ <img class="icon" :src="require('@/assets/svg/icon-tasks-v2.svg')"/>
|
|
|
+ Tasks
|
|
|
+ </div>
|
|
|
+ <div class="form-cell-content form-require">
|
|
|
+ <!-- 转推、like、关注 -->
|
|
|
+ <div v-for="(item, index) in formList"
|
|
|
+ :key="index">
|
|
|
+ <div v-if="item.show" class="form-item"
|
|
|
+ :class="{ 'border-hide': formList.length - 1 == index }">
|
|
|
+ <div class="item-left">
|
|
|
+ <div class="label">
|
|
|
+ <img class="icon" :src="item.icon"/>
|
|
|
+ {{ item.label }}
|
|
|
</div>
|
|
|
-
|
|
|
- <div>
|
|
|
- <a-switch
|
|
|
- v-if="item.type > 3"
|
|
|
- v-model:checked="item.checked"
|
|
|
- @change="formSwitchChange($event, item, index)"/>
|
|
|
+ <div class="control"
|
|
|
+ v-if="item.nodeType == 'textarea'">
|
|
|
+ <follow-input
|
|
|
+ :isAddSelf="!isBack"
|
|
|
+ :atUserList="atUserList"
|
|
|
+ @addUser="addFollowUser"
|
|
|
+ @setUser="setFollowUser"
|
|
|
+ @delUser="delFollowUser"></follow-input>
|
|
|
+ </div>
|
|
|
+ <div class="control"
|
|
|
+ v-if="item.nodeType == 'input'">
|
|
|
+ <div v-if="showDiscordInvitePop"
|
|
|
+ class="discord-invite-info"
|
|
|
+ @click="showDiscordInvitePop = false">
|
|
|
+ <img class="icon" :src="discordInviteInfo.icon || require('@/assets/svg/icon-discord-mini.svg')" />
|
|
|
+ <span class="name">{{discordInviteInfo.name}}</span>
|
|
|
+ </div>
|
|
|
+ <input v-model="item.text"
|
|
|
+ placeholder="Enter discord invite link"
|
|
|
+ class="discord-address"
|
|
|
+ @input="onIptDiscordAddress($event, index)"
|
|
|
+ @blur="onBlurDiscordAddress($event, index)" />
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <a-switch
|
|
|
+ v-if="item.type > 3"
|
|
|
+ v-model:checked="item.checked"
|
|
|
+ @change="formSwitchChange($event, item, index)"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="submit-btn-wrapper">
|
|
|
- <div class="submit-btn"
|
|
|
- :class="{ 'disabled-submit': iptErrMsgTxt != ''}"
|
|
|
- @click="confirm">
|
|
|
- <img class="icon-loading"
|
|
|
- v-if="submitIng"
|
|
|
- :src="require('@/assets/svg/icon-btn-loading.svg')"
|
|
|
- />
|
|
|
- {{iptErrMsgTxt ? iptErrMsgTxt : 'NEXT'}}
|
|
|
- </div>
|
|
|
+ <div class="submit-btn-wrapper">
|
|
|
+ <div class="submit-btn"
|
|
|
+ :class="{ 'disabled-submit': iptErrMsgTxt != ''}"
|
|
|
+ @click="confirm">
|
|
|
+ <img class="icon-loading"
|
|
|
+ v-if="submitIng"
|
|
|
+ :src="require('@/assets/svg/icon-btn-loading.svg')"
|
|
|
+ />
|
|
|
+ {{iptErrMsgTxt ? iptErrMsgTxt : 'NEXT'}}
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 预览 -->
|
|
|
- <template v-else-if="showComType == 'preview'">
|
|
|
- <div class="preview">
|
|
|
- <div class="card"
|
|
|
- :class="{ center: Number(baseFormData.amountValue) <= Number(currentCurrencyInfo.balance) }">
|
|
|
- <div class="card-title">
|
|
|
- <img class="img"
|
|
|
- v-if="Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance)"
|
|
|
- :src=" require('@/assets/subject/top-01.svg') " />
|
|
|
- <div class="font">
|
|
|
- Preview: <span>{{installStatus ? 'After' : 'Before' }}</span> DeNet Installed
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="flash">
|
|
|
- <preview-card
|
|
|
- :currentCurrencyInfo="currentCurrencyInfo"
|
|
|
- :postData="publishRes"
|
|
|
- :baseFormData="baseFormData"
|
|
|
- :amountFontSize="previewFontSize"
|
|
|
- ></preview-card>
|
|
|
+ <!-- 预览 -->
|
|
|
+ <template v-else-if="showComType == 'preview'">
|
|
|
+ <div class="preview">
|
|
|
+ <div class="card"
|
|
|
+ :class="{ center: Number(baseFormData.amountValue) <= Number(currentCurrencyInfo.balance) }">
|
|
|
+ <div class="card-title">
|
|
|
+ <img class="img"
|
|
|
+ v-if="Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance)"
|
|
|
+ :src=" require('@/assets/subject/top-01.svg') " />
|
|
|
+ <div class="font">
|
|
|
+ Preview: <span>{{installStatus ? 'After' : 'Before' }}</span> DeNet Installed
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 需充值 -->
|
|
|
- <div class="card-content" v-if="Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance)">
|
|
|
- <template v-if="currentCurrencyInfo.currencyCode === 'USD'">
|
|
|
- <div class="card-title">
|
|
|
- <img class="img" :src=" require('@/assets/subject/top-02.svg') " />
|
|
|
- <div class="font">Deposit to Send Giveaway</div>
|
|
|
- </div>
|
|
|
- <div class="card-list">
|
|
|
- <div class="item">
|
|
|
- <div class="l">Giveaway Amount</div>
|
|
|
- <div class="r"></div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="l">Balance</div>
|
|
|
- <div class="r"></div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="l">Paypal charges fee ()</div>
|
|
|
- <div class="r"></div>
|
|
|
- </div>
|
|
|
- <div class="item">
|
|
|
- <div class="l">Deposit Amount</div>
|
|
|
- <div class="r"></div>
|
|
|
- </div>
|
|
|
+ <div class="flash">
|
|
|
+ <preview-card
|
|
|
+ :currentCurrencyInfo="currentCurrencyInfo"
|
|
|
+ :postData="publishRes"
|
|
|
+ :baseFormData="baseFormData"
|
|
|
+ :amountFontSize="previewFontSize"
|
|
|
+ ></preview-card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 需充值 -->
|
|
|
+ <div class="card-content" v-if="Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance)">
|
|
|
+ <template v-if="currentCurrencyInfo.currencyCode === 'USD'">
|
|
|
+ <div class="card-title">
|
|
|
+ <img class="img" :src=" require('@/assets/subject/top-02.svg') " />
|
|
|
+ <div class="font">Deposit to Send Giveaway</div>
|
|
|
+ </div>
|
|
|
+ <div class="card-list">
|
|
|
+ <div class="item">
|
|
|
+ <div class="l">Giveaway Amount</div>
|
|
|
+ <div class="r"></div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <div class="card-title">
|
|
|
- <img class="img" :src=" require('@/assets/subject/top-02.svg') " />
|
|
|
- <div class="font">Deposit to Send Giveaway</div>
|
|
|
+ <div class="item">
|
|
|
+ <div class="l">Balance</div>
|
|
|
+ <div class="r"></div>
|
|
|
</div>
|
|
|
- <top-up2
|
|
|
- :asyncIng="asyncIng"
|
|
|
- :currentCurrencyInfo="tempCurrentCurrencyInfo"
|
|
|
- @topUpDone="topUpDone">
|
|
|
- </top-up2>
|
|
|
- <div class="card-title">
|
|
|
- <img class="img" :src=" require('@/assets/subject/top-03.svg') " />
|
|
|
- <div class="font">Wait for the amount to arrive</div>
|
|
|
+ <div class="item">
|
|
|
+ <div class="l">Paypal charges fee ()</div>
|
|
|
+ <div class="r"></div>
|
|
|
</div>
|
|
|
- <div class="card-amount">
|
|
|
- <img class="icon" src="@/assets/subject/icon-balance.png" />
|
|
|
- <div class="con">
|
|
|
- <div class="desc">Balance</div>
|
|
|
- <div class="price">{{currentCurrencyInfo.balance}} {{currentCurrencyInfo.tokenSymbol}}</div>
|
|
|
- </div>
|
|
|
- <img
|
|
|
- class="refresh"
|
|
|
- :class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
- @click="updateCurrencyBanlce"
|
|
|
- :src=" require('@/assets/svg/icon-form-refresh-blue.svg') "
|
|
|
- />
|
|
|
+ <div class="item">
|
|
|
+ <div class="l">Deposit Amount</div>
|
|
|
+ <div class="r"></div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <!-- paypal支付按钮 -->
|
|
|
- <div class="payment" v-show="showComType == 'preview'">
|
|
|
- <paypal-button
|
|
|
- :finalAmountData="finalAmountData"
|
|
|
- :payConfig="{
|
|
|
- paypalClientId,
|
|
|
- feeDesc: payConfig.feeDesc,
|
|
|
- paypalHtml,
|
|
|
- amount: baseFormData.amountValue,
|
|
|
- postId
|
|
|
- }"
|
|
|
- :currentCurrencyInfo="currentCurrencyInfo"
|
|
|
- @payPalFinsh="payPalFinsh">
|
|
|
- <template v-slot:balance>
|
|
|
- <div class="balance" v-if="Number(baseFormData.amountValue) <= Number(currentCurrencyInfo.balance)">
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="card-title">
|
|
|
+ <img class="img" :src=" require('@/assets/subject/top-02.svg') " />
|
|
|
+ <div class="font">Deposit to Send Giveaway</div>
|
|
|
+ </div>
|
|
|
+ <top-up2
|
|
|
+ :asyncIng="asyncIng"
|
|
|
+ :currentCurrencyInfo="tempCurrentCurrencyInfo"
|
|
|
+ @topUpDone="topUpDone">
|
|
|
+ </top-up2>
|
|
|
+ <div class="card-title">
|
|
|
+ <img class="img" :src=" require('@/assets/subject/top-03.svg') " />
|
|
|
+ <div class="font">Wait for the amount to arrive</div>
|
|
|
+ </div>
|
|
|
+ <div class="card-amount">
|
|
|
<img class="icon" src="@/assets/subject/icon-balance.png" />
|
|
|
<div class="con">
|
|
|
<div class="desc">Balance</div>
|
|
|
<div class="price">{{currentCurrencyInfo.balance}} {{currentCurrencyInfo.tokenSymbol}}</div>
|
|
|
</div>
|
|
|
- <img class="refresh"
|
|
|
+ <img
|
|
|
+ class="refresh"
|
|
|
:class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
- :src=" require('@/assets/svg/icon-form-refresh.svg')"
|
|
|
- @click="updateCurrencyBanlce"/>
|
|
|
+ @click="updateCurrencyBanlce"
|
|
|
+ :src=" require('@/assets/svg/icon-form-refresh-blue.svg') "
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
- </paypal-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
+ <!-- paypal支付按钮 -->
|
|
|
+ <div class="payment" v-show="showComType == 'preview'">
|
|
|
+ <paypal-button
|
|
|
+ :finalAmountData="finalAmountData"
|
|
|
+ :payConfig="{
|
|
|
+ paypalClientId,
|
|
|
+ feeDesc: payConfig.feeDesc,
|
|
|
+ paypalHtml,
|
|
|
+ amount: baseFormData.amountValue,
|
|
|
+ postId
|
|
|
+ }"
|
|
|
+ :currentCurrencyInfo="currentCurrencyInfo"
|
|
|
+ @payPalFinsh="payPalFinsh">
|
|
|
+ <template v-slot:balance>
|
|
|
+ <div class="balance" v-if="Number(baseFormData.amountValue) <= Number(currentCurrencyInfo.balance)">
|
|
|
+ <img class="icon" src="@/assets/subject/icon-balance.png" />
|
|
|
+ <div class="con">
|
|
|
+ <div class="desc">Balance</div>
|
|
|
+ <div class="price">{{currentCurrencyInfo.balance}} {{currentCurrencyInfo.tokenSymbol}}</div>
|
|
|
+ </div>
|
|
|
+ <img class="refresh"
|
|
|
+ :class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
+ :src=" require('@/assets/svg/icon-form-refresh.svg')"
|
|
|
+ @click="updateCurrencyBanlce"/>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </paypal-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
