|
|
@@ -1,396 +1,376 @@
|
|
|
<template>
|
|
|
<cwg-page-wrapper class="create-page" :isHeaderFixed="true">
|
|
|
<cwg-header :title="t('Home.page_ib.item5')" />
|
|
|
- <view class="custom-withdraw">
|
|
|
- <!-- 步骤2：支付通道列表 -->
|
|
|
- <view class="box box-step2">
|
|
|
- <view class="b-card">
|
|
|
- <view class="card-top">
|
|
|
- <text class="tit">{{ t('Custom.Deposit.Title22')
|
|
|
- }}</text>
|
|
|
- <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab" :tabs="tabsConfig" />
|
|
|
- <uni-loading v-if="currentTableData.length == 0" />
|
|
|
- <view v-if="currentTableData.length">
|
|
|
- <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
|
|
|
- </view>
|
|
|
- <view v-if="step3" class="reselect-btn">
|
|
|
- <button class="s-btn reselect" type="primary" @click="showTable">{{
|
|
|
- t('Custom.Deposit.Reselect')
|
|
|
- }}</button>
|
|
|
+
|
|
|
+ <uni-loading v-if="loading" />
|
|
|
+ <view class="custom-deposit-container" v-else>
|
|
|
+ <view class="custom-withdraw">
|
|
|
+ <!-- 步骤2：支付通道列表 -->
|
|
|
+ <view class="box box-step2">
|
|
|
+ <view class="b-card">
|
|
|
+ <view class="card-top">
|
|
|
+ <text class="tit">{{ t('Custom.Deposit.Title22')
|
|
|
+ }}</text>
|
|
|
+ <cwg-combox :clearable="false" v-model:value="channelId" :options="channelListOptions"
|
|
|
+ :placeholder="t('placeholder.choose')">
|
|
|
+ </cwg-combox>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <!-- 步骤3：填写出金信息 -->
|
|
|
- <view class="box box-step3" v-if="step3">
|
|
|
- <view class="b-card">
|
|
|
- <view class="card-top">
|
|
|
- <!-- 注意事项 -->
|
|
|
- <view v-if="!isStep3" class="step3-attention">
|
|
|
- <view class="tips" v-if="(introduce.introduce || introduce.enIntroduce)">
|
|
|
- <view>
|
|
|
- <rich-text class="attention"
|
|
|
- :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="btn-bottom">
|
|
|
- <text class="btn crm-cursor" @click="isStep3 = true">{{ t('Btn.Confirm') }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 表单 -->
|
|
|
- <uni-forms ref="formRef" :model="form" :rules="rules" label-width="200" label-position="top"
|
|
|
- v-if="isStep3" class="form base-info-form" validate-trigger="submit">
|
|
|
- <uni-row class="demo-uni-row uni-row1">
|
|
|
- <!-- 银行选择区域（当有银行列表时） -->
|
|
|
- <uni-col :span="24" v-if="bankDate.length && isStep3">
|
|
|
- <view class="tit">
|
|
|
- <text>{{ t('Custom.Withdraw.Title5') }}</text>
|
|
|
+ <!-- 步骤3：填写出金信息 -->
|
|
|
+ <view class="box box-step3">
|
|
|
+ <view class="b-card">
|
|
|
+ <view class="card-top">
|
|
|
+ <!-- 注意事项 -->
|
|
|
+ <!-- 表单 -->
|
|
|
+ <uni-forms ref="formRef" :model="form" :rules="rules" label-width="200" label-position="top"
|
|
|
+ class="form base-info-form" validate-trigger="submit">
|
|
|
+ <view class="demo-uni-row uni-row1 uni-row2">
|
|
|
+ <!-- 银行选择区域（当有银行列表时） -->
|
|
|
+ <view v-if="bankDate.length">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title5') }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" v-if="bankDate.length && isStep3">
|
|
|
- <uni-forms-item name="bankCode">
|
|
|
- <cwg-combox filterable v-model:value="form.bankCode" :options="bankOptions"
|
|
|
- :placeholder="t('placeholder.choose')" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
-
|
|
|
- <!-- 电子钱包标题 -->
|
|
|
- <uni-col :span="24"
|
|
|
- v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
|
|
|
- <view class="tit">
|
|
|
- <text>{{ getWalletLabel }}</text>
|
|
|
+ <view v-if="bankDate.length">
|
|
|
+ <uni-forms-item name="bankCode">
|
|
|
+ <cwg-combox v-model:value="form.bankCode" :options="bankOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" />
|
|
|
+ </uni-forms-item>
|
|
|
</view>
|
|
|
- </uni-col>
|
|
|
-
|
|
|
- <!-- 电子钱包地址输入 -->
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="(channelData.type == 'CHANNEL_TYPE_WALLET' || channelData.type == 'CHANNEL_TYPE_ALI_WALLET') && isStep3">
|
|
|
- <uni-forms-item name="address">
|
|
|
- <uni-easyinput v-model="form.address" :placeholder="t('placeholder.input')"
|
|
|
- autocomplete="off" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
|
|
|
- <!-- 数字货币区域 -->
|
|
|
- <uni-col :span="24" class="card-tit"
|
|
|
- v-if="channelData.type == 'DIGITAL_CURRENCY' && isStep3">
|
|
|
- <div
|
|
|
- style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
|
|
|
+ <!-- 电子钱包标题 -->
|
|
|
+ <view
|
|
|
+ v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
|
|
|
<view class="tit">
|
|
|
-
|
|
|
- <text>{{ t('Custom.Withdraw.Title6') }}</text>
|
|
|
+ <text>{{ getWalletLabel }}</text>
|
|
|
</view>
|
|
|
- <div class="add-back">
|
|
|
- <text>{{ t('blockchain.item10') }}</text>
|
|
|
- <text class="add-btn crm-cursor"
|
|
|
- @click="openAddBankCard('add_bankBlockchain')">
|
|
|
- {{ t('Custom.Withdraw.addBank1') }}
|
|
|
- </text>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'DIGITAL_CURRENCY' && isStep3">
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox filterable 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"
|
|
|
- v-if="channelData.type == 'DIGITAL_CURRENCY' && isStep3">
|
|
|
- <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"
|
|
|
- v-if="channelData.type == 'DIGITAL_CURRENCY' && isStep3">
|
|
|
- <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="channelData.type == 'DIGITAL_CURRENCY' && isStep3 && form.addressProve">
|
|
|
- <uni-forms-item :label="t('blockchain.item5')">
|
|
|
- <div style="height: 100%; width: 100%" v-if="form.addressProve">
|
|
|
- <cwg-link type="pdf1"
|
|
|
- v-if="form.addressProve && (form.addressProve.slice(-3).toLowerCase() === 'pdf')"
|
|
|
- :url="imgUrl + form.addressProve" target="_blank"
|
|
|
- style="text-decoration: none; min-width: auto; width: auto; color: #ffffff; padding: 5px 10px;"
|
|
|
- class="state crm_state_blue">
|
|
|
- PDF
|
|
|
- </cwg-link>
|
|
|
- <image v-else style="width: 50px; height: 50px"
|
|
|
- :src="imgUrl + form.addressProve" mode="aspectFill"
|
|
|
- @click="previewImage(imgUrl + form.addressProve)" />
|
|
|
- </div>
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'DIGITAL_CURRENCY' && isStep3">
|
|
|
- <view class="tit" style="margin: 0 0 20px">
|
|
|
- <i class="iconfont iconi"></i>
|
|
|
- <text>{{ t('Custom.Deposit.Des') }}</text>
|
|
|
</view>
|
|
|
- </uni-col>
|
|
|
|
|
|
- <!-- 银行卡/电汇/信用卡区域 -->
|
|
|
- <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;">
|
|
|
- <view class="tit">
|
|
|
+ <!-- 电子钱包地址输入 -->
|
|
|
+ <view
|
|
|
+ v-if="(channelData.type == 'CHANNEL_TYPE_WALLET' || channelData.type == 'CHANNEL_TYPE_ALI_WALLET')">
|
|
|
+ <uni-forms-item name="address">
|
|
|
+ <uni-easyinput v-model="form.address" :placeholder="t('placeholder.input')"
|
|
|
+ autocomplete="off" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 数字货币区域 -->
|
|
|
+ <view class="card-tit" v-if="channelData.type == 'DIGITAL_CURRENCY'">
|
|
|
+ <div
|
|
|
+ style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
|
|
|
+ <view class="tit">
|
|
|
|
|
|
- <text>{{ t('Custom.Withdraw.Title4') }}</text>
|
|
|
+ <text>{{ t('Custom.Withdraw.Title6') }}</text>
|
|
|
+ </view>
|
|
|
+ <div class="add-back">
|
|
|
+ <text>{{ t('blockchain.item10') }}</text>
|
|
|
+ <text class="add-btn crm-cursor"
|
|
|
+ @click="openAddBankCard('add_bankBlockchain')">
|
|
|
+ {{ t('Custom.Withdraw.addBank1') }}
|
|
|
+ </text>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'DIGITAL_CURRENCY'">
|
|
|
+ <uni-forms-item>
|
|
|
+ <cwg-combox v-model:value="myId" :options="digitalOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="onDigitalCurrencyChange"
|
|
|
+ :disabled="!ruleForm.bankBlockchain.length" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'DIGITAL_CURRENCY'">
|
|
|
+ <uni-forms-item :label="t('blockchain.item3')">
|
|
|
+ <uni-easyinput disabled v-model="form.addressName" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'DIGITAL_CURRENCY'">
|
|
|
+ <uni-forms-item :label="t('blockchain.item4')">
|
|
|
+ <uni-easyinput disabled v-model="form.address" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'DIGITAL_CURRENCY' && form.addressProve">
|
|
|
+ <uni-forms-item :label="t('blockchain.item5')">
|
|
|
+ <div style="height: 100%; width: 100%" v-if="form.addressProve">
|
|
|
+ <cwg-link type="pdf1"
|
|
|
+ v-if="form.addressProve && (form.addressProve.slice(-3).toLowerCase() === 'pdf')"
|
|
|
+ :url="imgUrl + form.addressProve" target="_blank"
|
|
|
+ style="text-decoration: none; min-width: auto; width: auto; color: #ffffff; padding: 5px 10px;"
|
|
|
+ class="state crm_state_blue">
|
|
|
+ PDF
|
|
|
+ </cwg-link>
|
|
|
+ <image v-else style="width: 50px; height: 50px"
|
|
|
+ :src="imgUrl + form.addressProve" mode="aspectFill"
|
|
|
+ @click="previewImage(imgUrl + form.addressProve)" />
|
|
|
+ </div>
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'DIGITAL_CURRENCY'">
|
|
|
+ <view class="tit" style="margin: 0 0 20px">
|
|
|
+ <i class="iconfont iconi"></i>
|
|
|
+ <text>{{ t('Custom.Deposit.Des') }}</text>
|
|
|
</view>
|
|
|
- <div class="add-back">
|
|
|
- <text v-if="channelData.type == 'BANK_TELEGRAPHIC'">{{
|
|
|
- t('Custom.Withdraw.addWire') }}</text>
|
|
|
- <text v-if="channelData.type == 'BANK_TELEGRAPHIC'"
|
|
|
- class="add-btn crm-cursor" @click="openAddBankCard('add_wireTransfer')">
|
|
|
- {{ t('Custom.Withdraw.addBank1') }}
|
|
|
- </text>
|
|
|
- <text v-if="channelData.type == 'BANK'">{{
|
|
|
- t('Custom.Withdraw.addBank')
|
|
|
- }}</text>
|
|
|
- <text v-if="channelData.type == 'BANK'" class="add-btn crm-cursor"
|
|
|
- @click="openAddBankCard('add_bankCard')">
|
|
|
- {{ t('Custom.Withdraw.addBank1') }}
|
|
|
- </text>
|
|
|
- <text v-if="channelData.type == 'CHANNEL_TYPE_CARD'">{{
|
|
|
- t('PersonalManagement.Label.addCreditCard') }}</text>
|
|
|
- <text v-if="channelData.type == 'CHANNEL_TYPE_CARD'"
|
|
|
- class="add-btn crm-cursor" @click="openAddBankCard('add_CreditCard')">
|
|
|
- {{ t('Custom.Withdraw.addBank1') }}
|
|
|
- </text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 银行卡/电汇/信用卡区域 -->
|
|
|
+ <view 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;">
|
|
|
+ <view class="tit">
|
|
|
+
|
|
|
+ <text>{{ t('Custom.Withdraw.Title4') }}</text>
|
|
|
+ </view>
|
|
|
+ <div class="add-back">
|
|
|
+ <text v-if="channelData.type == 'BANK_TELEGRAPHIC'">{{
|
|
|
+ t('Custom.Withdraw.addWire') }}</text>
|
|
|
+ <text v-if="channelData.type == 'BANK_TELEGRAPHIC'"
|
|
|
+ class="add-btn crm-cursor"
|
|
|
+ @click="openAddBankCard('add_wireTransfer')">
|
|
|
+ {{ t('Custom.Withdraw.addBank1') }}
|
|
|
+ </text>
|
|
|
+ <text v-if="channelData.type == 'BANK'">{{
|
|
|
+ t('Custom.Withdraw.addBank')
|
|
|
+ }}</text>
|
|
|
+ <text v-if="channelData.type == 'BANK'" class="add-btn crm-cursor"
|
|
|
+ @click="openAddBankCard('add_bankCard')">
|
|
|
+ {{ t('Custom.Withdraw.addBank1') }}
|
|
|
+ </text>
|
|
|
+ <text v-if="channelData.type == 'CHANNEL_TYPE_CARD'">{{
|
|
|
+ t('PersonalManagement.Label.addCreditCard') }}</text>
|
|
|
+ <text v-if="channelData.type == 'CHANNEL_TYPE_CARD'"
|
|
|
+ class="add-btn crm-cursor"
|
|
|
+ @click="openAddBankCard('add_CreditCard')">
|
|
|
+ {{ t('Custom.Withdraw.addBank1') }}
|
|
|
+ </text>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </uni-col>
|
|
|
-
|
|
|
- <!-- 网银支付信息（BANK） -->
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'BANK' && isStep3">
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
- :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK' && isStep3">
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.bankBranchName')">
|
|
|
- <uni-easyinput disabled v-model="form.bankBranchName" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 信用卡信息 -->
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'CHANNEL_TYPE_CARD' && isStep3">
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
- :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'CHANNEL_TYPE_CARD' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'CHANNEL_TYPE_CARD' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'CHANNEL_TYPE_CARD' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'CHANNEL_TYPE_CARD' && isStep3">
|
|
|
- <uni-forms-item :label="t('PersonalManagement.Label.ExpirationYear')">
|
|
|
- <uni-easyinput disabled v-model="form.expiryYearMonth" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
+ <!-- 网银支付信息（BANK） -->
|
|
|
+ <view v-if="channelData.type == 'BANK'">
|
|
|
+ <uni-forms-item>
|
|
|
+ <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.UserName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankUname" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.BankCardNum')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.BankName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankName" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.bankBranchName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankBranchName" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 电汇信息 -->
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <uni-forms-item>
|
|
|
- <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
- :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <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="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <!-- Account Agency NO -->
|
|
|
- <uni-forms-item :label="'Account Agency NO'" name="agencyNo">
|
|
|
- <uni-easyinput v-model="form.agencyNo" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3 && channelData.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
|
|
|
- <uni-forms-item label="CPF" name="cpf">
|
|
|
- <uni-easyinput v-model="form.cpf" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
+ <!-- 信用卡信息 -->
|
|
|
+ <view v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
+ <uni-forms-item>
|
|
|
+ <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
+ <uni-forms-item :label="t('PersonalManagement.Label.CreditCardAccountName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankUname" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
+ <uni-forms-item :label="t('PersonalManagement.Label.CreditCardAccount')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
+ <uni-forms-item label="CVV">
|
|
|
+ <uni-easyinput disabled v-model="form.cvv" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
|
|
|
+ <uni-forms-item :label="t('PersonalManagement.Label.ExpirationYear')">
|
|
|
+ <uni-easyinput disabled v-model="form.expiryYearMonth" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 电汇金额区域 -->
|
|
|
- <uni-col :span="24" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <view class="tit">
|
|
|
- <text>{{ t('Custom.Withdraw.Title3') }}</text>
|
|
|
+ <!-- 电汇信息 -->
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item>
|
|
|
+ <cwg-combox v-model:value="myId" :options="bankCardOptions"
|
|
|
+ :placeholder="t('placeholder.choose')" @change="chooseBank" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.UserName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankUname" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.BankCardNum')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankCardNum" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.BankName')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankName" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.swiftCode')">
|
|
|
+ <uni-easyinput disabled v-model="form.swiftCode" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.bankCode')">
|
|
|
+ <uni-easyinput disabled v-model="form.customBankCode" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.bankAddr')">
|
|
|
+ <uni-easyinput disabled v-model="form.bankAddr" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <!-- Account Agency NO -->
|
|
|
+ <uni-forms-item :label="'Account Agency NO'" name="agencyNo">
|
|
|
+ <uni-easyinput v-model="form.agencyNo" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ v-if="channelData.type == 'BANK_TELEGRAPHIC' && channelData.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
|
|
|
+ <uni-forms-item label="CPF" name="cpf">
|
|
|
+ <uni-easyinput v-model="form.cpf" />
|
|
|
+ </uni-forms-item>
|
|
|
</view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.CurrencyType')" name="currency">
|
|
|
- <cwg-combox filterable v-model:value="form.currency"
|
|
|
- :options="[{ text: 'USD', value: 'USD' }]" />
|
|
|
- </uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <uni-forms-item :label="t('Custom.Withdraw.amount')" name="amount"
|
|
|
- :error-message="amountErrorMessage">
|
|
|
- <uni-easyinput v-model.trim="form.amount" type="number"
|
|
|
- @blur="validateAmount" />
|
|
|
- </uni-forms-item>
|
|
|
- </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 v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title3') }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12"
|
|
|
- v-if="channelData.type != 'BANK_TELEGRAPHIC' && isStep3">
|
|
|
- <uni-forms-item name="amount" :error-message="amountErrorMessage">
|
|
|
- <uni-easyinput v-model.trim="form.amount" autocomplete="off" type="number"
|
|
|
- @blur="validateAmount" />
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.CurrencyType')" name="currency">
|
|
|
+ <cwg-combox v-model:value="form.currency"
|
|
|
+ :options="[{ text: 'USD', value: 'USD' }]" />
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type == 'BANK_TELEGRAPHIC'" class="amount-box">
|
|
|
+ <uni-forms-item :label="t('Custom.Withdraw.amount')" name="amount"
|
|
|
+ :error-message="amountErrorMessage" class="amount-input">
|
|
|
+ <uni-easyinput v-model.trim="form.amount" type="number"
|
|
|
+ @blur="validateAmount" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <!-- <view class="btn" v-t="'State.All'" @click="setAllAmount"></view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 非电汇的金额区域 -->
|
|
|
+ <view v-if="channelData.type != 'BANK_TELEGRAPHIC'">
|
|
|
+ <view class="tit">
|
|
|
+ <text>{{ t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'
|
|
|
+ }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view v-if="channelData.type != 'BANK_TELEGRAPHIC'" class="amount-box amount-box1">
|
|
|
+ <uni-forms-item name="amount" :error-message="amountErrorMessage"
|
|
|
+ class="amount-input">
|
|
|
+ <uni-easyinput v-model.trim="form.amount" autocomplete="off" type="number"
|
|
|
+ @blur="validateAmount" />
|
|
|
+ </uni-forms-item>
|
|
|
+ <!-- <view class="btn" v-t="'State.All'" @click="setAllAmount"></view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="agree">
|
|
|
+ <uni-forms-item name="agree2">
|
|
|
+ <checkbox-group :value="form.agree2 ? ['1'] : []" @change="onAgree2Change">
|
|
|
+ <label class="checkbox">
|
|
|
+ <checkbox value="1" :checked="form.agree2" />
|
|
|
+ <view class="crm-cursor"
|
|
|
+ style="text-decoration: underline; display: inline-block; margin-left: 10px;"
|
|
|
+ @click.stop="dialogCheckTip = true">
|
|
|
+ {{ t('Custom.Withdraw.Des') }}
|
|
|
+ </view>
|
|
|
+ </label>
|
|
|
+ </checkbox-group>
|
|
|
</uni-forms-item>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <view class="agree">
|
|
|
- <uni-forms-item name="agree2">
|
|
|
- <checkbox-group :value="form.agree2 ? ['1'] : []" @change="onAgree2Change">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox value="1" :checked="form.agree2" />
|
|
|
- <view class="crm-cursor"
|
|
|
- style="text-decoration: underline; display: inline-block; margin-left: 10px;"
|
|
|
- @click.stop="dialogCheckTip = true">
|
|
|
- {{ t('Custom.Withdraw.Des') }}
|
|
|
- </view>
|
|
|
- </label>
|
|
|
- </checkbox-group>
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- <view class="agree" v-if="dialogTipsIsShow">
|
|
|
- <uni-forms-item name="agree3">
|
|
|
- <checkbox-group :value="form.agree3 ? ['1'] : []" @change="onAgree3Change">
|
|
|
- <label class="checkbox">
|
|
|
- <checkbox value="1" :checked="form.agree3" />
|
|
|
- <view class="crm-cursor" style="display: inline-block; margin-left: 10px;">
|
|
|
- * {{ t('Custom.Withdraw.item1') }}<br />
|
|
|
- {{ t('Custom.Withdraw.item1_1') }}<br />
|
|
|
- {{ t('Custom.Withdraw.item1_2') }}
|
|
|
- </view>
|
|
|
- </label>
|
|
|
- </checkbox-group>
|
|
|
- </uni-forms-item>
|
|
|
- </view>
|
|
|
- <button class="s-btn" type="primary" @click="openTips">{{ t('Btn.Submit') }}</button>
|
|
|
+ </view>
|
|
|
+ <view class="agree" v-if="dialogTipsIsShow">
|
|
|
+ <uni-forms-item name="agree3">
|
|
|
+ <checkbox-group :value="form.agree3 ? ['1'] : []" @change="onAgree3Change">
|
|
|
+ <label class="checkbox">
|
|
|
+ <checkbox value="1" :checked="form.agree3" />
|
|
|
+ <view class="crm-cursor"
|
|
|
+ style="display: inline-block; margin-left: 10px;">
|
|
|
+ * {{ t('Custom.Withdraw.item1') }}<br />
|
|
|
+ {{ t('Custom.Withdraw.item1_1') }}<br />
|
|
|
+ {{ t('Custom.Withdraw.item1_2') }}
|
|
|
+ </view>
|
|
|
+ </label>
|
|
|
+ </checkbox-group>
|
|
|
+ </uni-forms-item>
|
|
|
+ </view>
|
|
|
+ <button class="s-btn" type="primary" @click="openTips">{{ t('Btn.Submit') }}</button>
|
|
|
|
|
|
- </uni-forms>
|
|
|
+ </uni-forms>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 提示弹窗 -->
|
|
|
+ <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2"
|
|
|
+ @confirm="closeTipsConfirm" />
|
|
|
+ <cwg-tips-popup v-model:visible="dialogCheckInto" content="ApplicationDialog.Des42_1"
|
|
|
+ title="ApplicationDialog.Des41_1" @confirm="closeTipsConfirm" />
|
|
|
+ <cwg-tips-popup v-model:visible="dialogCheckInto1" content="ApplicationDialog.Des42"
|
|
|
+ title="ApplicationDialog.Des41" @confirm="closeTipsConfirm" />
|
|
|
+ <!-- 弹窗：确认信息 -->
|
|
|
+ <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item3')"
|
|
|
+ :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="form"
|
|
|
+ :FreeNumber="FreeNumber" :userName="userName" :dialogCheckConfirm_form="dialogCheckConfirm_form"
|
|
|
+ :login="loginValue" type="IB" @confirm="submit" />
|
|
|
+ <!-- 协议弹窗 -->
|
|
|
+ <cwg-tips-popup v-model:visible="dialogCheckTip"
|
|
|
+ :introduce="isZh ? introduce.introduce : introduce.enIntroduce" />
|
|
|
+ <!-- 等待弹窗 -->
|
|
|
+ <cwg-wait-popup v-model:visible="dialogCheckWait" type="center" :mask-click="false"
|
|
|
+ :showFooters="false" />
|
|
|
+ <!-- 最后失败弹窗 -->
|
|
|
+ <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
|
|
|
+ <!-- 最后成功弹窗 -->
|
|
|
+ <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
|
|
|
+ <!-- 功能关闭弹出 -->
|
|
|
+ <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
|
|
|
+ <!-- kyc成功弹窗 -->
|
|
|
+ <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
|
|
|
+ <!--验证码-->
|
|
|
+ <!-- 新增银行弹窗 -->
|
|
|
+ <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
|
|
|
+ </view>
|
|
|
+ <view class="step3-attention">
|
|
|
+ <view class="tips" v-if="(introduce.introduce || introduce.enIntroduce)">
|
|
|
+ <view>
|
|
|
+ <rich-text class="attention" :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 提示弹窗 -->
|
|
|
- <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2" @confirm="closeTipsConfirm" />
|
|
|
- <cwg-tips-popup v-model:visible="dialogCheckInto" content="ApplicationDialog.Des42_1"
|
|
|
- title="ApplicationDialog.Des41_1" @confirm="closeTipsConfirm" />
|
|
|
- <cwg-tips-popup v-model:visible="dialogCheckInto1" content="ApplicationDialog.Des42"
|
|
|
- title="ApplicationDialog.Des41" @confirm="closeTipsConfirm" />
|
|
|
- <!-- 弹窗：确认信息 -->
|
|
|
- <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item3')"
|
|
|
- :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="form"
|
|
|
- :FreeNumber="FreeNumber" :userName="userName" :dialogCheckConfirm_form="dialogCheckConfirm_form"
|
|
|
- :login="loginValue" type="IB" @confirm="submit" />
|
|
|
- <!-- 协议弹窗 -->
|
|
|
- <cwg-tips-popup v-model:visible="dialogCheckTip"
|
|
|
- :introduce="isZh ? introduce.introduce : introduce.enIntroduce" />
|
|
|
- <!-- 等待弹窗 -->
|
|
|
- <cwg-wait-popup v-model:visible="dialogCheckWait" type="center" :mask-click="false" :showFooters="false" />
|
|
|
- <!-- 最后失败弹窗 -->
|
|
|
- <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
|
|
|
- <!-- 最后成功弹窗 -->
|
|
|
- <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
|
|
|
- <!-- 功能关闭弹出 -->
|
|
|
- <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
|
|
|
- <!-- kyc成功弹窗 -->
|
|
|
- <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
|
|
|
- <!--验证码-->
|
|
|
- <!-- 新增银行弹窗 -->
|
|
|
- <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
|
|
|
</view>
|
|
|
+
|
|
|
</cwg-page-wrapper>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { ref, reactive, computed, onMounted, nextTick, watch } from 'vue'
|
|
|
+import { ref, reactive, computed, onMounted, nextTick, watch, onUnmounted } from 'vue'
|
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|
|
import { showToast } from "@/utils/toast";
|
|
|
import useUserStore from '@/stores/use-user-store'
|
|
|
@@ -495,7 +475,6 @@ const tabsConfig = computed(() => {
|
|
|
]
|
|
|
// ✅ 只保留有数据的 tab
|
|
|
return allTabs.filter(tab => {
|
|
|
- console.log(tableData[tab.type], tab.type);
|
|
|
return tableData[tab.type]?.length > 0
|
|
|
})
|
|
|
})
|
|
|
@@ -1207,8 +1186,6 @@ const closeTipsConfirm = () => {
|
|
|
|
|
|
const closeDia = () => {
|
|
|
resetForm()
|
|
|
- isStep3.value = false
|
|
|
- step2.value = false
|
|
|
dialogCheck.value = false
|
|
|
dialogVisible.value = false
|
|
|
showTable()
|
|
|
@@ -1312,7 +1289,7 @@ const submit = async (formName) => {
|
|
|
|
|
|
const Initialize = () => {
|
|
|
loginValue.value = ""
|
|
|
- isStep3.value = false
|
|
|
+ isStep3.value = true
|
|
|
step2.value = false
|
|
|
step3.value = false
|
|
|
showTable()
|
|
|
@@ -1322,12 +1299,10 @@ const isShowStep3 = (row) => {
|
|
|
if (row.bankValid && isChannel.value) {
|
|
|
getBankList(row)
|
|
|
isChannel.value = false
|
|
|
- step3.value = true
|
|
|
channelData.value = row
|
|
|
mAmount.minAmount = row.minAmount
|
|
|
mAmount.maxAmount = row.maxAmount
|
|
|
} else {
|
|
|
- step3.value = true
|
|
|
bankDate.value = []
|
|
|
channelData.value = row
|
|
|
mAmount.minAmount = row.minAmount
|
|
|
@@ -1360,13 +1335,12 @@ const isShowStep3 = (row) => {
|
|
|
if (row.type === "CHANNEL_TYPE_ALI_WALLET") tableData.CHANNEL_TYPE_ALI_WALLET[0] = row
|
|
|
introduce.introduce = row.introduce
|
|
|
introduce.enIntroduce = row.enIntroduce
|
|
|
+ loading.value = false
|
|
|
}
|
|
|
|
|
|
const showTable = () => {
|
|
|
resetForm()
|
|
|
myId.value = null
|
|
|
- step3.value = false
|
|
|
- isStep3.value = false
|
|
|
isChannel.value = true
|
|
|
getDepositList()
|
|
|
// 重置表单
|
|
|
@@ -1375,6 +1349,7 @@ const showTable = () => {
|
|
|
}
|
|
|
|
|
|
const getDateList = async () => {
|
|
|
+
|
|
|
const res = await customApi.CustomDropdown({ platform: "" })
|
|
|
if (res.code === Code.StatusOK) {
|
|
|
loginOptions.value = res.data
|
|
|
@@ -1442,26 +1417,86 @@ const cancelBank = () => {
|
|
|
defaultBank: false
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
+// 新改内容
|
|
|
+// userStore.paymentChannel.value
|
|
|
+// userStore.channelList.value
|
|
|
+const channel = computed(() => userStore.paymentChannel)
|
|
|
+const channelList = computed(() => userStore.channelList)
|
|
|
+const channelListOptions = ref([])
|
|
|
+const channelId = ref(null)
|
|
|
+const loading = ref(false)
|
|
|
+const setAllAmount = () => {
|
|
|
+ const found = loginOptions.value.find(opt => opt.login === Number(loginValue.value))
|
|
|
+ params.amount = parseInt(found.balance)
|
|
|
+ validateAmount()
|
|
|
+}
|
|
|
+const allTabs = computed(() => {
|
|
|
+ return {
|
|
|
+ "Digital_Currency": t('Custom.Deposit.Channel3'),
|
|
|
+ "China_UnionPay": t('Custom.Deposit.Channel2'),
|
|
|
+ "Electronic_Wallet": t('Custom.Deposit.Channel4'),
|
|
|
+ "International_Transfer": t('Custom.Deposit.Channel1'),
|
|
|
+ "CHANNEL_TYPE_CARD": t('PersonalManagement.Label.CreditCard'),
|
|
|
+ "Ucard_Wallet": t('card.title'),
|
|
|
+ "CHANNEL_TYPE_ALI_WALLET": t('Label.Ali'),
|
|
|
+ }
|
|
|
+})
|
|
|
+function formatChannels(data) {
|
|
|
+ const result = []
|
|
|
+ // 遍历每个分类
|
|
|
+ for (const key in data) {
|
|
|
+ const list = data[key] || []
|
|
|
+ // 插入分类标题（禁用项）
|
|
|
+ if (list.length) {
|
|
|
+ result.push({
|
|
|
+ text: allTabs.value[key],
|
|
|
+ value: key,
|
|
|
+ disable: true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ list.forEach(item => {
|
|
|
+ result.push({
|
|
|
+ ...item,
|
|
|
+ text: item.name,
|
|
|
+ value: item.code
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return result
|
|
|
+}
|
|
|
// ---------- 生命周期 ----------
|
|
|
onMounted(() => {
|
|
|
+ loading.value = true
|
|
|
+ if (channelList.value) {
|
|
|
+ channelListOptions.value = formatChannels(channelList.value)
|
|
|
+ }
|
|
|
+ channelId.value = channel.value
|
|
|
+
|
|
|
+
|
|
|
+ // getDateList()
|
|
|
+ // getDepositList()
|
|
|
+ getFreeNumber()
|
|
|
+ isShowDialog()
|
|
|
if (getInfoStatus5.value) {
|
|
|
InfoStatus5.value = true
|
|
|
return
|
|
|
}
|
|
|
- getFreeNumber()
|
|
|
- isShowDialog()
|
|
|
- // getDateList()
|
|
|
- getDepositList()
|
|
|
+})
|
|
|
+onUnmounted(() => {
|
|
|
+ // userStore.savePaymentChannel('')
|
|
|
+ // userStore.saveChannelList('')
|
|
|
})
|
|
|
|
|
|
-// 监听 value 变化
|
|
|
-watch(loginValue, (newVal) => {
|
|
|
+watch(channelId, async (newVal) => {
|
|
|
if (newVal) {
|
|
|
- step2.value = true
|
|
|
showTable()
|
|
|
+ let row = channelListOptions.value.find(item => item.code == newVal)
|
|
|
+ console.log(row, 2222);
|
|
|
+
|
|
|
+ isShowStep3(row)
|
|
|
}
|
|
|
-})
|
|
|
+});
|
|
|
+// 监听 value 变化
|
|
|
|
|
|
// 监听 form.amount 变化
|
|
|
watch(() => form.amount, (newVal) => {
|
|
|
@@ -1475,15 +1510,12 @@ watch(() => form.amount, (newVal) => {
|
|
|
@import "@/uni.scss";
|
|
|
|
|
|
.custom-withdraw {
|
|
|
+ width: px2rpx(566);
|
|
|
|
|
|
.box {
|
|
|
margin-bottom: px2rpx(20);
|
|
|
|
|
|
.b-card {
|
|
|
- background: #fff;
|
|
|
- border-radius: px2rpx(12);
|
|
|
- padding: px2rpx(20);
|
|
|
- box-shadow: 0 px2rpx(4) px2rpx(12) rgba(0, 0, 0, 0.03);
|
|
|
|
|
|
.card-top {
|
|
|
.tit {
|
|
|
@@ -1565,7 +1597,7 @@ watch(() => form.amount, (newVal) => {
|
|
|
|
|
|
&:active {
|
|
|
transform: scale(0.98);
|
|
|
- background: var(--color-navy-800);
|
|
|
+ background-color: #cf1322;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -1576,8 +1608,6 @@ watch(() => form.amount, (newVal) => {
|
|
|
align-items: center;
|
|
|
margin-bottom: px2rpx(12);
|
|
|
padding: px2rpx(12) px2rpx(16);
|
|
|
- background: var(--color-zinc-100);
|
|
|
- border-radius: px2rpx(8);
|
|
|
|
|
|
text {
|
|
|
font-size: px2rpx(14);
|
|
|
@@ -1699,20 +1729,6 @@ watch(() => form.amount, (newVal) => {
|
|
|
margin-bottom: px2rpx(28);
|
|
|
}
|
|
|
|
|
|
- .uni-select,
|
|
|
- .uni-combox,
|
|
|
- .uni-easyinput__content,
|
|
|
- .uni-date-editor--x {
|
|
|
- border: none !important;
|
|
|
- background-color: var(--color-zinc-100) !important;
|
|
|
- border-radius: px2rpx(8) !important;
|
|
|
- }
|
|
|
-
|
|
|
- .uni-date-x {
|
|
|
- border: none !important;
|
|
|
- background-color: rgba(195, 195, 195, 0) !important;
|
|
|
- }
|
|
|
-
|
|
|
.uni-easyinput__content-input {
|
|
|
height: px2rpx(35) !important;
|
|
|
}
|
|
|
@@ -1729,4 +1745,66 @@ watch(() => form.amount, (newVal) => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+.amount-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: px2rpx(12);
|
|
|
+
|
|
|
+ .amount-input {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: px2rpx(14);
|
|
|
+ color: var(--color-zinc-600);
|
|
|
+ margin-bottom: px2rpx(12);
|
|
|
+ height: px2rpx(35);
|
|
|
+ background-color: #cf1322;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: px2rpx(4);
|
|
|
+ font-weight: 600;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border: none;
|
|
|
+ padding: 0 px2rpx(20);
|
|
|
+ margin-top: px2rpx(21);
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.amount-box1 {
|
|
|
+ align-items: flex-start;
|
|
|
+
|
|
|
+ .btn {
|
|
|
+
|
|
|
+ margin-top: px2rpx(0);
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.custom-deposit-container {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ gap: px2rpx(60);
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 992px) {
|
|
|
+ .custom-deposit {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: px2rpx(20);
|
|
|
+ }
|
|
|
+
|
|
|
+ .custom-deposit-container {
|
|
|
+ display: flex;
|
|
|
+ gap: px2rpx(30);
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
