zhb 2 ヶ月 前
コミット
42b37d6ac6
2 ファイル変更158 行追加100 行削除
  1. 91 64
      pages/customer/withdrawal.vue
  2. 67 36
      pages/ib/withdraw.vue

+ 91 - 64
pages/customer/withdrawal.vue

@@ -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,

+ 67 - 36
pages/ib/withdraw.vue

@@ -41,7 +41,7 @@
                         </view>
                         <!-- 表单 -->
                         <uni-forms ref="formRef" :model="form" :rules="rules" label-width="200" label-position="top"
-                            v-if="isStep3" class="form" validate-trigger="submit">
+                            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">
@@ -49,7 +49,7 @@
                                         <text>{{ t('Custom.Withdraw.Title5') }}</text>
                                     </view>
                                 </uni-col>
-                                <uni-col :span="24" v-if="bankDate.length && isStep3">
+                                <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')" />
@@ -57,7 +57,7 @@
                                 </uni-col>
 
                                 <!-- 电子钱包标题 -->
-                                <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
+                                <uni-col :span="24"
                                     v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
                                     <view class="tit">
                                         <text>{{ getWalletLabel }}</text>
@@ -65,7 +65,7 @@
                                 </uni-col>
 
                                 <!-- 电子钱包地址输入 -->
-                                <uni-col :span="24"
+                                <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')"
@@ -98,19 +98,19 @@
                                             :disabled="!ruleForm.bankBlockchain.length" />
                                     </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.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="8" :xl="8"
+                                <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="8" :xl="8"
+                                <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">
@@ -173,25 +173,25 @@
                                             :placeholder="t('placeholder.choose')" @change="chooseBank" />
                                     </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.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="8" :xl="8"
+                                <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="8" :xl="8"
+                                <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="8" :xl="8"
+                                <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" />
@@ -205,25 +205,25 @@
                                             :placeholder="t('placeholder.choose')" @change="chooseBank" />
                                     </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.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="8" :xl="8"
+                                <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="8" :xl="8"
+                                <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="8" :xl="8"
+                                <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" />
@@ -237,43 +237,43 @@
                                             :placeholder="t('placeholder.choose')" @change="chooseBank" />
                                     </uni-forms-item>
                                 </uni-col>
-                                <uni-col :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8"
+                                <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" />
@@ -286,13 +286,13 @@
                                         <text>{{ t('Custom.Withdraw.Title3') }}</text>
                                     </view>
                                 </uni-col>
-                                <uni-col :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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 :span="8" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                                <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"
@@ -301,15 +301,14 @@
                                 </uni-col>
 
                                 <!-- 非电汇的金额区域 -->
-                                <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8"
-                                    v-if="channelData.type != 'BANK_TELEGRAPHIC' && isStep3">
+                                <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' && isStep3">
                                     <uni-forms-item name="amount" :error-message="amountErrorMessage">
-                                        <template #label>
-                                            <view class="tit">
-                                                <text>{{ t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'
-                                                    }}</text>
-                                            </view>
-                                        </template>
                                         <uni-easyinput v-model.trim="form.amount" autocomplete="off" type="number"
                                             @blur="validateAmount" />
                                     </uni-forms-item>
@@ -477,8 +476,24 @@ const formRef = ref(null)
 const form = reactive({
     currency: "USD",
     amount: "",
+    bankCode: '',           // 银行代码(普通银行通道选择)
+    address: '',           // 电子钱包地址 / 数字货币地址(输入/展示)
+    addressName: '',       // 数字货币地址名称(展示)
+    addressProve: '',      // 数字货币地址证明文件路径(仅展示))
+    bankUname: '',         // 持卡人姓名
+    bankCardNum: '',       // 银行卡号
+    bankName: '',          // 银行名称
+    bankBranchName: '',    // 支行名称
+    swiftCode: '',         // SWIFT代码
+    customBankCode: '',    // 自定义银行代码
+    bankAddr: '',          // 银行地址
+    agencyNo: '',          // 代理机构编号(电汇专用,可编辑)
+    cpf: '',               // CPF号码(电汇专用,可编辑)
+    cvv: '',               // CVV码(电汇专用,可编辑)
+    expiryYearMonth: '',   // 过期年(电汇专用,可编辑)
     agree2: false,
     agree3: false,
+
 })
 const mAmount = reactive({
     minAmount: "",
@@ -526,10 +541,26 @@ const resetForm = async () => {
     params.bankBack = ""
     params.defaultBank = false
     form.amount = ""
+    form.amount1 = ""
+    form.bankCode = ""
+    form.address = ""
+    form.addressName = ""
+    form.addressProve = ""
+    form.bankUname = ""
+    form.bankCardNum = ""
+    form.swiftCode = ""
+    form.customBankCode = ""
+    form.bankAddr = ""
+    form.agencyNo = ""
+    form.bankName = ""
+    form.cpf = ""
+    form.bankBranchName = ""
+    form.cpf = ""
+    form.cvv = ""
+    form.expiryYearMonth = ""
     form.agree2 = false
     form.agree3 = false
     amountErrorMessage.value = ""
-    submitting.value = false
     flag.value = false
     loginValue.value = ""
     dialogCheck.value = false
@@ -1616,8 +1647,8 @@ watch(() => form.amount, (newVal) => {
             }
 
             .uni-forms-item {
-                min-height: px2rpx(79);
-                margin-bottom: px2rpx(10);
+                min-height: px2rpx(36);
+                margin-bottom: px2rpx(28);
             }
 
             .uni-select,