zhb 1 mês atrás
pai
commit
df6a1225f7

+ 1 - 0
locale/ar.json

@@ -693,6 +693,7 @@
     "item4": "تنزيل ويندوز",
     "item5": "يتضمن حساب تجريبي مجاني",
     "item6": "تنزيل ماك",
+    "item6-1": "تنزيل",
     "item7": "MetaTrader 4 على أجهزة أخرى",
     "item8": "تنزيل",
     "item9": "CWG MT4",

+ 1 - 0
locale/cn.json

@@ -744,6 +744,7 @@
     "item4-1": "Windows 免安装下载",
     "item5": "包括免费模拟账户",
     "item6": "Mac 下载",
+    "item6-1": "下载",
     "item7": "其他设备上的MetaTrader 4",
     "item8": "下载适用于",
     "item9": "Android的MT4",

+ 1 - 0
locale/de.json

@@ -693,6 +693,7 @@
     "item4": "Windows HERUNTERLADEN",
     "item5": "Beinhaltet ein kostenloses Demokonto",
     "item6": "Mac HERUNTERLADEN",
+    "item6-1": "HERUNTERLADEN",
     "item7": "MetaTrader 4 auf anderen Geräten",
     "item8": "Herunterladen",
     "item9": "CWG MT4",

+ 1 - 0
locale/en.json

@@ -727,6 +727,7 @@
     "item4-1": "Windows Installation Free DOWNLOAD",
     "item5": "Includes Free Demo Account",
     "item6": "Mac DOWNLOAD",
+    "item6-1": "DOWNLOAD",
     "item7": "MetaTrader 4 on Other Devices",
     "item8": "Download",
     "item9": "CWG MT4",

+ 1 - 0
locale/es.json

@@ -693,6 +693,7 @@
     "item4": "DESCARGA para Windows ·",
     "item5": "Incluye Cuenta Demo Gratuita",
     "item6": "DESCARGA para Mac",
+    "item6-1": "DESCARGA",
     "item7": "MetaTrader 4 en Otros Dispositivos",
     "item8": "Descargar",
     "item9": "CWG MT4",

+ 1 - 0
locale/fa.json

@@ -693,6 +693,7 @@
     "item4": "دانلود برای ویندوز",
     "item5": "شامل حساب آزمایشی رایگان است",
     "item6": "دانلود برای مک",
+    "item6-1": "دانلود",
     "item7": "MetaTrader 4 بر روی دستگاه‌های دیگر",
     "item8": "دانلود",
     "item9": "CWG MT4",

+ 1 - 0
locale/id.json

@@ -644,6 +644,7 @@
     "item4": "UNDUH Windows",
     "item5": "Termasuk Akun Demo Gratis",
     "item6": "UNDUH Mac",
+    "item6-1": "UNDUH",
     "item7": "MetaTrader 4 di Perangkat Lain",
     "item8": "Unduh",
     "item9": "CWG MT4",

+ 1 - 0
locale/ko.json

@@ -693,6 +693,7 @@
     "item4": "윈도우 다운로드",
     "item5": "무료 데모 계정 포함",
     "item6": "맥 다운로드",
+    "item6-1": "다운로드",
     "item7": "다른 장치의 MetaTrader 4",
     "item8": "다운로드",
     "item9": "CWG MT4",

+ 1 - 0
locale/ms.json

@@ -693,6 +693,7 @@
     "item4": "MUAT TURUN Windows",
     "item5": "Termasuk Akaun Demo Percuma",
     "item6": "MUAT TURUN Mac",
+    "item6-1": "MUAT TURUN",
     "item7": "MetaTrader 4 pada Peranti Lain",
     "item8": "Muat Turun",
     "item9": "CWG MT4",

+ 1 - 0
locale/pt.json

@@ -693,6 +693,7 @@
     "item4": "BAIXAR para Windows",
     "item5": "Inclui conta de demonstração gratuita",
     "item6": "BAIXAR para Mac",
+    "item6-1": "BAIXAR",
     "item7": "MetaTrader 4 em outros dispositivos",
     "item8": "Baixar",
     "item9": "CWG MT4",

+ 1 - 0
locale/th.json

@@ -693,6 +693,7 @@
     "item4": "ดาวน์โหลด Windows",
     "item5": "รวมบัญชีทดลองใช้ฟรี",
     "item6": "ดาวน์โหลด Mac",
+    "item6-1": "ดาวน์โหลด",
     "item7": "MetaTrader 4 บนอุปกรณ์อื่น ๆ",
     "item8": "ดาวน์โหลด",
     "item9": "CWG MT4",

+ 1 - 0
locale/tr.json

@@ -693,6 +693,7 @@
     "item4": "Windows İNDİR",
     "item5": "Ücretsiz Demo Hesap İçerir",
     "item6": "Mac İNDİR",
+    "item6-1": "İNDİR",
     "item7": "Diğer Cihazlar İçin MetaTrader 4",
     "item8": "İndir",
     "item9": "CWG MT4",

+ 1 - 0
locale/vn.json

@@ -693,6 +693,7 @@
     "item4": "Windows DOWNLOAD",
     "item5": "Includes Free Demo Account",
     "item6": "Mac DOWNLOAD",
+    "item6-1": "DOWNLOAD",
     "item7": "MetaTrader 4 on Other Devices",
     "item8": "Download",
     "item9": "CWG MT4",

+ 1 - 0
locale/zhHant.json

@@ -694,6 +694,7 @@
     "item4-1": "Windows 免安装下载",
     "item5": "包括免費模擬賬戶",
     "item6": "Mac 下載",
+    "item6-1": "下載",
     "item7": "其他設備上的MetaTrader 4",
     "item8": "下載適用於",
     "item9": "Android的MT4",

+ 106 - 52
pages/customer/components/PaymentMethodsList.vue

@@ -1,5 +1,54 @@
 <template>
