transfer

pages/customer/wallet-transfer.vue

@@ -1,8 +1,8 @@
 <template>
     <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
         <cwg-header :title="t('wallet.item62')" />
-
-        <view class="container">
+        <uni-loading v-if="loading" />
+        <view class="container" v-else>
             <view class="row">
                 <view class="col-lg-12 col-sm-12">
                     <view class="card">

pages/follow/transfer.vue

@@ -2,75 +2,51 @@
     <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
         <cwg-header :title="t('Documentary.TundManagement.item2')" />
         <uni-loading v-if="loading" />
-        <view id="custom_WalletTransfer" class="transfer-page" v-else>
-            <view class="main-content">
-                <view class="box box-step2">
-                    <view class="b-card">
-                        <view class="card-top">
+        <view class="container" v-else>
+            <view class="row">
+                <view class="col-lg-12 col-sm-12">
+                    <view class="card">
+                        <view class="border-0 card-header">
                             <uni-forms ref="formRef" :model="form" :rules="rules" label-position="top"
                                 validate-trigger="submit">
-
-                                <view class="card-row card-tit">
-                                    <view class="title-wrapper">
-                                        <view class="tit">
-                                            <text class="iconfont icon-caret-right"></text>
-                                            <span>{{ t('wallet.item63') }}</span>
-                                        </view>
+                                <view class="row">
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'wallet.item63'"></h5>
+                                        <uni-forms-item name="walletbalance">
+                                            <uni-easyinput v-model="walletbalanceDisplay" disabled
+                                                class="disabled-input" />
+                                        </uni-forms-item>
                                     </view>
-                                </view>
-                                <view class="card-row">
-                                    <uni-forms-item name="walletbalance">
-                                        <uni-easyinput v-model="walletbalanceDisplay" disabled class="disabled-input" />
-                                    </uni-forms-item>
-                                </view>
-
-                                <view class="card-row card-tit">
-                                    <view class="title-wrapper">
-                                        <view class="tit">
-                                            <text class="iconfont icon-caret-right"></text>
-                                            <span>{{ t('Custom.Transfer.IntoAccount') }}</span>
-                                        </view>
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'Custom.Transfer.IntoAccount'"></h5>
+                                        <uni-forms-item name="login">
+                                            <cwg-combox v-model:value="form.login" :clearable="false"
+                                                :options="toOptionsDisplay" :placeholder="t('placeholder.choose')" />
+                                        </uni-forms-item>
                                     </view>
-                                </view>
-                                <view class="card-row">
-                                    <uni-forms-item name="login">
-                                        <cwg-combox v-model:value="form.login" :clearable="false"
-                                            :options="toOptionsDisplay" :placeholder="t('placeholder.choose')" />
-                                    </uni-forms-item>
-                                </view>
-
-                                <view class="card-row card-tit">
-                                    <view class="title-wrapper">
-                                        <view class="tit">
-                                            <text class="iconfont icon-caret-right"></text>
-                                            <span>{{ t('Label.Amount') }}</span>
+                                    <view class="col-lg-6 mb-3">
+                                        <h5 class="mb-3" v-t="'Label.Amount'"></h5>
+                                        <view class="card-row amount-box">
+                                            <uni-forms-item name="amount" :error-message="amountErrorMessage"
+                                                class="amount-input">
+                                                <uni-easyinput v-model="form.amount"
+                                                    :placeholder="t('placeholder.input')" @blur="validateAmount" />
+                                            </uni-forms-item>
+                                            <view class="btn btn-dark waves-effect waves-light" v-t="'State.All'"
+                                                @click="setAllAmount"></view>
                                         </view>
                                     </view>
-                                </view>
-                                <view class="card-row amount-box">
-                                    <uni-forms-item name="amount" :error-message="amountErrorMessage"
-                                        class="amount-input">
-                                        <uni-easyinput v-model="form.amount" :placeholder="t('placeholder.input')"
-                                            @blur="validateAmount" />
-                                    </uni-forms-item>
-                                    <view class="btn" v-t="'State.All'" @click="setAllAmount"></view>
-                                </view>
 
