| | |
| | | <template> |
| | | <div> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('提款')" |
| | | left-arrow |
| | | @click-left="onClickLeft" |
| | | > |
| | | <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('提款')" left-arrow @click-left="onClickLeft"> |
| | | <template #right> |
| | | <van-icon |
| | | @click="$router.push('/cashlist')" |
| | | name="orders-o" |
| | | size="20" |
| | | /> |
| | | <van-icon @click="$router.push('/cashlist')" name="orders-o" size="20" /> |
| | | </template> |
| | | </van-nav-bar> |
| | | <main> |
| | | |
| | | <div class="main-title">{{ $t("提款帐户") }}</div> |
| | | <van-cell |
| | | is-link |
| | | :title="rechargeAccountData.name || $t('請選擇')" |
| | | @click="rechargeAccountShow = true" |
| | | /> |
| | | <van-action-sheet |
| | | v-model="rechargeAccountShow" |
| | | :actions="rechargeAccountActions" |
| | | :cancel-text="$t('hj106')" |
| | | close-on-click-action |
| | | @select="rechargeAccountSelect" |
| | | /> |
| | | <van-cell is-link :title="rechargeAccountData.name || $t('請選擇')" @click="rechargeAccountShow = true" /> |
| | | <van-action-sheet v-model="rechargeAccountShow" :actions="rechargeAccountActions" :cancel-text="$t('hj106')" |
| | | close-on-click-action @select="rechargeAccountSelect" /> |
| | | <div class="main-title">{{ $t("姓名") }}</div> |
| | | <div class="white-input"> |
| | | <input type="text" :disabled="true" :placeholder="$t('请将姓名设置为')" :value="actualName" |
| | | @input="actualNameInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | </div> |
| | | <div class="main-title">{{ $t("hj213") }}</div> |
| | | <div class="white-input"> |
| | | <input type="text" :disabled="true" :placeholder="$t('请设置银行名称')" :value="bankCard.bankName" |
| | | @input="bankNameInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankName)"></i> |
| | | </div> |
| | | <div class="main-title">{{ $t("银行帐号") }}</div> |
| | | <div class="white-input"> |
| | | <input type="number" :disabled="true" :placeholder="$t('请将银行账户设置为')" :value="bankCard.bankNo" |
| | | @input="bankNoInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankNo)"></i> |
| | | </div> |
| | | <div class="main-title">IFSC</div> |
| | | <div class="white-input"> |
| | | <input type="text" :disabled="true" :placeholder="$t('请设置ifsc')" :value="bankCard.bankAddress" @input="ifscInputValue" /> |
| | | <input type="text" :disabled="true" :placeholder="$t('请设置ifsc')" :value="bankCard.bankAddress" |
| | | @input="ifscInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, bankCard.bankAddress)" |
| | | ></i> |
| | | <i class="iconfont icon-fuzhi fuzhi" @click="(e) => copyText(e, bankCard.bankAddress)"></i> |
| | | </div> |
| | | <!-- <van-cell--> |
| | | <!-- is-link--> |
| | |
| | | <!-- close-on-click-action--> |
| | | <!-- @select="paymentSelect"--> |
| | | <!-- />--> |
| | | <div class="main-title">{{ $t("银行帐号") }}</div> |
| | | <div class="white-input"> |
| | | <input type="number" :disabled="true" :placeholder="$t('请将银行账户设置为')" :value="bankCard.bankNo" @input="bankNoInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, bankCard.bankNo)" |
| | | ></i> |
| | | </div> |
| | | |
| | | <!-- <van-cell--> |
| | | <!-- is-link--> |
| | | <!-- :title="rechargeAccountData.name || $t('请将银行账户设置为')"--> |
| | |
| | | <!-- close-on-click-action--> |
| | | <!-- @select="rechargeAccountSelect"--> |
| | | <!-- />--> |
| | | <div class="main-title">{{ $t("hj213") }}</div> |
| | | <div class="white-input"> |
| | | <input type="text" :disabled="true" :placeholder="$t('请设置银行名称')" :value="bankCard.bankName" @input="bankNameInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, bankCard.bankName)" |
| | | ></i> |
| | | </div> |
| | | |
| | | <!-- <van-cell is-link :title="bankCard.bankName || $t('请设置银行名称')" />--> |
| | | <div class="main-title">{{ $t("姓名") }}</div> |
| | | <div class="white-input"> |
| | | <input type="text" :disabled="true" :placeholder="$t('请将姓名设置为')" :value="actualName" @input="actualNameInputValue" /> |
| | | <!-- <van-icon class="myr" name="arrow" />--> |
| | | </div> |
| | | |
| | | <!-- <van-cell is-link :title="paymentSelectData.channelName || $t('请将姓名设置为')" />--> |
| | | <!-- <div class="main-title">{{ $t("支持得提款渠道") }}</div>--> |
| | | <!-- <van-cell--> |
| | |
| | | <!-- <van-cell-group v-if="rechargeAccountData.key !== undefined">--> |
| | | <!-- <van-cell :title="$t('最低取款金额')" :value="withMinAmt + symbolCode" />--> |
| | | <!-- </van-cell-group>--> |
| | | <van-button |
| | | class="but" |
| | | type="primary" |
| | | style="margin-top: 1.04rem; margin-bottom: 1.04rem" |
| | | @click="setOutMoney" |
| | | >{{ $t("提款") }}</van-button |
| | | > |
| | | <van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem" |
| | | @click="setOutMoney">{{ $t("提款") }}</van-button> |
| | | </main> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { ActionSheet, Notify,Cell, CellGroup } from "vant"; |
| | | import { |
| | | ActionSheet, |
| | | Notify, |
| | | Cell, |
| | | CellGroup |
| | | } from "vant"; |
| | | import ClipboardJS from "clipboard"; |
| | | import {getBankCard, getMoney, getSetting, outMoney, siteGetPayInfo} from "../../axios/api"; |
| | | import { |
| | | getBankCard, |
| | | getMoney, |
| | | getSetting, |
| | | outMoney, |
| | | siteGetPayInfo |
| | | } from "../../axios/api"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | |
| | | // 提款聚到 |
| | | rechargeSelect: {}, |
| | | actions: [{ name: this.$t("hj215"), key: "YHK" }], |
| | | actions: [{ |
| | | name: this.$t("hj215"), |
| | | key: "YHK" |
| | | }], |
| | | paymentShow: false, |
| | | |
| | | rechargeAccountShow: false, |
| | | // 请选择提款账户 |
| | | rechargeAccountData: {}, |
| | | rechargeAccountActions: [ |
| | | { |
| | | rechargeAccountActions: [{ |
| | | name: this.$t("US"), |
| | | key: "US", |
| | | }, |
| | |
| | | assetsType: this.accectType, |
| | | }); |
| | | if (res.status === 0) { |
| | | Notify({ type: "success", message: this.$t("hj182") }); |
| | | Notify({ |
| | | type: "success", |
| | | message: this.$t("hj182") |
| | | }); |
| | | setTimeout(() => { |
| | | this.$router.push("/cashlist"); |
| | | }, 500); |
| | |
| | | height: 66px; |
| | | font-size: 22px; |
| | | } |
| | | |
| | | .bottom-text { |
| | | width: 100%; |
| | | background-color: #fff; |
| | | padding: 0.26667rem 0.37333rem; |
| | | box-sizing: border-box; |
| | | margin-top: 0.26667rem; |
| | | |
| | | // margin-bottom: 80px; |
| | | .balance { |
| | | display: flex; |
| | |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | box-sizing: border-box; |
| | | |
| | | .balance-text { |
| | | color: #181818; |
| | | font-family: PingFang SC; |
| | |
| | | margin-bottom: 0.37333rem; |
| | | } |
| | | } |
| | | |
| | | .division { |
| | | width: 100%; |
| | | height: 0.02667rem; |
| | |
| | | background-color: #e5e8ed; |
| | | margin: 0.37333rem 0; |
| | | } |
| | | |
| | | .upload-text { |
| | | color: #181818; |
| | | font-family: PingFang SC; |
| | |
| | | font-weight: 500; |
| | | } |
| | | } |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | | } |
| | | |
| | | /deep/ .van-nav-bar__title { |
| | | font-family: "DINPro"; |
| | | width: 100%; |
| | |
| | | font-size: 0.48rem; |
| | | color: #14181f; |
| | | } |
| | | |
| | | /deep/ .van-cell { |
| | | list-style: none; |
| | | width: 100%; |
| | |
| | | margin-top: 0.26667rem; |
| | | box-shadow: 0 0.16rem 0.32rem #eaeaea99; |
| | | } |
| | | |
| | | main { |
| | | padding: 0 0.4rem 0.53333rem; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .main-title { |
| | | font-style: normal; |
| | | font-weight: 400; |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .fuzhi { |
| | | font-size: 28px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .myr { |
| | | color: rgb(5, 106, 239); |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .dz-title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | margin-top: 0.31333rem; |
| | | padding: 0 0.13333rem; |
| | | box-sizing: border-box; |
| | | |
| | | .balance-text { |
| | | font-style: normal; |
| | | font-weight: 500; |