-  <view class="payment-list">
+  <view class="row">
+    <view class="col-lg-3 col-sm-12" v-for="item in list" :key="item.id" :class="{ disabled: item.disabled }">
+      <view class="card">
+        <view class="card-header d-flex justify-content-between align-items-center">
+          <h4 class="card-title mb-0">{{ item.name }}</h4>
+        </view>
+        <view class="card-body">
+          <image class="img-fluid mb-3" :src="imgUrl + item.icon" mode="widthFix" />
+          <!-- <image src="/static/images/vu/pay-3.jpg" class="img-fluid mb-3" mode="widthFix" /> -->
+          <view v-if="item.payTypeTags && item.payTypeTags.length > 0" class="pay-box">
+            <view class="carousel-box">
+              <!-- 超过3个:轮播 -->
+              <view v-if="item.payTypeTags.length > 3" class="carousel-track carousel-animate">
+                <view v-for="(icon, index) in item.payTypeTags" :key="index" class="pay-icon-container">
+                  <image class="pay-icon" :src="imgUrl + icon" mode="widthFix" />
+                </view>
+                <view v-for="(icon, index) in item.payTypeTags" :key="`copy-${index}`" class="pay-icon-container">
+                  <image class="pay-icon" :src="imgUrl + icon" mode="widthFix" />
+                </view>
+              </view>
+
+              <!-- 小于等于3个:不轮播 -->
+              <view v-else class="carousel-track">
+                <view v-for="(icon, index) in item.payTypeTags" :key="index" class="pay-icon-container">
+                  <image class="pay-icon" :src="imgUrl + icon" mode="widthFix" />
+                </view>
+              </view>
+            </view>
+          </view>
+          <view class="mb-3"> <span class="mb-1" v-t="'Label.ProcessingTime'" />
+            <p class="text-dark fw-semibold mb-0">{{ item.fundingTime || '--' }}</p>
+          </view>
+          <view class="mb-3"> <span class="mb-1" v-t="'Label.Fee'" />
+            <p class="text-dark fw-semibold mb-0">
+              <text v-if="item.feeType == 1">{{ item.free != null ? item.free + '%' : '-' }}</text>
+              <text v-else-if="item.feeType == 2">${{ item.feeAmount != null ? item.feeAmount : '0'
+                }}</text>
+              <text v-else>{{ item.free != null ? item.free + '%' : '-' }}</text>
+            </p>
+          </view>
+          <view class="mb-3"> <span class="mb-1" v-t="'vu.item8'" />
+            <p class="text-dark fw-semibold mb-0">{{ item.minAmount }}-{{ item.maxAmount }} {{ item.currency }}</p>
+          </view>
+          <button @click="handleClick(item)" class="btn btn-dark w-100 waves-effect waves-light"><i
+              class="fi fi-rs-check"></i> <text v-t="'Btn.item13'" /></button>
+        </view>
+      </view>
+    </view>
+  </view>
+  <!-- <view class="payment-list">
     <view v-for="item in list" :key="item.id" class="payment-card" :class="{ disabled: item.disabled }"
       @click="handleClick(item)">
       <view class="icon-wrapper">
@@ -10,7 +59,7 @@
           <text class="title">{{ item.name }}</text>
           <view v-if="item.payTypeTags && item.payTypeTags.length > 0" class="pay-box">
             <view class="carousel-box">
-              <!-- 超过3个:轮播 -->
+              超过3个:轮播
               <view v-if="item.payTypeTags.length > 3" class="carousel-track carousel-animate">
                 <view v-for="(icon, index) in item.payTypeTags" :key="index" class="pay-icon-container">
                   <image class="pay-icon" :src="imgUrl + icon" mode="widthFix" />
@@ -20,7 +69,7 @@
                 </view>
               </view>
 
-              <!-- 小于等于3个:不轮播 -->
+              小于等于3个:不轮播
               <view v-else class="carousel-track">
                 <view v-for="(icon, index) in item.payTypeTags" :key="index" class="pay-icon-container">
                   <image class="pay-icon" :src="imgUrl + icon" mode="widthFix" />
@@ -38,7 +87,7 @@
             <text class="info-label" v-t="'Label.Fee'" />
             <text class="info-value" v-if="item.feeType == 1">{{ item.free != null ? item.free + '%' : '-' }}</text>
             <text class="info-value" v-else-if="item.feeType == 2">${{ item.feeAmount != null ? item.feeAmount : '0'
-            }}</text>
+              }}</text>
             <text class="info-value" v-else>{{ item.free != null ? item.free + '%' : '-' }}</text>
           </view>
           <view class="info-item">
@@ -48,7 +97,7 @@
         </view>
       </view>
     </view>
-  </view>
+  </view> -->
 </template>
 
 <script setup>
@@ -144,55 +193,8 @@ const handleClick = (item) => {
         margin-right: px2rpx(12);
       }
 
