|
|
@@ -29,7 +29,7 @@
|
|
|
</view>
|
|
|
<view v-if="step3" class="reselect-btn">
|
|
|
<button class="s-btn reselect" type="primary" @click="showTable">{{ t('Custom.Deposit.Reselect')
|
|
|
- }}</button>
|
|
|
+ }}</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -56,15 +56,20 @@
|
|
|
class="base-info-form" validate-trigger="submit">
|
|
|
<uni-row class="demo-uni-row uni-row1">
|
|
|
<!-- 银行选择(针对有银行列表的通道) -->
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="bankDate.length">
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.Title5')" name="bankCode">
|
|
|
+ <uni-col :span="24" v-if="bankDate.length">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title5') }}</text>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" v-if="bankDate.length">
|
|
|
+ <uni-forms-item name="bankCode">
|
|
|
<cwg-combox :clearable="false" v-model:value="form.bankCode" :options="bankOptions"
|
|
|
:placeholder="t('placeholder.choose')" @change="selectCode" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
|
|
|
<!-- 电子钱包地址输入 -->
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
|
|
|
<uni-forms-item :label="getWalletLabel" name="address">
|
|
|
<uni-easyinput :clearable="false" v-model="form.address" :placeholder="t('placeholder.input')" />
|
|
|
@@ -72,42 +77,54 @@
|
|
|
</uni-col>
|
|
|
|
|
|
<!-- 数字货币选择(从已保存地址中选择) -->
|
|
|
- <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="channelData.type === 'DIGITAL_CURRENCY'">
|
|
|
- <view class="add-back">
|
|
|
- <text>{{ t('blockchain.item10') }}</text>
|
|
|
- <text class="add-btn crm-cursor" @click="openAddBankCard('add_bankBlockchain')">{{
|
|
|
- t('Custom.Withdraw.addBank1') }}</text>
|
|
|
- </view>
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.Title6')">
|
|
|
- <cwg-combox :clearable="false" v-model:value="myId" :options="digitalOptions"
|
|
|
- :placeholder="t('placeholder.choose')" @change="onDigitalCurrencyChange"
|
|
|
- :disabled="!ruleForm.bankBlockchain.length" />
|
|
|
- </uni-forms-item>
|
|
|
- <uni-row>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
- <uni-forms-item :label="t('blockchain.item3')">
|
|
|
- <uni-easyinput disabled v-model="form.addressName" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
- <uni-forms-item :label="t('blockchain.item4')">
|
|
|
- <uni-easyinput disabled v-model="form.address" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="form.addressProve">
|
|
|
- <uni-forms-item :label="t('blockchain.item5')">
|
|
|
- <view class="proof">
|
|
|
- <template v-if="form.addressProve && (form.addressProve.slice(-3).toLowerCase() === 'pdf')">
|
|
|
- <a :href="imgUrl + form.addressProve" target="_blank" class="state crm_state_blue">PDF</a>
|
|
|
- </template>
|
|
|
- <image v-else :src="imgUrl + form.addressProve" mode="aspectFit"
|
|
|
- style="width: 100rpx; height: 100rpx;" @click="previewImage(imgUrl + form.addressProve)" />
|
|
|
- </view>
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <text class="tit"><text class="iconfont iconi"></text>{{ t('Custom.Deposit.Des') }}</text>
|
|
|
- </uni-col>
|
|
|
+ <template v-if="channelData.type === 'DIGITAL_CURRENCY'">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="channelData.type === 'DIGITAL_CURRENCY'">
|
|
|
+ <view style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
|
|
|
+ <view class="tit">
|
|
|
+
|
|
|
+ <text>{{ t('Custom.Withdraw.Title6') }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="add-back">
|
|
|
+ <text>{{
|
|
|
+ t('blockchain.item10') }}</text>
|
|
|
+ <text class="add-btn crm-cursor" @click="openAddBankCard('add_bankBlockchain')">
|
|
|
+ {{ t('Custom.Withdraw.addBank1') }}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <uni-forms-item>
|
|
|
+ <cwg-combox :clearable="false" v-model:value="myId" :options="digitalOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="onDigitalCurrencyChange"
|
|
|
+ :disabled="!ruleForm.bankBlockchain.length" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
+ <uni-forms-item :label="t('blockchain.item3')">
|
|
|
+ <uni-easyinput disabled v-model="form.addressName" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
+ <uni-forms-item :label="t('blockchain.item4')">
|
|
|
+ <uni-easyinput disabled v-model="form.address" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" v-if="form.addressProve">
|
|
|
+ <uni-forms-item :label="t('blockchain.item5')">
|
|
|
+ <view class="proof">
|
|
|
+ <template v-if="form.addressProve && (form.addressProve.slice(-3).toLowerCase() === 'pdf')">
|
|
|
+ <a :href="imgUrl + form.addressProve" target="_blank" class="state crm_state_blue">PDF</a>
|
|
|
+ </template>
|
|
|
+ <image v-else :src="imgUrl + form.addressProve" mode="aspectFit"
|
|
|
+ style="width: 100rpx; height: 100rpx;" @click="previewImage(imgUrl + form.addressProve)" />
|
|
|
+ </view>
|
|
|
+ </uni-forms-item>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
+ <text class="tit"><text class="iconfont iconi"></text>{{ t('Custom.Deposit.Des') }}</text>
|
|
|
+ </uni-col>
|
|
|
+
|
|
|
+ </template>
|
|
|
+
|
|
|
<uni-col :span="24" class="card-tit"
|
|
|
v-if="isStep3 && (channelData.type == 'BANK_TELEGRAPHIC' || channelData.type == 'BANK' || channelData.type == 'CHANNEL_TYPE_CARD')">
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
|
|
|
@@ -124,7 +141,7 @@
|
|
|
</text>
|
|
|
<text v-if="channelData.type == 'BANK'">{{
|
|
|
t('Custom.Withdraw.addBank')
|
|
|
- }}</text>
|
|
|
+ }}</text>
|
|
|
<text v-if="channelData.type == 'BANK'" class="add-btn crm-cursor"
|
|
|
@click="openAddBankCard('add_bankCard')">
|
|
|
{{ t('Custom.Withdraw.addBank1') }}
|
|
|
@@ -148,22 +165,22 @@
|
|
|
</uni-col>
|
|
|
<!-- 通用银行信息展示 -->
|
|
|
<template v-if="channelData.type == 'BANK'">
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.UserName')">
|
|
|
<uni-easyinput disabled v-model="form.bankUname" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.BankCardNum')">
|
|
|
<uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.BankName')">
|
|
|
<uni-easyinput disabled v-model="form.bankName" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.bankBranchName')">
|
|
|
<uni-easyinput disabled v-model="form.bankBranchName" />
|
|
|
</uni-forms-item>
|
|
|
@@ -171,22 +188,22 @@
|
|
|
</template>
|
|
|
<!-- 信用卡信息展示(针对有信用卡列表的通道) -->
|
|
|
<template v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('PersonalManagement.Label.CreditCardAccountName')">
|
|
|
<uni-easyinput disabled v-model="form.bankUname" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('PersonalManagement.Label.CreditCardAccount')">
|
|
|
<uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item label="CVV">
|
|
|
<uni-easyinput disabled v-model="form.cvv" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('PersonalManagement.Label.ExpirationYear')">
|
|
|
<uni-easyinput disabled v-model="form.expiryYearMonth" />
|
|
|
</uni-forms-item>
|
|
|
@@ -194,37 +211,37 @@
|
|
|
</template>
|
|
|
<!-- 银行电汇转账信息展示(针对有银行转账列表的通道) -->
|
|
|
<template v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.UserName')">
|
|
|
<uni-easyinput disabled v-model="form.bankUname" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.BankCardNum')">
|
|
|
<uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.BankName')">
|
|
|
<uni-easyinput disabled v-model="form.bankName" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.swiftCode')">
|
|
|
<uni-easyinput disabled v-model="form.swiftCode" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.bankCode')">
|
|
|
<uni-easyinput disabled v-model="form.customBankCode" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.bankAddr')">
|
|
|
<uni-easyinput disabled v-model="form.bankAddr" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item label="Account Agency NO" name="agencyNo"
|
|
|
v-if="channelData.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
|
|
|
<uni-easyinput v-model="form.agencyNo" />
|
|
|
@@ -233,7 +250,7 @@
|
|
|
<uni-easyinput v-model="form.agencyNo" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
v-if="channelData.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
|
|
|
<uni-forms-item label="CPF" name="cpf">
|
|
|
<uni-easyinput v-model="form.cpf" />
|
|
|
@@ -241,20 +258,30 @@
|
|
|
</uni-col>
|
|
|
</template>
|
|
|
<!-- 出金金额 -->
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="channelData.type !== 'BANK_TELEGRAPHIC'">
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'" name="amount"
|
|
|
- :error-message="amountErrorMessage">
|
|
|
+ <uni-col :span="24" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title3') }}</text>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :span="24" v-if="channelData.type != 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'
|
|
|
+ }}</text>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" v-if="channelData.type !== 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item name="amount" :error-message="amountErrorMessage">
|
|
|
<uni-easyinput v-model="form.amount" type="number" @blur="validateAmount" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
<template v-else>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.CurrencyType')">
|
|
|
<cwg-combox :clearable="false" v-model:value="form.currency"
|
|
|
:options="[{ text: 'USD', value: 'USD' }]" @change="(val) => form.currency = val" />
|
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
|
|
<uni-forms-item :label="t('Custom.Withdraw.amount')" name="amount"
|
|
|
:error-message="amountErrorMessage">
|
|
|
<uni-easyinput v-model="form.amount" type="number" @blur="validateAmount" />
|
|
|
@@ -1933,8 +1960,8 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
.uni-forms-item {
|
|
|
- min-height: px2rpx(79);
|
|
|
- margin-bottom: px2rpx(10);
|
|
|
+ min-height: px2rpx(36);
|
|
|
+ margin-bottom: px2rpx(28);
|
|
|
}
|
|
|
|
|
|
.uni-select,
|