| | |
| | | </van-nav-bar> |
| | | <main> |
| | | <div> |
| | | <div class="main-title" v-if="paymentSelectData.channelAccount">IFSC</div> |
| | | <div class="main-title" v-else>Select recharge account</div> |
| | | <div class="white-input" @click="paymentShow = true"> |
| | | <span>{{ paymentSelectData.channelAccount || $t('請選擇') }}</span> |
| | | <i |
| | | v-if="paymentSelectData.channelAccount" |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click.stop="(e) => copyText(e, paymentSelectData.channelAccount)" |
| | | ></i> |
| | | <van-icon v-else class="myr" name="arrow" /> |
| | | </div> |
| | | <!-- <van-cell--> |
| | | <!-- is-link--> |
| | | <!-- :title="paymentSelectData.channelAccount || $t('請選擇')"--> |
| | | <!-- @click="paymentShow = true"--> |
| | | <!-- />--> |
| | | <div class="main-title">{{ $t("支持得支付渠道") }}</div> |
| | | <van-cell |
| | | is-link |
| | | :title="paymentSelectData.channelAccount || $t('請選擇')" |
| | | @click="paymentShow = true" |
| | | /> |
| | | <!-- paymentSelectData.channelMinLimit --> |
| | | <van-action-sheet |
| | | v-model="paymentShow" |
| | |
| | | close-on-click-action |
| | | @select="paymentSelect" |
| | | /> |
| | | <template v-if="paymentSelectData.channelAccount !== undefined"> |
| | | <div class="main-title">{{ $t("請選擇充值賬戶") }}</div> |
| | | <van-cell |
| | | is-link |
| | | :title="$t(rechargeAccountData.key) || $t('請選擇')" |
| | | /> |
| | | <van-action-sheet |
| | | v-model="rechargeAccountShow" |
| | | :actions="rechargeAccountActions" |
| | | :cancel-text="$t('qx')" |
| | | /> |
| | | </template> |
| | | |
| | | <template v-if="paymentSelectData.channelAccount !== undefined"> |
| | | <div class="main-title">{{ $t("银行帐号") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.bankNumber }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.bankNumber)" |
| | | ></i> |
| | | </div> |
| | | <!-- <div class="main-title">{{ $t("收款卡號") }}</div> |
| | | <div class="main-title">{{ $t("收款卡號") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelAccount }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.channelAccount)" |
| | | @click="(e) => copyText(e, channelAccount)" |
| | | ></i> |
| | | </div>--> |
| | | </div> |
| | | <div class="main-title">{{ $t("收款銀行") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelDesc }}</span> |
| | |
| | | @click="(e) => copyText(e, paymentSelectData.channelName)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">{{ $t("請選擇充值賬戶") }}</div> |
| | | <van-cell |
| | | is-link |
| | | :title="$t(rechargeAccountData.key) || $t('請選擇')" |
| | | /> |
| | | <!-- @click="rechargeAccountShow = true" --> |
| | | <van-action-sheet |
| | | v-model="rechargeAccountShow" |
| | | :actions="rechargeAccountActions" |
| | | :cancel-text="$t('qx')" |
| | | /> |
| | | <!-- close-on-click-action --> |
| | | <!-- @select="rechargeAccountSelect" --> |
| | | <div class="main-title">{{ $t("請選擇充值金額") }}</div> |
| | | <div class="white-input"> |
| | | <input type="number" :value="value" @input="inputValue" /> |
| | |
| | | const res = await siteGetPayInfo(); |
| | | if (res.status === 0) { |
| | | res.data.map((item) => { |
| | | item.name = item.channelType; |
| | | item.name = item.channelAccount; |
| | | }); |
| | | this.paymentActions = res.data; |
| | | console.log(this.paymentActions) |
| | | } |
| | | console.log(res); |
| | | }, |
| | |
| | | }, |
| | | paymentSelect(e) { |
| | | this.paymentSelectData = e; |
| | | console.log(this.rechargeAccountActions,e) |
| | | this.rechargeAccountActions.map((item) => { |
| | | if (item.key === e.assetsType) { |
| | | this.rechargeAccountData = item; |
| | |
| | | width: 2.740741rem; |
| | | height: 2.740741rem; |
| | | } |
| | | </style> |
| | | </style> |