| | |
| | | </van-nav-bar> |
| | | <main> |
| | | <div> |
| | | <!-- <div class="main-title">IFSC</div>--> |
| | | <div class="main-title">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> |
| | | <!-- <div class="main-title">Select recharge account</div> --> |
| | | <template > |
| | | <div class="main-title">{{ $t("請選擇充值賬戶") }}</div> |
| | | <van-cell |
| | | @click="paymentShow = true" |
| | | is-link |
| | | :title="$t(rechargeAccountData.key) || $t('請選擇')" |
| | | /> |
| | | <van-action-sheet |
| | | v-model="rechargeAccountShow" |
| | | :actions="rechargeAccountActions" |
| | | :cancel-text="$t('qx')" |
| | | /> |
| | | <div class="main-title">{{ $t("收款人名字") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelName }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.channelName)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">{{ $t("收款銀行") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelDesc }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.channelDesc)" |
| | | ></i> |
| | | </div> |
| | | <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" >IFSC</div> |
| | | <div class="white-input" > |
| | | <span>{{ paymentSelectData.channelAccount }}</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> |
| | | </template> |
| | | |
| | | |
| | | <!-- <van-cell--> |
| | | <!-- is-link--> |
| | | <!-- :title="paymentSelectData.channelAccount || $t('請選擇')"--> |
| | |
| | | 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="white-input"> |
| | | <span>{{ paymentSelectData.channelAccount }}</span> |
| | |
| | | @click="(e) => copyText(e, paymentSelectData.channelAccount)" |
| | | ></i> |
| | | </div>--> |
| | | <div class="main-title">{{ $t("收款銀行") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelDesc }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.channelDesc)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">{{ $t("收款人名字") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelName }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, paymentSelectData.channelName)" |
| | | ></i> |
| | | </div> |
| | | |
| | | |
| | | <div class="main-title">{{ $t("請選擇充值金額") }}</div> |
| | | <div class="white-input"> |
| | | <input type="number" :value="value" @input="inputValue" /> |
| | |
| | | {{ $t("上傳憑證:") }} |
| | | </div> |
| | | <el-upload |
| | | v-loading="loading" |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + '/user/upload.do'" |
| | | :action="admin + 'user/upload.do'" |
| | | list-type="picture-card" |
| | | name="upload_file" |
| | | :show-file-list="false" |
| | | :on-success="handleAvatarSuccess" |
| | | :on-error="handleError" |
| | | :before-upload="beforeAvatarUpload" |
| | | :disabled="!showBtn" |
| | | :limit="1" |
| | | > |
| | | <img |
| | | v-if="form.img1key" |
| | |
| | | @click="selCzFns" |
| | | >{{ $t("hj172") }}</van-button |
| | | > |
| | | </template> |
| | | </div> |
| | | </main> |
| | | </div> |
| | |
| | | import apiUrl from "@/axios/api.url.js"; |
| | | import { siteGetPayInfo, selCzFn } from "../../axios/api"; |
| | | import { Notify } from "vant"; |
| | | import { compress } from "@/utils/imgupload"; |
| | | import { rechargeAccountActions } from "@/utils/rechargeActions"; |
| | | // baseURL |
| | | export default { |
| | |
| | | handleAvatarSuccess(res, file) { |
| | | this.imgStatus = false; |
| | | this.form.img1key = res.data.url; |
| | | this.loading = false; |
| | | this.judgeValue(); |
| | | // this.loading = false; |
| | | // this.judgeValue(); |
| | | }, |
| | | beforeAvatarUpload(file) { |
| | | this.loading = true; |
| | | this.judgeValue(); |
| | | // this.imgStatus = true; |
| | | |
| | | this.imgStatus = true; |
| | | const isLt10M = file.size / 1024 / 1024 < 10; |
| | | if (!isLt10M) { |
| | | this.$message.error(this.$t("hj205")); |
| | | return false; |
| | | } else { |
| | | this.form.img1key = URL.createObjectURL(file); |
| | | console.log(this.form.img1key ); |
| | | compress(file, function (val) { |
| | | console.log(val); |
| | | }); |
| | | // this.judgeValue(); |
| | | } |
| | | }, |
| | | handleError() { |
| | | this.loading = false; |