钱包 新增账户验证
This commit is contained in:
parent
3665d7613a
commit
c02a32355b
@ -293,4 +293,6 @@ export default {
|
||||
fengmianyaoqiu:"Cover requirements:",
|
||||
fengmianyaoqiu1:"File extension: JPG, png",
|
||||
fengmianyaoqiu2:"File size limit: 2m",
|
||||
kahaoweikong:"Card number cannot be empty",
|
||||
kaihuhangweikong:"Swiftcode cannot be empty"
|
||||
}
|
||||
@ -292,5 +292,7 @@ export default {
|
||||
chushihuashibai:"初始化本地流失败",
|
||||
buzhichifenxiang:"您的浏览器不支持屏幕分享，请下载新版chrome",
|
||||
xuanzefenxiangneirong:"请选择分享的内容",
|
||||
guanbishibai:"关闭失败"
|
||||
guanbishibai:"关闭失败",
|
||||
kahaoweikong:"卡号不能为空",
|
||||
kaihuhangweikong:"开户行不能为空"
|
||||
}
|
||||
@ -1,13 +1,15 @@
|
||||
<template>
|
||||
<div class="cashout">
|
||||
|
||||
<div class="mingxilist">
|
||||
<div class="tabs">
|
||||
<div class="beforetab">{{lan.$t('xinzengzhanghu')}}</div>
|
||||
<div class="beforetab">{{ lan.$t("xinzengzhanghu") }}</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="choose">
|
||||
<div class="label"><span style="color:red">*</span>{{lan.$t('xuanzezhanghu')}}</div>
|
||||
<div class="label">
|
||||
<span style="color: red">*</span
|
||||
>{{ lan.$t("xuanzezhanghu") }}
|
||||
</div>
|
||||
<!-- <a-radio></a-radio> -->
|
||||
<div v-if="lan.$s() == 'zh'">
|
||||
<a-radio-group
|
||||
@ -15,19 +17,30 @@
|
||||
class="accountlist"
|
||||
@change="onChange"
|
||||
v-model:value="accountinfo.type"
|
||||
|
||||
>
|
||||
<a-radio :value="4">
|
||||
<img src="@/static/images/bank.png" alt="" class="icon icon1" />
|
||||
<span>{{lan.$t('yinhangka')}}</span>
|
||||
<img
|
||||
src="@/static/images/bank.png"
|
||||
alt=""
|
||||
class="icon icon1"
|
||||
/>
|
||||
<span>{{ lan.$t("yinhangka") }}</span>
|
||||
</a-radio>
|
||||
<a-radio :value="2">
|
||||
<img src="@/static/images/walletzfb.png" alt="" class="icon" />
|
||||
<span>{{lan.$t('zhifubao')}}</span>
|
||||
<img
|
||||
src="@/static/images/walletzfb.png"
|
||||
alt=""
|
||||
class="icon"
|
||||
/>
|
||||
<span>{{ lan.$t("zhifubao") }}</span>
|
||||
</a-radio>
|
||||
<a-radio :value="1">
|
||||
<img src="@/static/images/walletweixin.png" alt="" class="icon" />
|
||||
<span>{{lan.$t('weixin')}}</span>
|
||||
<img
|
||||
src="@/static/images/walletweixin.png"
|
||||
alt=""
|
||||
class="icon"
|
||||
/>
|
||||
<span>{{ lan.$t("weixin") }}</span>
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
@ -39,30 +52,47 @@
|
||||
@change="onChange1"
|
||||
:default-value="1"
|
||||
>
|
||||
<a-radio :value="1">
|
||||
<a-radio :value="4">
|
||||
<img
|
||||
src="@/static/images/foreignbank.png"
|
||||
alt=""
|
||||
class="icon icon1"
|
||||
/>
|
||||
<span>{{lan.$t('yinhangka')}}</span>
|
||||
<span>{{ lan.$t("yinhangka") }}</span>
|
||||
</a-radio>
|
||||
<a-radio :value="2">
|
||||
<img src="@/static/images/paypi.png" alt="" class="icon" />
|
||||
<a-radio :value="3">
|
||||
<img
|
||||
src="@/static/images/paypi.png"
|
||||
alt=""
|
||||
class="icon"
|
||||
/>
|
||||
<span>payple</span>
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 4 && lan.$s()=='zh'">
|
||||
<div
|
||||
class="cashoutmoney"
|
||||
v-if="accountinfo.type == 4 && lan.$s() == 'zh'"
|
||||
>
|
||||
<a-form>
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('xingming')}}</span>
|
||||
<a-input v-model:value="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("xingming") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.mname"
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shuruxingming')"
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('kahao')}}</span>
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("kahao") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.bankcode"
|
||||
class="shuru"
|
||||
@ -70,7 +100,10 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('kaihuhang')}}</span>
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("kaihuhang") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.bankname"
|
||||
class="shuru shuru2"
|
||||
@ -80,10 +113,16 @@
|
||||
</div>
|
||||
</a-form>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 2 && lan.$s()=='zh'">
|
||||
<div
|
||||
class="cashoutmoney"
|
||||
v-if="accountinfo.type == 2 && lan.$s() == 'zh'"
|
||||
>
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('zhanghao')}}</span>
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("zhanghao") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.account"
|
||||
class="shuru"
|
||||
@ -92,35 +131,61 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cashoutmoney" v-if="accountinfo.type == 1 && lan.$s()=='zh'">
|
||||
<div class="label label1"><span style="color:red">*</span>{{lan.$t('saomabangding')}}</div>
|
||||
<div
|
||||
class="cashoutmoney"
|
||||
v-if="accountinfo.type == 1 && lan.$s() == 'zh'"
|
||||
>
|
||||
<div class="label label1">
|
||||
<span style="color: red">*</span
|
||||
>{{ lan.$t("saomabangding") }}
|
||||
</div>
|
||||
<div class="ewmbox">
|
||||
<img src="@/static/images/erweima.png" alt="" class="ewmpic" />
|
||||
<div class="desc">{{lan.$t('zhu')}}：</div>
|
||||
<img
|
||||
src="@/static/images/erweima.png"
|
||||
alt=""
|
||||
class="ewmpic"
|
||||
/>
|
||||
<div class="desc">{{ lan.$t("zhu") }}：</div>
|
||||
<div class="desc desc1">
|
||||
{{lan.$t('weixinbangding')}}
|
||||
{{ lan.$t("weixinbangding") }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cashoutmoney" v-if="paytypeforign == 1 && lan.$s()=='en'">
|
||||
<div
|
||||
class="cashoutmoney"
|
||||
v-if="paytypeforign == 4 && lan.$s() == 'en'"
|
||||
>
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('zhanghuming')}}</span>
|
||||
<a-input v-model="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("zhanghuming") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.mname"
|
||||
class="shuru"
|
||||
:placeholder="lan.$t('shuruxingming')"
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('yinhangzhanghu')}}</span>
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("yinhangzhanghu") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model="accountinfo.bankcode"
|
||||
v-model:value="accountinfo.bankcode"
|
||||
class="shuru shuru2"
|
||||
:placeholder="shurukahao"
|
||||
:placeholder="lan.$t('shurukahao')"
|
||||
/>
|
||||
</div>
|
||||
<div class="infoitem infoitem1">
|
||||
<div class="label label1 label2"> <span style="color:red">*</span>{{lan.$t(yinhangbic)}} /swift code </div>
|
||||
<div class="label label1 label2">
|
||||
<span style="color: red">*</span
|
||||
>{{ lan.$t(yinhangbic) }} /swift code
|
||||
</div>
|
||||
<a-input
|
||||
v-model="accountinfo.bankname"
|
||||
v-model:value="accountinfo.bankname"
|
||||
class="shuru shuru1"
|
||||
:placeholder="lan.$t('shurukaihuhang')"
|
||||
/>
|
||||
@ -128,10 +193,16 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cashoutmoney" v-if="paytypeforign == 2 && lan.$s()=='en'">
|
||||
<div
|
||||
class="cashoutmoney"
|
||||
v-if="paytypeforign == 3 && lan.$s() == 'en'"
|
||||
>
|
||||
<div>
|
||||
<div class="infoitem">
|
||||
<span class="label label1"><span style="color:red">*</span>{{lan.$t('zhanghao')}}</span>
|
||||
<span class="label label1"
|
||||
><span style="color: red">*</span
|
||||
>{{ lan.$t("zhanghao") }}</span
|
||||
>
|
||||
<a-input
|
||||
v-model:value="accountinfo.account"
|
||||
class="shuru"
|
||||
@ -140,7 +211,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cashoutall submit" @click="sub">{{lan.$t('tijiao')}}</div>
|
||||
<div class="cashoutall submit" @click="sub">
|
||||
{{ lan.$t("tijiao") }}
|
||||
</div>
|
||||
<NavBottom class="navbottom"></NavBottom>
|
||||
</div>
|
||||
</div>
|
||||
@ -149,9 +222,10 @@
|
||||
<script lang="ts">
|
||||
import { defineComponent, onMounted, ref, toRaw } from "vue";
|
||||
import NavBottom from "@/components/NavBottom.vue";
|
||||
import { accountadd, editaccount, getaccountinfo } from '@/api';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { useI18n } from '@/utils/i18n';
|
||||
import { accountadd, editaccount, getaccountinfo } from "@/api";
|
||||
import { useRoute } from "vue-router";
|
||||
import { useI18n } from "@/utils/i18n";
|
||||
import { message } from "ant-design-vue";
|
||||
export default defineComponent({
|
||||
name: "Cashout",
|
||||
components: {
|
||||
@ -161,7 +235,7 @@ export default defineComponent({
|
||||
const lan: any = useI18n();
|
||||
const money = ref(0);
|
||||
const paytype = ref(4);
|
||||
const paytypeforign = ref(1);
|
||||
const paytypeforign = ref(4);
|
||||
const accountinfo = ref<any>({
|
||||
type: 4,
|
||||
account: "",
|
||||
@ -178,33 +252,108 @@ export default defineComponent({
|
||||
const onChange: (e: Changes) => void = (e: Changes) => {
|
||||
console.log("radio checked", e.target.value);
|
||||
paytype.value = e.target.value;
|
||||
accountinfo.value.type=e.target.value
|
||||
accountinfo.value.type = e.target.value;
|
||||
};
|
||||
const onChange1: (e: Changes) => void = (e: Changes) => {
|
||||
console.log("radio checked", e.target.value);
|
||||
paytypeforign.value = e.target.value;
|
||||
};
|
||||
function sub() {
|
||||
console.log(toRaw(accountinfo.value),11)
|
||||
console.log(toRaw(accountinfo.value), 11);
|
||||
// cosnole.log(useRoute().query.id)
|
||||
if(toRaw(accountinfo.value).accountid){
|
||||
console.log(300)
|
||||
editaccount(toRaw(accountinfo.value).accountid)
|
||||
const accountinfofin = toRaw(accountinfo.value);
|
||||
if (lan.$s() == "zh") {
|
||||
if (accountinfofin.type == 4) {
|
||||
console.log(paytype.value);
|
||||
if (accountinfofin.mname == "") {
|
||||
message.error(lan.$t("xingmingweikong"));
|
||||
} else if (accountinfofin.bankcode == "") {
|
||||
message.error(lan.$t("kahaoweikong"));
|
||||
} else if (accountinfofin.bankname == "") {
|
||||
message.error(lan.$t("kaihuhangweikong"));
|
||||
} else {
|
||||
console.log(111)
|
||||
accountadd(toRaw(accountinfo.value))
|
||||
if (toRaw(accountinfo.value).accountid) {
|
||||
console.log(300);
|
||||
editaccount(toRaw(accountinfo.value).accountid);
|
||||
} else {
|
||||
console.log(111);
|
||||
accountadd(toRaw(accountinfo.value));
|
||||
}
|
||||
}
|
||||
} else if (accountinfofin.type == 2) {
|
||||
if (accountinfofin.account == "") {
|
||||
message.error(lan.$t("zhanghaoweikong"));
|
||||
} else {
|
||||
if (toRaw(accountinfo.value).accountid) {
|
||||
console.log(300);
|
||||
editaccount(toRaw(accountinfo.value).accountid);
|
||||
} else {
|
||||
console.log(111);
|
||||
accountadd(toRaw(accountinfo.value));
|
||||
}
|
||||
}
|
||||
} else if (accountinfofin.type == 1) {
|
||||
if (toRaw(accountinfo.value).accountid) {
|
||||
console.log(300);
|
||||
editaccount(toRaw(accountinfo.value).accountid);
|
||||
} else {
|
||||
console.log(111);
|
||||
accountadd(toRaw(accountinfo.value));
|
||||
}
|
||||
}
|
||||
} else if (lan.$s() == "en") {
|
||||
|
||||
if (paytypeforign.value == 4) {
|
||||
console.log(paytype.value);
|
||||
if (accountinfo.value.mname == "") {
|
||||
message.error(lan.$t("xingmingweikong"));
|
||||
} else if (accountinfo.value.bankcode == "") {
|
||||
message.error(lan.$t("kahaoweikong"));
|
||||
} else if (accountinfo.value.bankname == "") {
|
||||
message.error(lan.$t("kaihuhangweikong"));
|
||||
} else {
|
||||
if (toRaw(accountinfo.value).accountid) {
|
||||
editaccount(toRaw(accountinfo.value).accountid);
|
||||
} else {
|
||||
accountadd(toRaw(accountinfo.value));
|
||||
}
|
||||
}
|
||||
} else if (paytypeforign.value == 3) {
|
||||
console.log(3333)
|
||||
if (accountinfo.value.account == "") {
|
||||
message.error(lan.$t("zhanghaoweikong"));
|
||||
} else {
|
||||
if (toRaw(accountinfo.value).accountid) {
|
||||
console.log(300);
|
||||
editaccount(toRaw(accountinfo.value).accountid);
|
||||
} else {
|
||||
console.log(111);
|
||||
accountadd(toRaw(accountinfo.value));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// if (accountinfofin.account == "") {
|
||||
// message.error(lan.$t("zhanghaoweikong"));
|
||||
// } else {
|
||||
// if (toRaw(accountinfo.value).accountid) {
|
||||
// console.log(300);
|
||||
// editaccount(toRaw(accountinfo.value).accountid);
|
||||
// } else {
|
||||
// console.log(111);
|
||||
// accountadd(toRaw(accountinfo.value));
|
||||
// }
|
||||
// }
|
||||
}
|
||||
const ifchina = ref(true);
|
||||
|
||||
onMounted(async () => {
|
||||
if (useRoute().query.id) {
|
||||
accountinfo.value=await getaccountinfo(useRoute().query.id)
|
||||
accountinfo.value = await getaccountinfo(useRoute().query.id);
|
||||
// console.log(await getaccountinfo(useRoute().query.id),233)
|
||||
}
|
||||
// useRoute().query.id
|
||||
})
|
||||
});
|
||||
return {
|
||||
money,
|
||||
onChange,
|
||||
@ -214,7 +363,7 @@ export default defineComponent({
|
||||
onChange1,
|
||||
sub,
|
||||
accountinfo,
|
||||
lan
|
||||
lan,
|
||||
};
|
||||
},
|
||||
});
|
||||
@ -322,7 +471,7 @@ export default defineComponent({
|
||||
}
|
||||
.label2 {
|
||||
width: 90px;
|
||||
word-wrap:break-word!important
|
||||
word-wrap: break-word !important;
|
||||
}
|
||||
.cashoutmoney {
|
||||
display: flex;
|
||||
@ -342,7 +491,7 @@ export default defineComponent({
|
||||
margin-left: -15px;
|
||||
}
|
||||
.shuru2 {
|
||||
margin-left:18px
|
||||
margin-left: 18px;
|
||||
}
|
||||
.ewmbox {
|
||||
display: flex;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user