-                                <view class="form-row">
-                                    <button class="s-btn reselect" type="primary" @click="toTransfer">{{ t('Btn.Submit')
-                                    }}</button>
+
+                                    <button @click="toTransfer" class="btn btn-dark waves-effect waves-light"><i
+                                            class="fi fi-rs-check"></i> <text v-t="'Btn.Submit'"></text></button>
                                 </view>
                             </uni-forms>
                         </view>
                     </view>
                 </view>
+
             </view>
-            <!-- 失败弹窗 -->
-            <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" type="center" :mask-click="false" :showFooters="false" />
         </view>
     </cwg-page-wrapper>
 </template>
@@ -260,7 +236,19 @@ onMounted(() => {
 
 <style scoped lang="scss">
 @import "@/uni.scss";
+.amount-box {
+    display: flex;
+    align-items: center;
+    gap: px2rpx(12);
 
+    .amount-input {
+        flex: 1;
+    }
+
+    .btn {
+        margin-bottom: px2rpx(22);
+    }
+}
 .transfer-page {
     width: 100%;
     padding-bottom: px2rpx(20);

pages/ib/agent-transfer.vue

@@ -2,164 +2,136 @@
     <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
         <cwg-header :title="t('Home.page_ib.item9')" />
         <uni-loading v-if="loading" />
-        <view id="custom_IbTransfer" class="transfer-page" v-else>
-            <view class="main-content">
-                <!-- 步骤1：选择转出账户 -->
-                <view class="box box-step1">
-                    <view class="b-card">
-                        <view class="card-top">
-                            <view class="card-row">
-                                <view class="tit">
-                                    <text class="iconfont icon-caret-right"></text>
-                                    <span>{{ t('Custom.Transfer.Title1') }}</span>
-                                </view>
-                            </view>
-                            <view class="card-row">
-                                <cwg-combox v-model:value="loginValue" :clearable="false" :options="withdrawDisplayList"
-                                    :placeholder="t('placeholder.choose')" />
-                            </view>
-                        </view>
-                    </view>
-                </view>
-
-                <!-- 步骤2：转账表单 -->
-                <view class="box box-step2" v-if="step2">
-                    <view class="b-card">
-                        <view class="card-top">
-                            <view class="card-row card-tit">
-                                <view class="title-wrapper">
-                                    <view class="tit">
-                                        <text class="iconfont icon-caret-right"></text>
-                                        <span>{{ t('Custom.Transfer.Title2') }}</span>
-                                    </view>
-                                </view>
-                            </view>
-
-                            <uni-forms ref="formRef" :model="form" :rules="rules" label-width="300" label-position="top"
+        <view class="container" v-else>
+            <view class="row">
+                <view class="col-lg-8 col-sm-12">
+                    <view class="card">
+                        <view class="border-0 card-header">
+                            <uni-forms ref="formRef" :model="form" :rules="rules" label-position="top"
                                 validate-trigger="submit">
-
-                                <view class="form-row">
-                                    <view class="form-col">
-                                        <!-- 转入账户 -->
-                                        <uni-forms-item :label="t('Custom.Transfer.IntoAccount')" name="depositLogin">
+                                <view class="row">
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'Custom.Transfer.Title1'"></h5>
+                                        <uni-forms-item>
+                                            <cwg-combox v-model:value="loginValue" :clearable="false"
+                                                :options="withdrawDisplayList"
+                                                :placeholder="t('placeholder.choose')" /></uni-forms-item>
+                                    </view>
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'Custom.Transfer.IntoAccount'"></h5>
+                                        <uni-forms-item name="depositLogin">
                                             <cwg-combox v-model:value="form.depositLogin" :clearable="false"
                                                 :options="depositDisplayList" :placeholder="t('placeholder.choose')" />
                                         </uni-forms-item>
                                     </view>
-
-                                </view>
-                                <view class="form-row">
-                                    <view class="form-col">
-                                        <!-- 确认转入账户 -->
-                                        <uni-forms-item :label="t('Custom.Transfer.ConfirmIntoAccount')"
-                                            name="depositLogin1">
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'Custom.Transfer.ConfirmIntoAccount'"></h5>
+                                        <uni-forms-item name="depositLogin1">
                                             <cwg-combox v-model:value="form.depositLogin1" :clearable="false"
                                                 :options="depositDisplayList" :placeholder="t('placeholder.choose')" />
                                         </uni-forms-item>
                                     </view>
-
-                                </view>
-
-                                <view class="form-row">
-                                    <view class="form-col amount-box">
-                                        <!-- 转账金额 -->
-                                        <uni-forms-item :label="t('Custom.Transfer.Amount')" name="amount"
-                                            :error-message="amountErrorMessage" class="amount-input">
-                                            <uni-easyinput v-model="form.amount" :placeholder="t('placeholder.input')"
-                                                @blur="validateAmount" />
-                                        </uni-forms-item>
-                                        <view class="btn" v-t="'State.All'" @click="setAllAmount"></view>
+                                    <view class="col-lg-6">
+                                        <h5 class="mb-3" v-t="'Custom.Transfer.Amount'"></h5>
+                                        <view class="card-row amount-box">
+                                            <uni-forms-item name="amount" :error-message="amountErrorMessage"
+                                                class="amount-input">
+                                                <uni-easyinput v-model="form.amount"
+                                                    :placeholder="t('placeholder.input')" @blur="validateAmount" />
+                                            </uni-forms-item>
+                                            <view class="btn btn-dark waves-effect waves-light" v-t="'State.All'"
+                                                @click="setAllAmount"></view>
+                                        </view>
                                     </view>
-                                </view>
-
-                                <!-- 20%赠金-年中赠金 -->
-                                <view class="form-row" v-if="tableData4TwoFlag">
-                                    <view class="form-col-full">
-                                        <uni-forms-item class="agree">
-                                            <view class="agree-content">
-                                                <checkbox :checked="form.agree5" @click="form.agree5 = !form.agree5" />
-                                                <view class="agree-text">
-                                                    <view class="agree-title">{{
-                                                        t('news_add_field1.activitiesNZTwo.itemDeposit1') }}</view>
+                                    <view class="col-lg-6">
+                                        <!-- 20%赠金-年中赠金 -->
+                                        <view class="form-row" v-if="tableData4TwoFlag">
+                                            <view class="form-col-full">
+                                                <uni-forms-item class="agree">
+                                                    <view class="agree-content">
+                                                        <checkbox :checked="form.agree5"
+                                                            @click="form.agree5 = !form.agree5" />
+                                                        <view class="agree-text">
+                                                            <view class="agree-title">{{
+                                                                t('news_add_field1.activitiesNZTwo.itemDeposit1') }}
+                                                            </view>
+                                                        </view>
+                                                    </view>
+                                                </uni-forms-item>
+                                                <view class="agree-detail">
+                                                    <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit2') }}</text>
+                                                    <text class="clause crm-cursor" style="text-decoration: underline;"
+                                                        @click="dialogClauseNZTwo = true">{{
+                                                            t('news_add_field1.activitiesNZTwo.itemDeposit3') }}</text>
+                                                    <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit4') }}</text>
                                                 </view>
                                             </view>
-                                        </uni-forms-item>
-                                        <view class="agree-detail">
-                                            <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit2') }}</text>
-                                            <text class="clause crm-cursor" style="text-decoration: underline;"
-                                                @click="dialogClauseNZTwo = true">{{
-                                                    t('news_add_field1.activitiesNZTwo.itemDeposit3') }}</text>
-                                            <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit4') }}</text>
                                         </view>
-                                    </view>
-                                </view>
-
-                                <!-- 赠送活动 -->
-                                <view class="form-row" v-if="tableDataNewListFlag">
-                                    <view class="form-col-full">
-                                        <uni-forms-item class="agree">
-                                            <view class="agree-content">
-                                                <checkbox :checked="form.agree6" @click="form.agree6 = !form.agree6" />
-                                                <view class="agree-text">
-                                                    <view class="agree-title">{{ tableDataNewList.title }}</view>
+                                        <!-- 赠送活动 -->
+                                        <view class="form-row" v-if="tableDataNewListFlag">
+                                            <view class="form-col-full">
+                                                <uni-forms-item class="agree">
+                                                    <view class="agree-content">
+                                                        <checkbox :checked="form.agree6"
+                                                            @click="form.agree6 = !form.agree6" />
+                                                        <view class="agree-text">
+                                                            <view class="agree-title">{{ tableDataNewList.title }}
+                                                            </view>
+                                                        </view>
+                                                    </view>
+                                                </uni-forms-item>
+                                                <view class="agree-detail">
+                                                    <text>{{ t('news_add_field1.activitiesNewList.item1') }}</text>
+                                                    <text class="clause" @click="dialogClauseNewList = true">{{
+                                                        tableDataNewList.title }}</text>
+                                                    <text>{{ t('news_add_field1.activitiesNewList.item2') }}</text>
                                                 </view>
                                             </view>
-                                        </uni-forms-item>
-                                        <view class="agree-detail">
-                                            <text>{{ t('news_add_field1.activitiesNewList.item1') }}</text>
-                                            <text class="clause" @click="dialogClauseNewList = true">{{
-                                                tableDataNewList.title }}</text>
-                                            <text>{{ t('news_add_field1.activitiesNewList.item2') }}</text>
                                         </view>
                                     </view>
-                                </view>
 
-                                <view class="form-row">
-                                    <view class="form-col-full">
-                                        <uni-forms-item>
-                                            <view class="tips">
-                                                <view class="title">{{ t('Custom.Transfer.Tips') }}</view>
-                                                <view>{{ t('Custom.Transfer.Tips1') }}</view>
-                                                <view>{{ t('Custom.Transfer.Tips5') }}</view>
-                                                <view>{{ t('Custom.Transfer.Tips3') }}</view>
-                                                <view>{{ t('Custom.Transfer.Tips4') }}</view>
-                                            </view>
-                                        </uni-forms-item>
-                                    </view>
-                                </view>
-                                <view class="form-row">
-                                    <button class="s-btn reselect" type="primary" @click="toTransfer">{{ locale === 'es'
-                                        ?
-                                        'Enviar solicitud' : t('Btn.Submit') }}</button>
+                                    <button @click="toTransfer" class="btn btn-dark waves-effect waves-light"><i
+                                            class="fi fi-rs-check"></i> <text v-t="'Btn.Submit'"></text></button>
                                 </view>
                             </uni-forms>
                         </view>
                     </view>
                 </view>
-            </view>
-
-            <!-- 失败弹窗 -->
-            <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" type="center" :mask-click="false" :showFooters="false" />
-
-            <!-- 不参加活动弹出框 -->
-            <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
 
-            <!-- 功能关闭弹出 -->
-            <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
+                <view class="col-lg-4 col-sm-12">
+                    <h4 v-t="'Custom.Transfer.Tips'"></h4>
+                    <view class="fs-6 fw-semibold lh-sm">
+                        <view v-t="'Custom.Transfer.Tips1'"></view>
+                        <view v-t="'Custom.Transfer.Tips5'"></view>
+                        <view v-t="'Custom.Transfer.Tips3'"></view>
+                        <view v-t="'Custom.Transfer.Tips4'"></view>
+                    </view>
+                </view>
 
-            <!-- 赠金协议20年中 -->
-            <BonusAgreementPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
-                type="nzTwo" :tableData4Two="tableData4Two" />
-            <!-- 赠送活动协议 -->
-            <BonusAgreementPopup v-model:visible="dialogClauseNewList" :title="tableDataNewList.title"
-                :content="tableDataNewList.content" type="newList" />
+            </view>
         </view>
+        <!-- 失败弹窗 -->
+        <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" type="center" :mask-click="false" :showFooters="false" />
+
+        <!-- 不参加活动弹出框 -->
+        <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
+
+        <!-- 功能关闭弹出 -->
+        <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
+
+        <!-- 赠金协议20年中 -->
+        <BonusAgreementPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
+            type="nzTwo" :tableData4Two="tableData4Two" />
+        <!-- 赠送活动协议 -->
+        <BonusAgreementPopup v-model:visible="dialogClauseNewList" :title="tableDataNewList.title"
+            :content="tableDataNewList.content" type="newList" />
         <cwg-confirm-popup />
+
     </cwg-page-wrapper>
 </template>
 
@@ -684,6 +656,20 @@ onLoad((options) => {
 <style lang="scss" scoped>
 @import "@/uni.scss";
 
+.amount-box {
+    display: flex;
+    align-items: center;
+    gap: px2rpx(12);
+
+    .amount-input {
+        flex: 1;
+    }
+
+    .btn {
+        margin-bottom: px2rpx(20);
+    }
+}
+
 .transfer-page {
     width: 100%;
     padding-bottom: px2rpx(20);
@@ -778,35 +764,6 @@ onLoad((options) => {
                     }
                 }
 
-                .amount-box {
-                    display: flex;
-                    align-items: center;
-                    gap: px2rpx(12);
-
-                    .amount-input {
-                        flex: 1;
-                    }
-
-                    .btn {
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        font-size: px2rpx(14);
-                        margin-bottom: px2rpx(20);
-                        height: px2rpx(35);
-                        background-color: #cf1322;
-                        color: #fff;
-                        border-radius: px2rpx(4);
-                        font-weight: 600;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        border: none;
-                        padding: 0 px2rpx(20);
-                        cursor: pointer;
-                        margin-top: px2rpx(34);
-                    }
-                }
 
                 .form-col-full {
                     width: 100%;

pages/ib/transfer.vue

@@ -1,135 +1,171 @@
 <template>
     <cwg-page-wrapper class="create-page" :isHeaderFixed="true">
-        <cwg-header :title="title" />
         <uni-loading v-if="loading" />
-        <view id="custom_IbTransfer" class="transfer-page" v-else>
-            <view class="main-content">
-                <!-- 步骤1：选择转出账户 -->
-                <cwg-asset-tabs v-model="activeTab" :tabs="tabsConfig" />
-
-                <!-- 步骤2：转账表单 -->
-                <view class="box box-step2">
-                    <view class="b-card">
-                        <view class="card-top">
-                            <view class="tit">
-                                <text>
-                                    <text v-t="'Label.AgentNumber'"></text>
-                                    ：{{ ibInfo.ibNo }}
-                                </text>
-                                <text class="balance-kg"></text>
-                                <text>
-                                    <text v-t="'Label.CommissionBalance'"></text>
-                                    <text>：$</text>
-                                    <text>{{ balanceInt }}</text>
-                                    <text>.{{ balanceDecimal }}</text>
-                                </text>
-                            </view>
-                            <uni-forms ref="formRef" :model="form" :rules="rules" label-width="300" label-position="top"
-                                validate-trigger="submit">
-                                <view class="form-row">
-                                    <view class="form-col">
-                                        <!-- 转入账户 -->
-                                        <uni-forms-item :label="toLabel" name="to"
-                                            :error-message="deposittoErrorMessage">
-                                            <cwg-combox v-model:value="form.to" :clearable="false"
-                                                :options="depositDisplayList" :placeholder="t('placeholder.choose')" />
-                                        </uni-forms-item>
-                                    </view>
-                                </view>
-
-                                <view class="form-row">
-                                    <view class="form-col amount-box">
-                                        <!-- 转账金额 -->
-                                        <uni-forms-item :label="t('Custom.Transfer.Amount')" name="amount"
-                                            :error-message="amountErrorMessage" class="amount-input">
-                                            <uni-easyinput v-model="form.amount" :placeholder="t('placeholder.input')"
-                                                @blur="validateAmount" />
-                                        </uni-forms-item>
-                                        <view class="btn" v-t="'State.All'" @click="setAllAmount"></view>
+        <view class="container" v-else>
+            <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">{{ title }}</h3>
+                        </view>
+                    </view>
+                </view>
+                <view class="col-lg-12">
+                    <view class="clearfix">
+                        <view class="card">
+                            <view class="card-header">
+                                <view class="nav nav-underline card-header-tabs">
+
+                                    <view class="nav-item" role="presentation" v-for="item in tabsConfig"
+                                        :key="item.value" @click="activeTab = item.value">
+                                        <view class="nav-link cursor-pointer"
+                                            :class="{ 'active': item.value === activeTab }">{{
+                                                item.text }}</view>
                                     </view>
                                 </view>
-                                <template v-if="activeTab != 3">
-
-                                    <!-- 20%赠金-年中赠金 -->
-                                    <view class="form-row" v-if="tableData4TwoFlag">
-                                        <uni-forms-item class="agree">
-                                            <checkbox-group :value="form.agree5 ? ['1'] : []" @change="onAgree5Change">
-                                                <label class="checkbox">
-                                                    <checkbox value="1" :checked="form.agree5" />
-                                                    <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit1')
-                                                        }}</text>
-
-                                                    <view style="margin-top: 10px;line-height: 1.5; font-size: 14px">
-                                                        <text class="crm-cursor" @click.stop="dialogCheckTip = true">{{
-                                                            t('Custom.Withdraw.Des') }}</text>
-                                                        <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit2')
-                                                            }}</text>
-                                                        <text class="clause crm-cursor"
-                                                            style="text-decoration: underline;"
-                                                            @click.stop="dialogClauseNZTwo = true">{{
-                                                                t('news_add_field1.activitiesNZTwo.itemDeposit3') }}</text>
-                                                        <text>{{ t('news_add_field1.activitiesNZTwo.itemDeposit4')
-                                                            }}</text>
+                            </view>
+                            <view class="card-body">
+                                <view class="tab-content">
+                                    <view class="tab-pane fade show active" id="home" role="tabpanel"
+                                        aria-labelledby="home-tab" tabindex="0">
+                                        <uni-forms ref="formRef" :model="form" :rules="rules" label-width="300"
+                                            label-position="top" validate-trigger="submit">
+                                            <view class="row">
+                                                <view class="col-lg-12">
+                                                    <h5 class="bg-dark mb-4 p-2 text-white"><span
+                                                            v-t="'Label.AgentNumber'"></span> ：<span
+                                                            class="text-danger">{{
+                                                                ibInfo.ibNo }}</span> <span
+                                                            v-t="'Label.CommissionBalance'"></span>
+                                                        <span>：</span><span class="text-danger">${{ balanceInt
+                                                        }}.{{ balanceDecimal }}</span>
+                                                    </h5>
+                                                </view>
+
+
+
+
+                                                <view class="col-lg-6">
+                                                    <h5 class="mb-3">{{ toLabel }}</h5>
+
+                                                    <uni-forms-item name="to" :error-message="deposittoErrorMessage"
+                                                        class="mb-3">
+                                                        <!-- <uni-forms-item name="to" :error-message="deposittoErrorMessage" class="form-select mb-3"></uni-forms-item> -->
+                                                        <cwg-combox v-model:value="form.to" :clearable="false"
+                                                            :options="depositDisplayList"
+                                                            :placeholder="t('placeholder.choose')" />
+                                                    </uni-forms-item>
+                                                </view>
+                                                <view class="col-lg-6 mb-3">
+                                                    <h5 class="mb-3" v-t="'Custom.Transfer.Amount'"></h5>
+                                                    <view class="form-col amount-box">
+                                                        <!-- 转账金额 -->
+                                                        <uni-forms-item name="amount"
+                                                            :error-message="amountErrorMessage" class="amount-input">
+                                                            <uni-easyinput v-model="form.amount"
+                                                                :placeholder="t('placeholder.input')"
+                                                                @blur="validateAmount" />
+                                                        </uni-forms-item>
+                                                        <view class="btn btn-danger waves-effect waves-light"
+                                                            v-t="'State.All'" @click="setAllAmount">
+                                                        </view>
+                                                    </view>
+                                                </view>
+                                                <template v-if="activeTab != 3">
+                                                    <!-- 20%赠金-年中赠金 -->
+                                                    <view class="col-lg-12 mb-3" v-if="tableData4TwoFlag">
+                                                        <uni-forms-item class="agree">
+                                                            <checkbox-group :value="form.agree5 ? ['1'] : []"
+                                                                @change="onAgree5Change">
+                                                                <label class="checkbox">
+                                                                    <checkbox value="1" :checked="form.agree5" />
+                                                                    <text>{{
+                                                                        t('news_add_field1.activitiesNZTwo.itemDeposit1')
+                                                                        }}</text>
+
+                                                                    <p
+                                                                        style="margin-top: 10px;line-height: 1.5; font-size: 14px">
+                                                                        <text class="crm-cursor"
+                                                                            @click.stop="dialogCheckTip = true">{{
+                                                                                t('Custom.Withdraw.Des') }}</text>
+                                                                        <text>{{
+                                                                            t('news_add_field1.activitiesNZTwo.itemDeposit2')
+                                                                            }}</text>
+                                                                        <text class="clause crm-cursor"
+                                                                            style="text-decoration: underline;"
+                                                                            @click.stop="dialogClauseNZTwo = true">{{
+                                                                                t('news_add_field1.activitiesNZTwo.itemDeposit3')
+                                                                            }}</text>
+                                                                        <text>{{
+                                                                            t('news_add_field1.activitiesNZTwo.itemDeposit4')
+                                                                            }}</text>
+                                                                    </p>
+
+                                                                </label>
+                                                            </checkbox-group>
+                                                        </uni-forms-item>
                                                     </view>
 
-                                                </label>
-                                            </checkbox-group>
-                                        </uni-forms-item>
-                                    </view>
-
-                                    <!-- 赠送活动 -->
-                                    <view class="form-row" v-if="tableDataNewListFlag">
-                                        <view class="form-col-full">
-                                            <uni-forms-item name="agree6">
-                                                <checkbox-group :value="form.agree6 ? ['1'] : []"
-                                                    @change="onAgree6Change">
-                                                    <label class="checkbox">
-                                                        <checkbox value="1" :checked="form.agree6" />
-                                                        <text @click.stop="dialogClauseNewList = true"
-                                                            style="text-decoration: underline;">{{
-                                                                tableDataNewList.title }}</text>
-                                                        <view
-                                                            style="margin-top: 10px; line-height: 1.5; font-size: 14px">
-                                                            <text> {{
-                                                                t('news_add_field1.activitiesNewList.item1') }}{{
-                                                                    t('news_add_field1.activitiesNewList.item2') }}</text>
+                                                    <!-- 赠送活动 -->
+                                                    <view class="col-lg-12 mb-3" v-if="tableDataNewListFlag">
+                                                        <view class="form-col-full">
+                                                            <uni-forms-item name="agree6">
+                                                                <checkbox-group :value="form.agree6 ? ['1'] : []"
+                                                                    @change="onAgree6Change">
+                                                                    <label class="checkbox">
+                                                                        <checkbox value="1" :checked="form.agree6" />
+                                                                        <text @click.stop="dialogClauseNewList = true"
+                                                                            style="text-decoration: underline;">{{
+                                                                                tableDataNewList.title }}</text>
+                                                                        <view
+                                                                            style="margin-top: 10px; line-height: 1.5; font-size: 14px">
+                                                                            <text> {{
+                                                                                t('news_add_field1.activitiesNewList.item1')
+                                                                                }}{{
+                                                                                    t('news_add_field1.activitiesNewList.item2')
+                                                                                }}</text>
+                                                                        </view>
+
+                                                                    </label>
+                                                                </checkbox-group>
+                                                            </uni-forms-item>
                                                         </view>
+                                                    </view>
+                                                </template>
 
-                                                    </label>
-                                                </checkbox-group>
-                                            </uni-forms-item>
-                                        </view>
-                                    </view>
-                                </template>
 
 
-                                <view class="form-row">
-                                    <button class="s-btn reselect" type="primary" @click="toTransfer">{{ locale === 'es'
-                                        ?
-                                        'Enviar solicitud' : t('Btn.Submit') }}</button>
+                                                <view type="submit" value="Submit"
+                                                    class="btn btn-danger waves-effect waves-light"><i
+                                                        class="fi fi-rs-check"></i> Submit
+                                                </view>
+                                            </view>
+                                        </uni-forms>
+                                    </view>
                                 </view>
-                            </uni-forms>
+                            </view>
                         </view>
                     </view>
                 </view>
             </view>
-            <!-- 失败弹窗 -->
-            <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" />
-            <!-- 不参加活动弹出框 -->
-            <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
-            <!-- 功能关闭弹出 -->
-            <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
-            <!-- 赠金协议20年中 -->
-            <BonusAgreementPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
-                type="nzTwo" :tableData4Two="tableData4Two" />
-            <!-- 赠送活动协议 -->
-            <BonusAgreementPopup v-model:visible="dialogClauseNewList" :title="tableDataNewList.title"
-                :content="tableDataNewList.content" type="newList" />
         </view>
+
+        <!-- 失败弹窗 -->
+        <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" />
+        <!-- 不参加活动弹出框 -->
+        <cwg-dont-active-popup v-model:visible="dialogDontActive" :showFooters="true" @confirm="tosubmitConfirm" />
+        <!-- 功能关闭弹出 -->
+        <cwg-function-disabled-popup v-model:visible="InfoStatus5" :showFooters="false" @confirm="toHome" />
+        <!-- 赠金协议20年中 -->
+        <BonusAgreementPopup v-model:visible="dialogClauseNZTwo" :title="t('news_add_field1.activitiesNZTwo.item6')"
+            type="nzTwo" :tableData4Two="tableData4Two" />
+        <!-- 赠送活动协议 -->
+        <BonusAgreementPopup v-model:visible="dialogClauseNewList" :title="tableDataNewList.title"
+            :content="tableDataNewList.content" type="newList" />
         <cwg-confirm-popup />
     </cwg-page-wrapper>
 </template>
@@ -734,6 +770,20 @@ onLoad((options) => {
 <style lang="scss" scoped>
 @import "@/uni.scss";
 
+.amount-box {
+    display: flex;
+    align-items: center;
+    gap: px2rpx(12);
+
+    .amount-input {
+        flex: 1;
+    }
+
+    .btn {
+        margin-bottom: px2rpx(20);
+    }
+}
+
 .transfer-page {
     width: 100%;
     padding-bottom: px2rpx(20);
@@ -832,35 +882,7 @@ onLoad((options) => {
                     }
                 }
 
-                .amount-box {
-                    display: flex;
-                    align-items: center;
-                    gap: px2rpx(12);
-
-                    .amount-input {
-                        flex: 1;
-                    }
 
-                    .btn {
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        font-size: px2rpx(14);
-                        margin-bottom: px2rpx(20);
-                        height: px2rpx(35);
-                        background-color: #cf1322;
-                        color: #fff;
-                        border-radius: px2rpx(4);
-                        font-weight: 600;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        border: none;
-                        padding: 0 px2rpx(20);
-                        cursor: pointer;
-                        margin-top: px2rpx(34);
-                    }
-                }
 
                 .form-col-full {
                     width: 100%;