| | |
| | | :title="$t('充值中心')" |
| | | left-arrow |
| | | @click-left="onClickLeft" |
| | | /> |
| | | > |
| | | <template #right> |
| | | <van-icon |
| | | @click="$router.push('/rechargelist')" |
| | | name="orders-o" |
| | | size="20" |
| | | /> |
| | | </template> |
| | | </van-nav-bar> |
| | | <main> |
| | | <div> |
| | | <div class="main-title">{{ $t("支持得支付渠道") }}</div> |
| | |
| | | </div> |
| | | <div class="main-title">{{ $t("收款人名字") }}</div> |
| | | <div class="white-input"> |
| | | <span>{{ paymentSelectData.channelImg }}</span> |
| | | <span>{{ paymentSelectData.channelName }}</span> |
| | | <i |
| | | class="iconfont icon-fuzhi fuzhi" |
| | | @click="(e) => copyText(e, channelImg)" |
| | | @click="(e) => copyText(e, paymentSelectData.channelName)" |
| | | ></i> |
| | | </div> |
| | | <div class="main-title">{{ $t("請選擇充值賬戶") }}</div> |
| | |
| | | {{ $t("上傳憑證:") }} |
| | | </div> |
| | | <el-upload |
| | | v-loading="loading" |
| | | :with-credentials="true" |
| | | class="avatar-uploader" |
| | | :action="admin + '/user/upload.do'" |
| | |
| | | </el-upload> |
| | | </div> |
| | | </div> |
| | | <!-- :disabled="butFlg" --> |
| | | <van-button |
| | | :disabled="butFlg" |
| | | class="but" |
| | | type="primary" |
| | | style="margin-top: 1.04rem; margin-bottom: 1.04rem" |
| | |
| | | // getPayInfo |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | butFlg: true, |
| | | admin: apiUrl.baseURL, |
| | | value: 0, |
| | |
| | | img: this.form.img1key, |
| | | }); |
| | | if (res.status === 0) { |
| | | Notify({ type: "success", message: "充值成功" }); |
| | | Notify({ type: "success", message: this.$t("hj182") }); |
| | | setTimeout(() => { |
| | | this.onClickLeft(); |
| | | this.$router.push("/rechargelist"); |
| | | }, 500); |
| | | } |
| | | // Notify("请上传文件"); |
| | |
| | | handleAvatarSuccess(res, file) { |
| | | this.imgStatus = false; |
| | | this.form.img1key = res.data.url; |
| | | this.loading = false; |
| | | this.judgeValue(); |
| | | }, |
| | | beforeAvatarUpload(file) { |
| | | this.loading = true; |
| | | this.judgeValue(); |
| | | this.imgStatus = true; |
| | | }, |
| | | handleError() { |
| | | this.loading = false; |
| | | this.imgStatus = false; |
| | | }, |
| | | // upload |
| | |
| | | console.log(file); |
| | | let formData = new FormData(); |
| | | formData.append("file", file.file || file.raw); |
| | | console.log(formData); |
| | | // console.log(formData); |
| | | const res = await upload({ file: formData }); |
| | | console.log(res); |
| | | // console.log(res); |
| | | }, |
| | | copyText(e, data) { |
| | | var clipboard = new ClipboardJS(".copy-button", { |
| | |
| | | /deep/ .el-upload__input { |
| | | display: none !important; |
| | | } |
| | | /deep/ .avatar-uploader { |
| | | width: 2.740741rem; |
| | | height: 2.740741rem; |
| | | } |
| | | </style> |