-      .pay-box {
-        width: px2rpx(32 * 3 + 8 * 2);
-        flex-shrink: 0;
-        overflow: hidden;
-      }
-
-      .carousel-box {
-        width: 100%;
-        overflow: hidden;
-      }
-
-      .carousel-track {
-        display: flex;
-        gap: px2rpx(8);
-        width: max-content;
-      }
-
-      // 只有超过3个才加动画
-      .carousel-animate {
-        animation: carousel 8s linear infinite;
-      }
-
-      @keyframes carousel {
-        0% {
-          transform: translateX(0);
-        }
 
-        100% {
-          transform: translateX(-50%);
-        }
-      }
-
-      .pay-icon-container {
-        width: px2rpx(32);
-        height: px2rpx(32);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: var(--color-zinc-50, #f9f9f9);
-        border-radius: px2rpx(6);
-        border: 1px solid var(--color-zinc-100, #f3f4f6);
-        flex-shrink: 0;
-      }
 
-      .pay-icon {
-        width: px2rpx(20);
-        height: px2rpx(20);
-        object-fit: contain;
-      }
     }
 
     .info-list {
@@ -225,6 +227,58 @@ const handleClick = (item) => {
   }
 }
 
+.pay-box {
+  width: px2rpx(60 * 3 + 8 * 2);
+  flex-shrink: 0;
+  overflow: hidden;
+  margin: px2rpx(12) 0;
+
+  .carousel-box {
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .carousel-track {
+    display: flex;
+    gap: px2rpx(8);
+    width: max-content;
+  }
+
+  // 只有超过3个才加动画
+  .carousel-animate {
+    animation: carousel 8s linear infinite;
+  }
+
+  @keyframes carousel {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(-50%);
+    }
+  }
+
+  .pay-icon-container {
+    width: px2rpx(60);
+    height: px2rpx(60);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    // background-color: var(--color-zinc-50, #f9f9f9);
+    // border-radius: px2rpx(6);
+    // border: 1px solid var(--color-zinc-100, #f3f4f6);
+    flex-shrink: 0;
+    overflow: hidden;
+  }
+
+  .pay-icon {
+    width: px2rpx(60);
+    height: px2rpx(60);
+    object-fit: contain;
+  }
+}
+
 /* 移动端适配 */
 @media screen and (max-width: 768px) {
   .payment-list {

+ 434 - 366
pages/customer/deposit-select.vue

@@ -1,424 +1,492 @@
 <template>
     <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
-        <cwg-header :title="t('Home.page_customer.item2')" />
-        <view class="custom-deposit">
-            <!-- 步骤1:选择账户 -->
-            <view class="box box-step1">
-                <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 class="container">
+            <view class="row">
+                <view class="col-12">
+                    <view class="border-0 card-header">
+                        <view class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                            <h3 class="mb-0" v-t="'Home.page_customer.item2'" />
+                        </view>
                     </view>
                 </view>
-            </view>
-            <!-- 步骤2:支付通道列表(卡片布局) -->
-            <view class="box box-step2" 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>
-                        <uni-loading v-if="currentTableData.length == 0" />
-                        <template v-if="currentTableData.length">
-                            <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab" :tabs="tabsConfig" />
-                            <view>
-                                <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
+                <view class="col-lg-12">
+                    <view class="clearfix">
+                        <view class="card">
+                            <view class="card-header">
+                                <view class="col-12 mb-5">
+                                    <view
+                                        class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                                        <h5 class="mb-0" v-t="'Custom.Deposit.Title1'" />
+                                    </view>
+                                    <cwg-combox :clearable="false" v-model:value="loginValue"
+                                        :options="loginComboxOptions" :placeholder="t('placeholder.choose')" />
+                                </view>
+                                <uni-loading v-if="step2 && currentTableData.length == 0" />
+                                <template v-if="step2 && currentTableData.length > 0">
+                                    <view class="col-12 mb-5">
+                                        <view
+                                            class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                                            <h5 class="mb-0" v-t="'Custom.Deposit.Title2'" />
+                                        </view>
+                                    </view>
+                                    <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab"
+                                        :tabs="tabsConfig" />
+                                </template>
+                            </view>
+                            <view class="card-body" v-if="step2 && currentTableData.length > 0">
+                                <view class="tab-content">
+                                    <view>
+                                        <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
+                                    </view>
+                                </view>
                             </view>
-                        </template>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
+        <template v-if="step5">
+            <cwg-header :title="t('Home.page_customer.item2')" />
+            <view class="custom-deposit">
+                <!-- 步骤1:选择账户 -->
+                <view class="box box-step1">
+                    <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 box-step2" 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>
+                            <uni-loading v-if="currentTableData.length == 0" />
+                            <template v-if="currentTableData.length">
+                                <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab" :tabs="tabsConfig" />
+                                <view>
+                                    <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
+                                </view>
+                            </template>
 
-                        <!-- <view v-if="step3" class="reselect-btn">
+                            <!-- <view v-if="step3" class="reselect-btn">
                             <button class="s-btn reselect" type="primary" @click="showTable">{{
                                 t('Custom.Deposit.Reselect') }}</button>
                         </view> -->
+                        </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>
-                                    <cwg-rich-text class="attention"
-                                        :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
 
+                <!-- 步骤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>
+                                        <cwg-rich-text class="attention"
+                                            :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
+
+                                    </view>
                                 </view>
-                            </view>
-                            <view class="btn-bottom">
-                                <text class="btn crm-cursor" @click="isStep3Open()">{{ t('Btn.Confirm')
+                                <view class="btn-bottom">
+                                    <text class="btn crm-cursor" @click="isStep3Open()">{{ t('Btn.Confirm')
                                     }}</text>
-                            </view>
+                                </view>
 
-                        </view>
+                            </view>
 
-                        <!-- 表单(确认后显示) -->
-                        <uni-forms v-if="isStep3" ref="formRef" :model="params" :rules="rules" label-position="top"
-                            validate-trigger="submit" :label-width="300" class="base-info-form">
-                            <uni-row class="demo-uni-row uni-row1">
-                                <!-- 信用卡选择区域 -->
-                                <template v-if="isStep3 && channelData.confirmCreditCard == 1">
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <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>
+                            <!-- 表单(确认后显示) -->
+                            <uni-forms v-if="isStep3" ref="formRef" :model="params" :rules="rules" label-position="top"
+                                validate-trigger="submit" :label-width="300" class="base-info-form">
+                                <uni-row class="demo-uni-row uni-row1">
+                                    <!-- 信用卡选择区域 -->
+                                    <template v-if="isStep3 && channelData.confirmCreditCard == 1">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <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>
-                                    </uni-col>
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <uni-forms-item>
-                                            <cwg-combox :clearable="false" v-model:value="myId"
-                                                :options="creditCardOptions" :placeholder="t('placeholder.choose')"
-                                                @change="selectCode" />
-                                        </uni-forms-item>
-                                    </uni-col>
-                                </template>
+                                        </uni-col>
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <uni-forms-item>
+                                                <cwg-combox :clearable="false" v-model:value="myId"
+                                                    :options="creditCardOptions" :placeholder="t('placeholder.choose')"
+                                                    @change="selectCode" />
+                                            </uni-forms-item>
+                                        </uni-col>
+                                    </template>
 
 
-                                <!-- 银行选择(如有) -->
-                                <template v-if="isStep3 && bankOptions.length">
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <text class="tit"><text class="iconfont icon-caret-right"></text>{{
-                                            t('news_add_field.Label.Title4')
+                                    <!-- 银行选择(如有) -->
+                                    <template v-if="isStep3 && bankOptions.length">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <text class="tit"><text class="iconfont icon-caret-right"></text>{{
+                                                t('news_add_field.Label.Title4')
                                             }}</text>
-                                    </uni-col>
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <uni-forms-item>
-                                            <cwg-combox :clearable="false" v-model:value="code" :options="bankOptions"
-                                                :placeholder="t('placeholder.choose')" @change="selectCode" />
-                                        </uni-forms-item>
-                                    </uni-col>
-                                </template>
-                                <!-- 特别提示(B2BINPAY) -->
-                                <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                                    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>
-                                </uni-col>
-
-                                <!-- 电汇信息展示 -->
-                                <template
-                                    v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <text class="tit"><text class="iconfont icon-caret-right"></text>{{
-                                            t('Custom.Deposit.Title5') }}</text>
-                                    </uni-col>
-
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <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>
-                                    </uni-col>
-                                </template>
-
-
-                                <!-- 数字货币信息展示 -->
-                                <template
-                                    v-if="isStep3 && channelData.code && channelData.code.indexOf('DIGITAL_PAY_TYPE_KEY') === 0">
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <text class="tit"><text class="iconfont icon-caret-right"></text>{{
-                                            t('Custom.Deposit.DigitalAcc') }}</text>
-                                    </uni-col>
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <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>
-                                    </uni-col>
-                                </template>
-
-
-                                <!-- 表单区域(含金额、预估金额、上传凭证、优惠码) -->
-                                <template v-if="isStep3">
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-                                        <text class="tit"><text class="iconfont icon-caret-right"></text>{{
-                                            t('Custom.Deposit.Title3') }}</text>
-                                    </uni-col>
-                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-loading="pictLoadingImg">
-
-                                        <!-- 金额输入 -->
-                                        <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
-                                            <uni-forms-item
-                                                :label="t('Custom.Deposit.Title3') + '(' + channelData.currency + ')'"
-                                                name="amount" :error-message="amountErrorMessage">
-                                                <uni-easyinput type="number" v-model="params.amount"
-                                                    :placeholder="t('placeholder.input')" @blur="validateAmount" />
-                                            </uni-forms-item>
                                         </uni-col>
-
-                                        <!-- 预估金额(若有汇率) -->
-                                        <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="channelData.rate">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                                             <uni-forms-item>
-                                                <template #label>
-                                                    <view class="label-with-icon">
-                                                        <text>{{ t('Custom.Deposit.EstimatedAmount') + '(' +
-                                                            channelData.transformCurrency + ')' }}</text>
-                                                        <uni-tooltip placement="top">
-                                                            <view class="item">?</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>
-                                        </uni-col>
-                                        <!-- 优惠码 -->
-                                        <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
-                                            <uni-forms-item name="promoCode">
-                                                <template #label>
-                                                    <view class="label-with-icon">
-                                                        <text>{{ t('Custom.Deposit.PromoCode') }}</text>
-                                                        <uni-tooltip placement="top">
-                                                            <view class="item">?</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')" />
+                                                <cwg-combox :clearable="false" v-model:value="code"
+                                                    :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" v-if="
-                                            channelData.code == 'UNION_PAY_TELEGRAPHIC' ||
-                                            channelData.code == 'UNION_PAY_TELEGRAPHIC_SPECIAL' ||
-                                            channelData.code && channelData.code.indexOf('DIGITAL_PAY_TYPE_KEY') === 0 ||
-                                            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"
-                                                    :baseUrl="Host80" />
-                                            </uni-forms-item>
+                                    </template>
+                                    <!-- 特别提示(B2BINPAY) -->
+                                    <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                        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>
+                                    </uni-col>
+
+                                    <!-- 电汇信息展示 -->
+                                    <template
+                                        v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <text class="tit"><text class="iconfont icon-caret-right"></text>{{
+                                                t('Custom.Deposit.Title5') }}</text>
                                         </uni-col>
 
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <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>
+                                        </uni-col>
+                                    </template>
 
 
-                                        <!-- 电汇提示 -->
-                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                                            v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
-                                            <text>{{ t('Custom.Deposit.Tips') }}</text>
+                                    <!-- 数字货币信息展示 -->
+                                    <template
+                                        v-if="isStep3 && channelData.code && channelData.code.indexOf('DIGITAL_PAY_TYPE_KEY') === 0">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <text class="tit"><text class="iconfont icon-caret-right"></text>{{
+                                                t('Custom.Deposit.DigitalAcc') }}</text>
                                         </uni-col>
-
-                                        <!-- ========== 赠金活动部分 ========== -->
-                                        <!-- 10%赠金(年中赠金) -->
-                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" 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>
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <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>
-                                            </uni-forms-item>
-
+                                            </view>
                                         </uni-col>
+                                    </template>
 
-                                        <!-- 20%赠金(年中赠金) -->
-                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" 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>
 
+                                    <!-- 表单区域(含金额、预估金额、上传凭证、优惠码) -->
+                                    <template v-if="isStep3">
+                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                                            <text class="tit"><text class="iconfont icon-caret-right"></text>{{
+                                                t('Custom.Deposit.Title3') }}</text>
                                         </uni-col>
-
-                                        <!-- 赠送活动(动态) -->
                                         <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                                            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>
+                                            v-loading="pictLoadingImg">
+
+                                            <!-- 金额输入 -->
+                                            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+                                                <uni-forms-item
+                                                    :label="t('Custom.Deposit.Title3') + '(' + channelData.currency + ')'"
+                                                    name="amount" :error-message="amountErrorMessage">
+                                                    <uni-easyinput type="number" v-model="params.amount"
+                                                        :placeholder="t('placeholder.input')" @blur="validateAmount" />
+                                                </uni-forms-item>
+                                            </uni-col>
+
+                                            <!-- 预估金额(若有汇率) -->
+                                            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="channelData.rate">
+                                                <uni-forms-item>
+                                                    <template #label>
+                                                        <view class="label-with-icon">
+                                                            <text>{{ t('Custom.Deposit.EstimatedAmount') + '(' +
+                                                                channelData.transformCurrency + ')' }}</text>
+                                                            <uni-tooltip placement="top">
+                                                                <view class="item">?</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>
+                                            </uni-col>
+                                            <!-- 优惠码 -->
+                                            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+                                                <uni-forms-item name="promoCode">
+                                                    <template #label>
+                                                        <view class="label-with-icon">
+                                                            <text>{{ t('Custom.Deposit.PromoCode') }}</text>
+                                                            <uni-tooltip placement="top">
+                                                                <view class="item">?</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>
+                                            </uni-col>
+                                            <!-- 上传汇款凭证(特定渠道) -->
+                                            <uni-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" v-if="
+                                                channelData.code == 'UNION_PAY_TELEGRAPHIC' ||
+                                                channelData.code == 'UNION_PAY_TELEGRAPHIC_SPECIAL' ||
+                                                channelData.code && channelData.code.indexOf('DIGITAL_PAY_TYPE_KEY') === 0 ||
+                                                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" :baseUrl="Host80" />
+                                                </uni-forms-item>
+                                            </uni-col>
 
-                                        </uni-col>
 
-                                        <!-- 20%赠金申请(特定账户类型) -->
-                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                                            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>
 
-                                        </uni-col>
+                                            <!-- 电汇提示 -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                                v-if="isStep3 && ['UNION_PAY_TELEGRAPHIC', 'UNION_PAY_TELEGRAPHIC_SPECIAL', 'UNION_PAY_TELEGRAPHIC_TWO'].includes(channelData.code)">
+                                                <text>{{ t('Custom.Deposit.Tips') }}</text>
+                                            </uni-col>
 
-                                        <!-- 普通10%赠金(非年中、非特定账户) -->
-                                        <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                                            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>
+                                            <!-- ========== 赠金活动部分 ========== -->
+                                            <!-- 10%赠金(年中赠金) -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" 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('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>
+                                                        <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>
 
-                                            </template>
-                                            <template
-                                                v-else-if="!isSupportedCountry && ACCType != 8 && !isAfterSeptember30()">
-                                                <uni-forms-item class="agree" name="agree2">
+                                            </uni-col>
+
+                                            <!-- 20%赠金(年中赠金) -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                                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>
+
+                                            </uni-col>
+
+                                            <!-- 赠送活动(动态) -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                                v-if="tableDataNewListFlag">
+                                                <uni-forms-item class="agree" name="agree6">
                                                     <label>
-                                                        <checkbox :checked="params.agree2"
-                                                            @click="params.agree2 = !params.agree2" />
-                                                        <text>{{ t('news_add_field1.deposit.item1') }}</text>
+                                                        <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('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>
+                                                        <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>
 
-                                            </template>
+                                            </uni-col>
+
+                                            <!-- 20%赠金申请(特定账户类型) -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                                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>
+
+                                            </uni-col>
+
+                                            <!-- 普通10%赠金(非年中、非特定账户) -->
+                                            <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                                                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>
+                                            </uni-col>
                                         </uni-col>
-                                    </uni-col>
-                                </template>
+                                    </template>
 
-                            </uni-row>
-                            <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit') }}</button>
-                        </uni-forms>
+                                </uni-row>
+                                <button class="s-btn" type="primary" @click="submitConfirm">{{ t('Btn.Submit')
+                                }}</button>
+                            </uni-forms>
+                        </view>
                     </view>
                 </view>
+                <!-- 不参加活动弹出框 -->
+                <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true"
+                    @confirm="tosubmitConfirm" />
+                <!-- 新年24用户提示弹窗 -->
+                <NewYear24Popup v-model:visible="tableDataNewYear24Flag" />
+                <!-- 越南用户提示弹窗 -->
+                <VietnamNoticePopup v-model:visible="dialogVietnamNotice" />
+                <!-- 提交后确认弹窗 -->
+                <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item2')"
+                    :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="params"
+                    :userName="userName" :login="loginValue" :loginDoc="loginValueDoc" @confirm="submit" />
+                <!--提交后的弹出框-->
+                <CheckPopup v-model:visible="dialogCheckSuccess" :goPayLink="goPayLink" @close="closeDia" />
+                <!-- 提交后失败弹窗 -->
+                <cwg-error-popup v-model:visible="dialogCheckError" :responseMessage="RES" />
+                <!-- 最后失败弹窗 -->
+                <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
+                <!-- 最后成功弹窗 -->
+                <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
+                <!-- 等待弹窗 -->
+                <cwg-wait-popup v-model:visible="dialogCheckWait" :showFooters="false" />
+                <!-- 赠金协议 -->
+                <ClausePopup v-model:visible="dialogClause" country="CN" :isGuoQin="isGuoQin" />
+                <!-- 赠金协议20 -->
+                <Clause20Popup v-model:visible="dialogClause1" />
+                <!--  赠金协议10年中 -->
+                <ClauseNZPopup v-model:visible="dialogClauseNZ" :title="t('news_add_field1.activitiesNZ.item6')"
+                    :startDate="tableData4.applicationStartTime" :endDate="tableData4.applicationEndTime" />
+                <!-- 赠金协议20年中 -->
+                <ClauseNZTwoPopup v-model:visible="dialogClauseNZTwo"
+                    :title="t('news_add_field1.activitiesNZTwo.item6')" :startDate="tableData4Two.applicationStartTime"
+                    :endDate="tableData4Two.applicationEndTime" />
+                <!-- 赠送活动详情-协议 -->
+                <ClauseNewListPopup v-model:visible="dialogClauseNewList" :content="tableDataNewList.content"
+                    :title="tableDataNewList.title" />
+                <!--提交后完成弹出框-->
+                <ChinaUnionPayPopup v-model:visible="dialogChinaUnionPay" />
+                <!-- 重新提交弹窗 -->
+                <DealResultPopup v-model:visible="dialogDealResult" :responseMessage="responseMessage"
+                    :title="dialogDealResultTitle" :initialData="dialogDealResult_form" :type="DealResultType"
+                    @confirm="submitDealResult" />
+                <!-- KYC成功弹窗 -->
+                <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
             </view>
-            <!-- 不参加活动弹出框 -->
-            <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
-            <!-- 新年24用户提示弹窗 -->
-            <NewYear24Popup v-model:visible="tableDataNewYear24Flag" />
-            <!-- 越南用户提示弹窗 -->
-            <VietnamNoticePopup v-model:visible="dialogVietnamNotice" />
-            <!-- 提交后确认弹窗 -->
-            <cwg-check-confirm-popup v-model:visible="dialogCheckConfirm" :title="t('Home.page_customer.item2')"
-                :channelData="channelData" :code="code" :selectCodes="selectCodes" :params="params" :userName="userName"
-                :login="loginValue" :loginDoc="loginValueDoc" @confirm="submit" />
-            <!--提交后的弹出框-->
-            <CheckPopup v-model:visible="dialogCheckSuccess" :goPayLink="goPayLink" @close="closeDia" />
-            <!-- 提交后失败弹窗 -->
-            <cwg-error-popup v-model:visible="dialogCheckError" :responseMessage="RES" />
-            <!-- 最后失败弹窗 -->
-            <cwg-error-popup v-model:visible="dialogError" @confirm="closeDia" :responseMessage="RES" />
-            <!-- 最后成功弹窗 -->
-            <cwg-success-popup v-model:visible="dialogSuccess" @confirm="closeDia" />
-            <!-- 等待弹窗 -->
-            <cwg-wait-popup v-model:visible="dialogCheckWait" :showFooters="false" />
-            <!-- 赠金协议 -->
-            <ClausePopup v-model:visible="dialogClause" country="CN" :isGuoQin="isGuoQin" />
-            <!-- 赠金协议20 -->
-            <Clause20Popup v-model:visible="dialogClause1" />
-            <!--  赠金协议10年中 -->
-            <ClauseNZPopup v-model:visible="dialogClauseNZ" :title="t('news_add_field1.activitiesNZ.item6')"
-                :startDate="tableData4.applicationStartTime" :endDate="tableData4.applicationEndTime" />
-            <!-- 赠金协议20年中 -->
-            <ClauseNZTwoPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
-                :startDate="tableData4Two.applicationStartTime" :endDate="tableData4Two.applicationEndTime" />
-            <!-- 赠送活动详情-协议 -->
-            <ClauseNewListPopup v-model:visible="dialogClauseNewList" :content="tableDataNewList.content"
-                :title="tableDataNewList.title" />
-            <!--提交后完成弹出框-->
-            <ChinaUnionPayPopup v-model:visible="dialogChinaUnionPay" />
-            <!-- 重新提交弹窗 -->
-            <DealResultPopup v-model:visible="dialogDealResult" :responseMessage="responseMessage"
-                :title="dialogDealResultTitle" :initialData="dialogDealResult_form" :type="DealResultType"
-                @confirm="submitDealResult" />
-            <!-- KYC成功弹窗 -->
-            <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
-        </view>
+        </template>
     </cwg-page-wrapper>
 </template>
 

+ 359 - 313
pages/customer/withdrawal-select.vue

@@ -1,354 +1,400 @@
 <template>
   <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
-    <cwg-header :title="t('Home.page_customer.item3')" />
-    <view class="custom-withdraw">
-      <!-- 步骤1:选择账户 -->
-      <view class="box box-step1">
-        <view class="b-card">
-          <view class="card-top">
-            <text class="tit"><text class="iconfont icon-caret-right"></text>{{ t('Custom.Deposit.Title11') }}</text>
-            <view class="base-info-form">
-              <view class="uni-row2">
-                <cwg-combox :clearable="false" v-model:value="loginValue" :options="loginComboxOptions"
-                  :placeholder="t('placeholder.choose')" @change="onAccountChange" />
+    <view class="container">
+      <view class="row">
+        <view class="col-12">
+          <view class="border-0 card-header">
+            <view class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+              <h3 class="mb-0" v-t="'Home.page_customer.item3'" />
+            </view>
+          </view>
+        </view>
+        <view class="col-lg-12">
+          <view class="clearfix">
+            <view class="card">
+              <view class="card-header">
+                <view class="col-12 mb-5">
+                  <view class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                    <h5 class="mb-0" v-t="'Custom.Deposit.Title11'" />
+                  </view>
+                  <cwg-combox :clearable="false" v-model:value="loginValue" :options="loginComboxOptions"
+                    :placeholder="t('placeholder.choose')" />
+                </view>
+                <uni-loading v-if="step2 && currentTableData.length == 0" />
+                <template v-if="step2 && currentTableData.length > 0">
+                  <view class="col-12 mb-5">
+                    <view class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                      <h5 class="mb-0" v-t="'Custom.Deposit.Title22'" />
+                    </view>
+                  </view>
+                  <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab" :tabs="tabsConfig" />
+                </template>
+              </view>
+              <view class="card-body" v-if="step2 && currentTableData.length > 0">
+                <view class="tab-content">
+                  <view>
+                    <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
+                  </view>
+                </view>
               </view>
             </view>
           </view>
         </view>
       </view>
-
-      <!-- 步骤2:支付通道列表 -->
-      <view class="box box-step2" v-if="step2">
-        <view class="b-card">
-          <view class="card-top">
-            <text class="tit"><text class="iconfont icon-caret-right"></text>{{ 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>
+    </view>
+    <template v-if="step5">
+      <cwg-header :title="t('Home.page_customer.item3')" />
+      <view class="custom-withdraw">
+        <!-- 步骤1:选择账户 -->
+        <view class="box box-step1">
+          <view class="b-card">
+            <view class="card-top">
+              <text class="tit"><text class="iconfont icon-caret-right"></text>{{ t('Custom.Deposit.Title11') }}</text>
+              <view class="base-info-form">
+                <view class="uni-row2">
+                  <cwg-combox :clearable="false" v-model:value="loginValue" :options="loginComboxOptions"
+                    :placeholder="t('placeholder.choose')" @change="onAccountChange" />
+                </view>
+              </view>
             </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">
-              {{ introduce.value }}
-              <view class="tips" v-if="(introduce.introduce || introduce.enIntroduce)">
-                <view>
-                  <cwg-rich-text class="attention" :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
-                </view>
+        <!-- 步骤2:支付通道列表 -->
+        <view class="box box-step2" v-if="step2">
+          <view class="b-card">
+            <view class="card-top">
+              <text class="tit"><text class="iconfont icon-caret-right"></text>{{ 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 class="btn-bottom">
-                <text class="btn crm-cursor" @click="isStep3 = true">{{ t('Btn.Confirm') }}</text>
+              <view v-if="step3" class="reselect-btn">
+                <button class="s-btn reselect" type="primary" @click="showTable">{{ t('Custom.Deposit.Reselect')
+                }}</button>
               </view>
             </view>
-            <!-- 表单 -->
-            <uni-forms ref="formRef" :model="form" :rules="rules" labelWidth="200" label-position="top" v-show="isStep3"
-              class="base-info-form" validate-trigger="submit">
-              <uni-row class="demo-uni-row uni-row1">
-                <!-- 银行选择(针对有银行列表的通道) -->
-                <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>
+          </view>
+        </view>
 
-                <!-- 电子钱包地址输入 -->
-                <uni-col :span="24"
-                  v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
-                  <view class="tit">
-                    <text>{{ getWalletLabel }}</text>
+        <!-- 步骤3:填写出金信息 -->
+        <view class="box box-step3" v-if="step3">
+          <view class="b-card">
+            <view class="card-top">
+              <!-- 注意事项 -->
+              <view v-if="!isStep3" class="step3-attention">
+                {{ introduce.value }}
+                <view class="tips" v-if="(introduce.introduce || introduce.enIntroduce)">
+                  <view>
+                    <cwg-rich-text class="attention" :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
                   </view>
-                </uni-col>
-                <!-- 电子钱包地址输入 -->
-                <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 name="address">
-                    <uni-easyinput :clearable="false" v-model="form.address" :placeholder="t('placeholder.input')" />
-                  </uni-forms-item>
-                </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>
+                <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" labelWidth="200" label-position="top"
+                v-show="isStep3" class="base-info-form" validate-trigger="submit">
+                <uni-row class="demo-uni-row uni-row1">
+                  <!-- 银行选择(针对有银行列表的通道) -->
+                  <uni-col :span="24" v-if="bankDate.length">
+                    <view class="tit">
+                      <text>{{ t('Custom.Withdraw.Title5') }}</text>
                     </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-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="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')">
-                          <cwg-link type="pdf1" :url="imgUrl + form.addressProve" target="_blank"
-                            class="state crm_state_blue">PDF</cwg-link>
-                        </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;">
+                  <!-- 电子钱包地址输入 -->
+                  <uni-col :span="24"
+                    v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
                     <view class="tit">
-
-                      <text>{{ t('Custom.Withdraw.Title4') }}</text>
+                      <text>{{ getWalletLabel }}</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>
-                </uni-col>
-                <!-- 银行卡/信用卡选择 -->
-                <uni-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
-                  v-if="['BANK', 'BANK_TELEGRAPHIC', 'CHANNEL_TYPE_CARD'].includes(channelData.type)">
-                  <uni-forms-item>
-                    <cwg-combox :clearable="false" v-model:value="myId" :options="bankCardOptions" @change="chooseBank"
-                      :placeholder="t('placeholder.choose')" />
-                  </uni-forms-item>
-                </uni-col>
-                <!-- 通用银行信息展示 -->
-                <template v-if="channelData.type == 'BANK'">
-                  <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="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="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="12" :xl="12">
-                    <uni-forms-item :label="t('Custom.Withdraw.bankBranchName')">
-                      <uni-easyinput disabled v-model="form.bankBranchName" />
-                    </uni-forms-item>
                   </uni-col>
-                </template>
-                <!-- 信用卡信息展示(针对有信用卡列表的通道) -->
-                <template v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
-                  <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="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="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="12" :xl="12">
-                    <uni-forms-item :label="t('PersonalManagement.Label.ExpirationYear')">
-                      <uni-easyinput disabled v-model="form.expiryYearMonth" />
-                    </uni-forms-item>
-                  </uni-col>
-                </template>
-                <!-- 银行电汇转账信息展示(针对有银行转账列表的通道) -->
-                <template v-if="channelData.type == 'BANK_TELEGRAPHIC'">
-                  <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="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="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="12" :xl="12">
-                    <uni-forms-item :label="t('Custom.Withdraw.swiftCode')">
-                      <uni-easyinput disabled v-model="form.swiftCode" />
+                  <!-- 电子钱包地址输入 -->
+                  <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 name="address">
+                      <uni-easyinput :clearable="false" v-model="form.address" :placeholder="t('placeholder.input')" />
                     </uni-forms-item>
                   </uni-col>
-                  <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>
+
+                  <!-- 数字货币选择(从已保存地址中选择) -->
+                  <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')">
+                            <cwg-link type="pdf1" :url="imgUrl + form.addressProve" target="_blank"
+                              class="state crm_state_blue">PDF</cwg-link>
+                          </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;">
+                      <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>
                   </uni-col>
-                  <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-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24"
+                    v-if="['BANK', 'BANK_TELEGRAPHIC', 'CHANNEL_TYPE_CARD'].includes(channelData.type)">
+                    <uni-forms-item>
+                      <cwg-combox :clearable="false" v-model:value="myId" :options="bankCardOptions"
+                        @change="chooseBank" :placeholder="t('placeholder.choose')" />
                     </uni-forms-item>
                   </uni-col>
-                  <uni-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-                    <uni-forms-item label="Account Agency NO" name="agencyNo"
+                  <!-- 通用银行信息展示 -->
+                  <template v-if="channelData.type == 'BANK'">
+                    <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="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="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="12" :xl="12">
+                      <uni-forms-item :label="t('Custom.Withdraw.bankBranchName')">
+                        <uni-easyinput disabled v-model="form.bankBranchName" />
+                      </uni-forms-item>
+                    </uni-col>
+                  </template>
+                  <!-- 信用卡信息展示(针对有信用卡列表的通道) -->
+                  <template v-if="channelData.type == 'CHANNEL_TYPE_CARD'">
+                    <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="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="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="12" :xl="12">
+                      <uni-forms-item :label="t('PersonalManagement.Label.ExpirationYear')">
+                        <uni-easyinput disabled v-model="form.expiryYearMonth" />
+                      </uni-forms-item>
+                    </uni-col>
+                  </template>
+                  <!-- 银行电汇转账信息展示(针对有银行转账列表的通道) -->
+                  <template v-if="channelData.type == 'BANK_TELEGRAPHIC'">
+                    <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="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="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="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="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="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="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" />
+                      </uni-forms-item>
+                      <uni-forms-item label="Account Agency NO" v-else>
+                        <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.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
-                      <uni-easyinput v-model="form.agencyNo" />
-                    </uni-forms-item>
-                    <uni-forms-item label="Account Agency NO" v-else>
-                      <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.code == 'PAY_RETAILER_REMIT_PAY_KEY_BRW'">
-                    <uni-forms-item label="CPF" name="cpf">
-                      <uni-easyinput v-model="form.cpf" />
-                    </uni-forms-item>
+                      <uni-forms-item label="CPF" name="cpf">
+                        <uni-easyinput v-model="form.cpf" />
+                      </uni-forms-item>
+                    </uni-col>
+                  </template>
+                  <!-- 出金金额 -->
+                  <uni-col :span="24" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
+                    <view class="tit">
+                      <text>{{ t('Custom.Withdraw.Title3') }}</text>
+                    </view>
                   </uni-col>
-                </template>
-                <!-- 出金金额 -->
-                <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="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 :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">
-                    <uni-forms-item :label="t('Custom.Withdraw.amount')" name="amount"
-                      :error-message="amountErrorMessage">
+                  <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>
-              </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" />
-                      <text class="crm-cursor" style="text-decoration: underline;"
-                        @click.stop="dialogCheckTip = true">{{
-                          t('Custom.Withdraw.Des') }}</text>
-                    </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" />
-                      <text>* {{ t('Custom.Withdraw.item1') }}<br>{{ t('Custom.Withdraw.item1_1') }}<br>{{
-                        t('Custom.Withdraw.item1_2') }}</text>
-                    </label>
-                  </checkbox-group>
-                </uni-forms-item>
-              </view>
-              <button class="s-btn" type="primary" @click="openTips">{{ t('Btn.Submit') }}</button>
-            </uni-forms>
+                  <template v-else>
+                    <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="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" />
+                      </uni-forms-item>
+                    </uni-col>
+                  </template>
+                </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" />
+                        <text class="crm-cursor" style="text-decoration: underline;"
+                          @click.stop="dialogCheckTip = true">{{
+                            t('Custom.Withdraw.Des') }}</text>
+                      </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" />
+                        <text>* {{ t('Custom.Withdraw.item1') }}<br>{{ t('Custom.Withdraw.item1_1') }}<br>{{
+                          t('Custom.Withdraw.item1_2') }}</text>
+                      </label>
+                    </checkbox-group>
+                  </uni-forms-item>
+                </view>
+                <button class="s-btn" type="primary" @click="openTips">{{ t('Btn.Submit') }}</button>
+              </uni-forms>
+            </view>
           </view>
         </view>
+        <!-- 提示弹窗 -->
+        <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2" @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"
+          :loginDoc="loginValueDoc" @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" />
+        <!-- kyc成功弹窗 -->
+        <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
+        <!--验证码-->
+        <cwg-email-code-popup v-model:visible="dialogDealResult" @confirm="submitCode" :api="emailCodeApi" />
+        <!-- 新增银行弹窗 -->
+        <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
       </view>
-      <!-- 提示弹窗 -->
-      <cwg-tips-popup v-model:visible="dialogTips" content="Custom.Withdraw.item2" @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"
-        :loginDoc="loginValueDoc" @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" />
-      <!-- kyc成功弹窗 -->
-      <cwg-kyc-popup v-model:visible="dialogKyc" :qrText="text1" />
-      <!--验证码-->
-      <cwg-email-code-popup v-model:visible="dialogDealResult" @confirm="submitCode" :api="emailCodeApi" />
-      <!-- 新增银行弹窗 -->
-      <add-bank-dialog ref="addBankDialogRef" @success="addSuccess" />
-    </view>
+    </template>
   </cwg-page-wrapper>
 
 </template>

+ 408 - 363
pages/ib/withdraw-select.vue

@@ -1,391 +1,436 @@
 <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 class="container">
+            <view class="row">
+                <view class="col-12">
+                    <view class="border-0 card-header">
+                        <view class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                            <h3 class="mb-0" v-t="'Home.page_ib.item5'" />
                         </view>
-                        <view v-if="step3" class="reselect-btn">
-                            <button class="s-btn reselect" type="primary" @click="showTable">{{
-                                t('Custom.Deposit.Reselect')
-                                }}</button>
+                    </view>
+                </view>
+                <view class="col-lg-12">
+                    <view class="clearfix">
+                        <view class="card">
+                            <view class="card-header">
+                                <uni-loading v-if="currentTableData.length == 0" />
+                                <template v-if="currentTableData.length > 0">
+                                    <view class="col-12 mb-5">
+                                        <view
+                                            class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
+                                            <h5 class="mb-0" v-t="'Custom.Deposit.Title22'" />
+                                        </view>
+                                    </view>
+                                    <cwg-asset-tabs v-if="tabsConfig.length > 0" v-model="activeTab"
+                                        :tabs="tabsConfig" />
+                                </template>
+                            </view>
+                            <view class="card-body" v-if="currentTableData.length > 0">
+                                <view class="tab-content">
+                                    <view>
+                                        <PaymentMethodsList :list="currentTableData" @select="isShowStep3" />
+                                    </view>
+                                </view>
+                            </view>
                         </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>
-                                    <cwg-rich-text class="attention"
-                                        :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
-                                </view>
+        </view>
+        <template v-if="step5">
+            <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 class="btn-bottom">
-                                <text class="btn crm-cursor" @click="isStep3 = true">{{ t('Btn.Confirm') }}</text>
+                            <view v-if="step3" class="reselect-btn">
+                                <button class="s-btn reselect" type="primary" @click="showTable">{{
+                                    t('Custom.Deposit.Reselect')
+                                }}</button>
                             </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>
-                                    </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>
+                    </view>
+                </view>
 
-                                <!-- 电子钱包标题 -->
-                                <uni-col :span="24"
-                                    v-if="['CHANNEL_TYPE_WALLET', 'CHANNEL_TYPE_ALI_WALLET'].includes(channelData.type)">
-                                    <view class="tit">
-                                        <text>{{ getWalletLabel }}</text>
+                <!-- 步骤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>
+                                        <cwg-rich-text class="attention"
+                                            :nodes="isZh ? introduce.introduce : introduce.enIntroduce" />
                                     </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>
+                                <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.Title6') }}</text>
+                                            <text>{{ t('Custom.Withdraw.Title5') }}</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;">
+                                    </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>{{ t('Custom.Withdraw.Title4') }}</text>
+                                            <text>{{ getWalletLabel }}</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>
+                                    </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 class="tit">
+
+                                                <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>
-                                    </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>
-
-                                <!-- 信用卡信息 -->
-                                <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>
-
-                                <!-- 电汇信息 -->
-                                <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>
+                                    </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" v-if="channelData.type == 'BANK_TELEGRAPHIC' && isStep3">
-                                    <view class="tit">
-                                        <text>{{ t('Custom.Withdraw.Title3') }}</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 :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" 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">
 
-                                <!-- 非电汇的金额区域 -->
-                                <uni-col :span="24" v-if="channelData.type != 'BANK_TELEGRAPHIC' && isStep3">
-                                    <view class="tit">
-                                        <text>{{ t('Custom.Withdraw.Title3') + '(' + channelData.currency + ')'
+                                                <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>
+                                    </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>
+
+                                    <!-- 信用卡信息 -->
+                                    <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>
+
+                                    <!-- 电汇信息 -->
+                                    <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>
+
+                                    <!-- 电汇金额区域 -->
+                                    <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 :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>
-                                </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>
+                                    </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" />
+                                        </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>
-                                </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>
+
             </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>
+        </template>
+        <!-- 提示弹窗 -->
+        <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" />
     </cwg-page-wrapper>
 </template>