|
|
@@ -331,389 +331,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <template v-if="step4">
|
|
|
- <uni-loading v-if="loading" />
|
|
|
- <view class="custom-deposit-container" v-else>
|
|
|
- <view class="custom-deposit">
|
|
|
- <!-- 步骤1:选择账户 -->
|
|
|
- <view class="box">
|
|
|
- <view class="b-card">
|
|
|
- <view class="card-top">
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('Custom.Deposit.Title1')
|
|
|
- }}</text>
|
|
|
- <cwg-combox :clearable="false" v-model:value="loginValue" :options="loginComboxOptions"
|
|
|
- :placeholder="t('placeholder.choose')" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 步骤2:支付通道列表(卡片布局) -->
|
|
|
- <view class="box" v-if="step2">
|
|
|
- <view class="b-card">
|
|
|
- <view class="card-top">
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('Custom.Deposit.Title2')
|
|
|
- }}</text>
|
|
|
- <cwg-combox :clearable="false" v-model:value="channelId" :options="channelListOptions"
|
|
|
- :placeholder="t('placeholder.choose')">
|
|
|
- </cwg-combox>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 步骤3:填写入金信息 -->
|
|
|
- <view class="box box-step3" v-if="step3">
|
|
|
- <view class="b-card">
|
|
|
- <view class="card-top">
|
|
|
- <!-- 表单(确认后显示) -->
|
|
|
- <uni-forms v-if="isStep3" ref="formRef" :model="params" :rules="rules"
|
|
|
- label-position="top" validate-trigger="submit" :label-width="300"
|
|
|
- class="base-info-form">
|
|
|
-
|
|
|
-
|
|
|
- <!-- 信用卡选择区域 -->
|
|
|
- <template v-if="isStep3 && channelData.confirmCreditCard == 1">
|
|
|
- <view>
|
|
|
- <view
|
|
|
- style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('PersonalManagement.Label.selectCreditCard') }}</text>
|
|
|
- <view class="add-back">
|
|
|
- <text>{{ t('PersonalManagement.Label.addCreditCard') }}</text>
|
|
|
- <text class="add-btn crm-cursor" @click="openAddBankCard">{{
|
|
|
- t('Custom.Withdraw.addBank1') }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox :clearable="false" v-model:value="myId"
|
|
|
- :options="creditCardOptions" :placeholder="t('placeholder.choose')"
|
|
|
- @change="selectCode" />
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 银行选择(如有) -->
|
|
|
- <template v-if="isStep3 && bankOptions.length">
|
|
|
- <view>
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('news_add_field.Label.Title4')
|
|
|
- }}</text>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox :clearable="false" v-model:value="code"
|
|
|
- :options="bankOptions" :placeholder="t('placeholder.choose')"
|
|
|
- @change="selectCode" />
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <!-- 特别提示(B2BINPAY) -->
|
|
|
- <view v-if="isStep3 && bankOptions.length && channelData.code == 'B2BINPAY'">
|
|
|
- <text class="tit" style="margin: 10px 0 20px"><text
|
|
|
- class="iconfont iconi"></text>{{
|
|
|
- t('Custom.Deposit.Des') }}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 电汇信息展示 -->
|
|
|
- <template
|
|
|
- v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
|
|
|
- <view>
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('Custom.Deposit.Title5') }}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view>
|
|
|
- <view class="wire-transfer-account">
|
|
|
- <view class="row"><text class="label SpecialColor">{{
|
|
|
- t('Custom.Deposit.bankUname') }}</text><text
|
|
|
- class="content SpecialColor">{{
|
|
|
- WireTransferAccount.bankUname || '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label">{{ t('Custom.Deposit.bankName')
|
|
|
- }}</text><text class="content">{{ WireTransferAccount.bankName
|
|
|
- ||
|
|
|
- '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label SpecialColor">{{
|
|
|
- t('Custom.Deposit.bankCardNum') }}</text><text
|
|
|
- class="content SpecialColor">{{
|
|
|
- WireTransferAccount.bankCardNum || '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label">{{ t('Custom.Deposit.bankAddr')
|
|
|
- }}</text><text class="content">{{ WireTransferAccount.bankAddr
|
|
|
- ||
|
|
|
- '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label SpecialColor">{{
|
|
|
- t('Custom.Deposit.swiftCode') }}</text><text
|
|
|
- class="content SpecialColor">{{
|
|
|
- WireTransferAccount.swiftCode || '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label">{{ t('Custom.Deposit.bankCode')
|
|
|
- }}</text><text class="content">{{ WireTransferAccount.bankCode
|
|
|
- ||
|
|
|
- '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label SpecialColor">{{
|
|
|
- t('Custom.Recording.Note')
|
|
|
- }}</text><text class="content SpecialColor">{{
|
|
|
- WireTransferAccount.bankMsg || '--' }}</text></view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 数字货币信息展示 -->
|
|
|
- <template
|
|
|
- v-if="isStep3 && channelData.code && channelData.code.indexOf('DIGITAL_PAY_TYPE_KEY') === 0">
|
|
|
- <view>
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('Custom.Deposit.DigitalAcc') }}</text>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <view class="wire-transfer-account">
|
|
|
- <view class="row"><text class="label SpecialColor">{{
|
|
|
- t('Custom.Deposit.DigitalName') }}</text><text
|
|
|
- class="content SpecialColor">{{ WireTransferAccount.name
|
|
|
- + '-' +
|
|
|
- WireTransferAccount.type }}</text></view>
|
|
|
- <view class="row"><text class="label">{{ t('Custom.Withdraw.Title6')
|
|
|
- }}</text><text class="content">{{ WireTransferAccount.address ||
|
|
|
- '--'
|
|
|
- }}</text></view>
|
|
|
- <view class="row"><text class="label">QR Code</text>
|
|
|
- <image :src="Host05 + WireTransferAccount.url" mode="aspectFit"
|
|
|
- style="width: 100rpx; height: 100rpx;" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <!-- 表单区域(含金额、预估金额、上传凭证、优惠码) -->
|
|
|
- <template v-if="isStep3">
|
|
|
- <view>
|
|
|
- <text class="tit"><text class="iconfont icon-caret-right"></text>{{
|
|
|
- t('Custom.Deposit.Title3') }}</text>
|
|
|
- </view>
|
|
|
- <view v-loading="pictLoadingImg">
|
|
|
- <!-- 金额输入 -->
|
|
|
- <view class="amount-box">
|
|
|
- <uni-forms-item
|
|
|
- :label="t('Custom.Deposit.Title3') + '(' + channelData.currency + ')'"
|
|
|
- name="amount" :error-message="amountErrorMessage"
|
|
|
- class="amount-input">
|
|
|
- <uni-easyinput type="number" v-model="params.amount"
|
|
|
- :placeholder="t('placeholder.input')" @blur="validateAmount" />
|
|
|
- </uni-forms-item>
|
|
|
- <!-- <view class="btn" v-t="'State.All'" @click="setAllAmount"></view> -->
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 预估金额(若有汇率) -->
|
|
|
- <view v-if="channelData.rate">
|
|
|
- <uni-forms-item>
|
|
|
- <template #label>
|
|
|
- <view class="label-with-icon">
|
|
|
- <text>{{ t('Custom.Deposit.EstimatedAmount') + '(' +
|
|
|
- channelData.transformCurrency || channelData.currency +
|
|
|
- ')' }}</text>
|
|
|
- <uni-tooltip placement="right">
|
|
|
- <view class="help-icon">ⓘ</view>
|
|
|
- <template #content>
|
|
|
- <text>{{ t('Custom.Deposit.des') }}</text>
|
|
|
- </template>
|
|
|
- </uni-tooltip>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <uni-easyinput v-model="params.amount1" disabled
|
|
|
- :placeholder="t('placeholder.input')" />
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- <!-- 优惠码 -->
|
|
|
- <view>
|
|
|
- <uni-forms-item name="promoCode">
|
|
|
- <template #label>
|
|
|
- <view class="label-with-icon">
|
|
|
- <text>{{ t('Custom.Deposit.PromoCode') }}</text>
|
|
|
- <uni-tooltip placement="right">
|
|
|
- <view class="help-icon">ⓘ</view>
|
|
|
- <template #content>
|
|
|
- <text>{{ t('news_add_field.Des.item3') }}</text>
|
|
|
- </template>
|
|
|
- </uni-tooltip>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <uni-easyinput v-model="params.promoCode"
|
|
|
- :placeholder="t('placeholder.input')" />
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- <!-- 上传汇款凭证(特定渠道) -->
|
|
|
- <view v-if="
|
|
|
- channelData.code == 'UNION_PAY_TELEGRAPHIC' ||
|
|
|
- channelData.code == 'UNION_PAY_TELEGRAPHIC_SPECIAL' ||
|
|
|
- channelData.code == 'UNION_PAY_TELEGRAPHIC_TWO'
|
|
|
- ">
|
|
|
- <uni-forms-item :label="t('Custom.Deposit.UploadRemittanceVoucher')">
|
|
|
- <cwg-file-picker-wrapper v-model="imageUrl" :limit="1"
|
|
|
- :editable="true" :fileMediatype="'all'"
|
|
|
- uploadUrl="/wasabi/upload/file" :imageWidth="100"
|
|
|
- :imageHeight="100" :baseUrl="Host80" />
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
-
|
|
|
|
|
|
-
|
|
|
- <!-- 电汇提示 -->
|
|
|
- <view
|
|
|
- v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
|
|
|
- <text>{{ t('Custom.Deposit.Tips') }}</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- ========== 赠金活动部分 ========== -->
|
|
|
- <!-- 10%赠金(年中赠金) -->
|
|
|
- <view v-if="tableData4Flag">
|
|
|
- <uni-forms-item class="agree" name="agree4">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox :checked="params.agree4"
|
|
|
- @click="params.agree4 = !params.agree4" />
|
|
|
- <text>{{ t('news_add_field1.activitiesNZ.itemDeposit1')
|
|
|
- }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('news_add_field1.activitiesNZ.itemDeposit2')
|
|
|
- }}</text>
|
|
|
- <text class="clause crm-cursor"
|
|
|
- @click="dialogClauseNZ = true">{{
|
|
|
- t('news_add_field1.activitiesNZ.itemDeposit3')
|
|
|
- }}</text>
|
|
|
- <text>{{ t('news_add_field1.activitiesNZ.itemDeposit4')
|
|
|
- }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 20%赠金(年中赠金) -->
|
|
|
- <view v-if="tableData4TwoFlag">
|
|
|
- <uni-forms-item class="agree" name="agree5">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox :checked="params.agree5"
|
|
|
- @click="params.agree5 = !params.agree5" />
|
|
|
- <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit1')
|
|
|
- }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit2')
|
|
|
- }}</text>
|
|
|
- <text class="clause crm-cursor"
|
|
|
- @click="dialogClauseNZTwo = true">{{
|
|
|
- t('news_add_field1.activitiesNZTwo.itemDeposit3') }}</text>
|
|
|
- <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit4')
|
|
|
- }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 赠送活动(动态) -->
|
|
|
- <view v-if="tableDataNewListFlag">
|
|
|
- <uni-forms-item class="agree" name="agree6">
|
|
|
- <label>
|
|
|
- <checkbox :checked="params.agree6"
|
|
|
- @click="params.agree6 = !params.agree6" />
|
|
|
- <text>{{ tableDataNewList.title }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('news_add_field1.activitiesNewList.item1') }}</text>
|
|
|
- <text class="clause crm-cursor"
|
|
|
- @click="dialogClauseNewList = true">{{
|
|
|
- tableDataNewList.title }}</text>
|
|
|
- <text>{{ t('news_add_field1.activitiesNewList.item2') }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 20%赠金申请(特定账户类型) -->
|
|
|
- <view
|
|
|
- v-if="(ACCType == 1 || ACCType == 2 || ACCType == 5 || ACCType == 6 || ACCType == 7) && anshiClose">
|
|
|
- <uni-forms-item class="agree" name="agree3">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox :checked="params.agree3"
|
|
|
- @click="params.agree3 = !params.agree3" />
|
|
|
- <text>{{ t('news_add_field1.deposit.item3') }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('news_add_field1.deposit.item4') }}</text>
|
|
|
- <text class="clause crm-cursor" @click="dialogClause1 = true">{{
|
|
|
- t('news_add_field1.deposit.item5') }}</text>
|
|
|
- <text>{{ t('news_add_field1.deposit.item6') }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 普通10%赠金(非年中、非特定账户) -->
|
|
|
- <view
|
|
|
- v-if="!tableData4Flag && !tableData4TwoFlag && !tableDataNewListFlag && (country != 'CN' || (country == 'CN' && (ACCType == 1 || ACCType == 2 || ACCType == 7 || ACCType == 5 || ACCType == 6 || ACCType == 8))) && ACCType != 3">
|
|
|
- <template v-if="isSupportedCountry && (ACCType == 2 || ACCType == 7)">
|
|
|
- <uni-forms-item class="agree" name="agree2">
|
|
|
- <label>
|
|
|
- <checkbox :checked="params.agree2"
|
|
|
- @click="params.agree2 = !params.agree2" />
|
|
|
- <text>{{ t('news_add_field1.deposit.item2_1') }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('Custom.Deposit.agree21') }}</text>
|
|
|
- <cwg-link type="pdf" title="Custom.Deposit.agree22_2"
|
|
|
- :url="`pdf/pdf4/100Bonus-en.pdf`"
|
|
|
- style="color: black" />
|
|
|
- <text>{{ t('Custom.Deposit.agree23_2') }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </template>
|
|
|
- <template
|
|
|
- v-else-if="!isSupportedCountry && ACCType != 8 && !isAfterSeptember30()">
|
|
|
- <uni-forms-item class="agree" name="agree2">
|
|
|
- <label>
|
|
|
- <checkbox :checked="params.agree2"
|
|
|
- @click="params.agree2 = !params.agree2" />
|
|
|
- <text>{{ t('news_add_field1.deposit.item1') }}</text>
|
|
|
- </label>
|
|
|
- <view style="line-height: 1.5; font-size: 14px">
|
|
|
- <text>{{ t('Custom.Deposit.agree21') }}</text>
|
|
|
- <cwg-link type="pdf" title="Custom.Deposit.agree22"
|
|
|
- :url="`pdf/pdf4/${langCN}.pdf`" style="color: black" />
|
|
|
- <text>{{ t('Custom.Deposit.agree23_1') }}</text>
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
-
|
|
|
- </template>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
- <button class="btn btn-dark waves-effect waves-light" @click="submitConfirm">{{
|
|
|
- t('Btn.Submit')
|
|
|
- }}</button>
|
|
|
- </uni-forms>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="step3-attention">
|
|
|
- <view class="tips" v-if="(introduce.introduce || introduce.enIntroduce)">
|
|
|
- <view>
|
|
|
- <cwg-rich-text class="attention"
|
|
|
- :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
<!-- 不参加活动弹出框 -->
|
|
|
<cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
|
|
|
<!-- 新年24用户提示弹窗 -->
|