| | |
| | | <van-action-sheet |
| | | v-model="show" |
| | | :actions="actions" |
| | | cancel-text="取消" |
| | | :cancel-text="$t('hj106')" |
| | | close-on-click-action |
| | | @select="select" |
| | | /> --> |
| | | <div> |
| | | <div class="main-title">支持得支付渠道</div> |
| | | <div class="main-title">{{ $t("支持得支付渠道") }}</div> |
| | | <van-cell |
| | | is-link |
| | | :title="paymentSelectData.channelAccount || '請選擇'" |
| | | :title="paymentSelectData.channelAccount || $t('請選擇')" |
| | | @click="paymentShow = true" |
| | | /> |
| | | <!-- paymentSelectData.channelMinLimit --> |
| | | <van-action-sheet |
| | | v-model="paymentShow" |
| | | :actions="paymentActions" |
| | | cancel-text="取消" |
| | | :cancel-text="$t('qx')" |
| | | close-on-click-action |
| | | @select="paymentSelect" |
| | | /> |
| | | |
| | | <template v-if="paymentSelectData.channelAccount !== undefined"> |
| | | <div class="main-title">收款卡號</div> |
| | | <div class="main-title">{{ $t("收款卡號") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelAccount }}</span> |
| | | <i |
| | |
| | | @click="(e) => copyText(e, channelAccount)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">收款銀行</div> |
| | | <div class="main-title">{{ $t("收款銀行") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelDesc }}</span> |
| | | <i |
| | |
| | | @click="(e) => copyText(e, paymentSelectData.channelDesc)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">收款人名字</div> |
| | | <div class="main-title">{{ $t("收款人名字") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelImg }}</span> |
| | | <i |
| | |
| | | @click="(e) => copyText(e, channelImg)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">請選擇充值賬戶</div> |
| | | <van-cell |
| | | is-link |
| | | :title="rechargeAccountData.name || '請選擇'" |
| | | @click="rechargeAccountShow = true" |
| | | /> |
| | | <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="取消" |
| | | :cancel-text="$t('qx')" |
| | | /> |
| | | <!-- close-on-click-action --> |
| | | <!-- @select="rechargeAccountSelect" --> |
| | | <div class="main-title">請選擇充值金額</div> |
| | | <div class="main-title">{{ $t("請選擇充值金額") }}</div> |
| | | <div class="white-input"> |
| | | <input type="number" :value="value" @input="inputValue" /> |
| | | <span class="myr"> {{ rechargeAccountData.symbolCode }}</span> |
| | |
| | | </div> |
| | | </div> --> |
| | | <div class="balance" style="margin-top: 10px"> |
| | | <div>最小充值金額</div> |
| | | <div>{{ $t("最小充值金額") }}</div> |
| | | <div class="balance-text" style="margin-bottom: 0px"> |
| | | {{ paymentSelectData.channelMinLimit }} |
| | | {{ rechargeAccountData.symbolCode }} |
| | |
| | | </div> |
| | | <div class="division"></div> |
| | | <div class="upload-text"> |
| | | <div style="margin-bottom: 0.37333rem">上傳憑證:</div> |
| | | <div style="margin-bottom: 0.37333rem"> |
| | | {{ $t("上傳憑證:") }} |
| | | </div> |
| | | <el-upload |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | |
| | | :on-error="handleError" |
| | | :before-upload="beforeAvatarUpload" |
| | | :disabled="!showBtn" |
| | | :limit="1" |
| | | > |
| | | <img |
| | | v-if="form.img1key" |
| | |
| | | </div> |
| | | </div> |
| | | <van-button |
| | | :disabled="butFlg" |
| | | class="but" |
| | | type="primary" |
| | | style="margin-top: 1.04rem; margin-bottom: 1.04rem" |
| | | @click="selCzFns" |
| | | >充值</van-button |
| | | >{{ $t("hj172") }}</van-button |
| | | > |
| | | </template> |
| | | </div> |
| | |
| | | // getPayInfo |
| | | data() { |
| | | return { |
| | | butFlg: true, |
| | | admin: apiUrl.baseURL, |
| | | value: 0, |
| | | rechargeSelect: {}, |
| | |
| | | rechargeAccountShow: false, |
| | | rechargeAccountActions: [ |
| | | { |
| | | name: "美股資產", |
| | | title1: "美股可用", |
| | | title2: "美股冻结", |
| | | title: this.$t("美股資產"), |
| | | title1: this.$t("美股可用"), |
| | | title2: this.$t("美股冻结"), |
| | | key: "US", |
| | | symbol: "$", |
| | | symbolCode: "USD", |
| | | }, |
| | | { |
| | | name: "印股資產", |
| | | title1: "印股可用", |
| | | title2: "印股冻结", |
| | | title: this.$t("印股資產"), |
| | | title1: this.$t("印股可用"), |
| | | title2: this.$t("印股冻结"), |
| | | key: "IN", |
| | | symbol: "RM", |
| | | symbolCode: "MYR", |
| | | }, |
| | | { |
| | | name: "馬股資產", |
| | | title1: "馬股可用", |
| | | title2: "馬股冻结", |
| | | title: this.$t("馬股資產"), |
| | | title1: this.$t("馬股可用"), |
| | | title2: this.$t("馬股冻结"), |
| | | key: "MAS", |
| | | symbol: "RM", |
| | | symbolCode: "MYR", |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | judgeValue() { |
| | | console.log(this.form.img1key, this.value); |
| | | if (this.form.img1key && this.value) { |
| | | this.butFlg = false; |
| | | } else { |
| | | this.butFlg = true; |
| | | } |
| | | }, |
| | | inputValue(e) { |
| | | this.value = e.target.value; |
| | | console.log(e.target.value); |
| | | this.judgeValue(); |
| | | }, |
| | | async selCzFns() { |
| | | // payTypeId payAmt img |
| | | if (!this.value) { |
| | | return Notify("请输入充值金额"); |
| | | return Notify(this.$t("hj171")); |
| | | } |
| | | if (!this.form.img1key) { |
| | | return Notify("请上传文件"); |
| | | return Notify(this.$t("请上传文件")); |
| | | } |
| | | const res = await selCzFn({ |
| | | payTypeId: this.paymentSelectData.id, |
| | |
| | | handleAvatarSuccess(res, file) { |
| | | this.imgStatus = false; |
| | | this.form.img1key = res.data.url; |
| | | this.judgeValue(); |
| | | }, |
| | | beforeAvatarUpload(file) { |
| | | this.judgeValue(); |
| | | this.imgStatus = true; |
| | | }, |
| | | handleError() { |