From ef341b7695a62249399fe63fb77bbb887ab71734 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 04 Aug 2025 13:46:12 +0800
Subject: [PATCH] 1111
---
src/page/user/recharge.vue | 129 ++++++++++++++++++++++++++++++++++---------
1 files changed, 102 insertions(+), 27 deletions(-)
diff --git a/src/page/user/recharge.vue b/src/page/user/recharge.vue
index f545591..85cad86 100644
--- a/src/page/user/recharge.vue
+++ b/src/page/user/recharge.vue
@@ -16,6 +16,13 @@
<!-- close-on-click-action -->
<!-- @select="rechargeAccountSelect" -->
+ <div class="list_title">
+ <div class="list_top">{{$t('线上充值')}}</div>
+ <div class="list_xx">
+ <div class="list_xx_box" v-for="(item,index) in czlist" :key="index" @click="clicktype(item)">{{item}}
+ </div>
+ </div>
+ </div>
<div class="main-title">{{ $t("請選擇充值金額") }}</div>
<div class="white-input">
<input type="number" :value="value" @input="inputValue" />
@@ -28,22 +35,31 @@
<div class="balance-text" style="margin-bottom: 0px">
<!-- {{ paymentSelectData.channelMinLimit }}
{{ rechargeAccountData.symbolCode }} -->
- 1000
+ 100000
</div>
</div>
<div class="division"></div>
</div>
<!-- :disabled="butFlg" -->
- <div style="font-size: 12px;">
- If you encounter any deposit problems, please contact online customer service
+ <div style="font-size: 12px;margin-top: 20px;color: #939298;">
+ {{$t('tips333')}}
</div>
- <div style="display: flex;justify-content: space-between;align-items: center;margin-top: 20px;">
+ <div style="font-size: 12px;margin-top: 10px;color: #939298;line-height: 16px;">
+ {{$t('tips111')}}
+ </div>
+ <div style="font-size: 12px;margin-top: 10px;color: #939298;line-height: 16px;">
+ {{$t('tips222')}}
+ </div>
+ <!-- <div style="display: flex;justify-content: space-between;align-items: center;margin-top: 20px;">
<div class="payclass" @click="paytype=1" :style="paytype==1?'border: 1px solid #185546;':'border: 1px solid #e5e8ed;'">Pay 1</div>
<div class="payclass" @click="paytype=2" :style="paytype==2?'border: 1px solid #185546;':'border: 1px solid #e5e8ed;'">Pay 2</div>
- </div>
+ </div> -->
<van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem"
@click="selCzFns">{{ $t("hj172") }}</van-button>
+ <van-dialog v-model="dialogVisible" :title="$t('请联系客服进行充值服务')" show-cancel-button :confirm-button-text="$t('联系客服')"
+ :cancel-button-text="$t('qx')" @confirm="onConfirm" @cancel="onCancel">
+ </van-dialog>
</template>
</div>
</main>
@@ -79,6 +95,7 @@
// getPayInfo
data() {
return {
+ dialogVisible: false,
loading: false,
butFlg: true,
admin: apiUrl.baseURL,
@@ -101,9 +118,13 @@
form: {
img1key: "",
},
+ czlist: ['500000', '1000000', '1500000', '2000000', '2500000', '3000000']
};
},
methods: {
+ clicktype(e) {
+ this.value = e
+ },
judgeValue() {
console.log(this.form.img1key, this.value);
if (this.form.img1key && this.value) {
@@ -117,34 +138,53 @@
this.judgeValue();
},
async selCzFns() {
- const res = await thirdPartyRecharge({
- tradeAmoun: this.value,
- type:this.paytype
- });
- console.log(res);
- if (res.status == 0) {
- window.open(res.data);
- }else{
- Notify(res.msg);
- }
+ // const res = await thirdPartyRecharge({
+ // tradeAmoun: this.value,
+ // type:this.paytype
+ // });
+ // console.log(res);
+ // if (res.status == 0) {
+ // window.open(res.data);
+ // }else{
+ // Notify(res.msg);
+ // }
// if (!this.value) {
// return Notify(this.$t("hj171"));
// }
// if (!this.form.img1key) {
// return Notify(this.$t("请上传文件"));
// }
- // const res = await selCzFn({
- // payTypeId: this.paymentSelectData.id,
- // payAmt: this.value,
- // img: this.form.img1key,
- // });
- // if (res.status === 0) {
- // Notify({ type: "success", message: this.$t("hj182") });
- // setTimeout(() => {
- // this.$router.push("/rechargelist");
- // }, 500);
- // }
- // Notify("请上传文件");
+ if(this.value<100000){
+ return Notify(this.$t("最小充值金額")+100000);
+ }
+ const res = await selCzFn({
+ // payTypeId: this.paymentSelectData.id,
+ payAmt: this.value,
+ // img: this.form.img1key,
+ });
+ if (res.status === 0) {
+ // Notify({
+ // type: "success",
+ // message: this.$t("请联系客服")
+ // });
+ this.dialogVisible = !this.dialogVisible
+ // setTimeout(() => {
+ // this.$router.push("/rechargelist");
+ // }, 500);
+ }
+ // Notify("请上传文件");
+ // return Notify(this.$t("请上传文件"));
+ },
+ // 点击确认按钮时的事件
+ onConfirm() {
+ this.dialogVisible = false;
+ window.open('https://lin.ee/7I7cvGD', '_blank');
+ console.log("已确认操作");
+ },
+ // 点击取消按钮时的事件
+ onCancel() {
+ this.dialogVisible = false;
+ console.log("已取消操作");
},
async getPayInfos() {
const res = await siteGetPayInfo();
@@ -214,6 +254,41 @@
</script>
<style lang="less" scoped>
+ /deep/.van-dialog__header--isolated{
+ padding: 0.444444rem;
+ }
+ .list_xx_box {
+ padding: 10px 20px;
+ border: 1px solid #d4d4d4;
+ border-radius: 8px;
+ font-size: 20px;
+ width: 160px;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 10px;
+ font-weight: 500;
+ }
+
+ .list_xx {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ }
+
+ .list_top {
+ font-size: 24px;
+ margin-bottom: 20px;
+ font-weight: bold;
+ }
+
+ .list_title {
+ display: flex;
+ flex-direction: column;
+ margin-top: 20px;
+ }
+
.payclass {
width: 150px;
height: 40px;
--
Gitblit v1.9.3