theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

钱包 新增账户验证

Browse Source
This commit is contained in:
asd 2020-11-03 11:51:51 +08:00
parent 3665d7613a
commit c02a32355b
3 changed files with 505 additions and 352 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/i18n/en.ts
View File

@ -293,4 +293,6 @@ export default {
fengmianyaoqiu:"Cover requirements:", fengmianyaoqiu:"Cover requirements:",
fengmianyaoqiu1:"File extension: JPG, png", fengmianyaoqiu1:"File extension: JPG, png",
fengmianyaoqiu2:"File size limit: 2m", fengmianyaoqiu2:"File size limit: 2m",
kahaoweikong:"Card number cannot be empty",
kaihuhangweikong:"Swiftcode cannot be empty"
} }

4
src/i18n/zh.ts
View File

@ -292,5 +292,7 @@ export default {
chushihuashibai:"初始化本地流失败", chushihuashibai:"初始化本地流失败",
buzhichifenxiang:"您的浏览器不支持屏幕分享，请下载新版chrome", buzhichifenxiang:"您的浏览器不支持屏幕分享，请下载新版chrome",
xuanzefenxiangneirong:"请选择分享的内容", xuanzefenxiangneirong:"请选择分享的内容",
guanbishibai:"关闭失败" guanbishibai:"关闭失败",
kahaoweikong:"卡号不能为空",
kaihuhangweikong:"开户行不能为空"
} }

273
src/views/mine/Addaccount.vue
View File

@ -1,33 +1,46 @@
<template> <template>
<div class="cashout"> <div class="cashout">
<div class="mingxilist"> <div class="mingxilist">
<div class="tabs"> <div class="tabs">
<div class="beforetab">{{lan.$t('xinzengzhanghu')}}</div> <div class="beforetab">{{ lan.$t("xinzengzhanghu") }}</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="choose"> <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> --> <!-- <a-radio></a-radio> -->
<div v-if="lan.$s()=='zh'"> <div v-if="lan.$s() == 'zh'">
<a-radio-group <a-radio-group
name="radioGroup" name="radioGroup"
class="accountlist" class="accountlist"
@change="onChange" @change="onChange"
v-model:value="accountinfo.type" v-model:value="accountinfo.type"
> >
<a-radio :value="4"> <a-radio :value="4">
<img src="@/static/images/bank.png" alt="" class="icon icon1" /> <img
<span>{{lan.$t('yinhangka')}}</span> src="@/static/images/bank.png"
alt=""
class="icon icon1"
/>
<span>{{ lan.$t("yinhangka") }}</span>
</a-radio> </a-radio>
<a-radio :value="2"> <a-radio :value="2">
<img src="@/static/images/walletzfb.png" alt="" class="icon" /> <img
<span>{{lan.$t('zhifubao')}}</span> src="@/static/images/walletzfb.png"
alt=""
class="icon"
/>
<span>{{ lan.$t("zhifubao") }}</span>
</a-radio> </a-radio>
<a-radio :value="1"> <a-radio :value="1">
<img src="@/static/images/walletweixin.png" alt="" class="icon" /> <img
<span>{{lan.$t('weixin')}}</span> src="@/static/images/walletweixin.png"
alt=""
class="icon"
/>
<span>{{ lan.$t("weixin") }}</span>
</a-radio> </a-radio>
</a-radio-group> </a-radio-group>
</div> </div>
@ -39,30 +52,47 @@
@change="onChange1" @change="onChange1"
:default-value="1" :default-value="1"
> >
<a-radio :value="1"> <a-radio :value="4">
<img <img
src="@/static/images/foreignbank.png" src="@/static/images/foreignbank.png"
alt="" alt=""
class="icon icon1" class="icon icon1"
/> />
<span>{{lan.$t('yinhangka')}}</span> <span>{{ lan.$t("yinhangka") }}</span>
</a-radio> </a-radio>
<a-radio :value="2"> <a-radio :value="3">
<img src="@/static/images/paypi.png" alt="" class="icon" /> <img
src="@/static/images/paypi.png"
alt=""
class="icon"
/>
<span>payple</span> <span>payple</span>
</a-radio> </a-radio>
</a-radio-group> </a-radio-group>
</div> </div>
</div> </div>
<div class="cashoutmoney" v-if="accountinfo.type == 4 && lan.$s()=='zh'"> <div
<a-form > class="cashoutmoney"
v-if="accountinfo.type == 4 && lan.$s() == 'zh'"
>
<a-form>
<div> <div>
<div class="infoitem"> <div class="infoitem">
<span class="label label1"><span style="color:red">*</span>{{lan.$t('xingming')}}</span> <span class="label label1"
<a-input v-model:value="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" /> ><span style="color: red">*</span
>{{ lan.$t("xingming") }}</span
>
<a-input
v-model:value="accountinfo.mname"
class="shuru"
:placeholder="lan.$t('shuruxingming')"
/>
</div> </div>
<div class="infoitem"> <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 <a-input
v-model:value="accountinfo.bankcode" v-model:value="accountinfo.bankcode"
class="shuru" class="shuru"
@ -70,7 +100,10 @@
/> />
</div> </div>
<div class="infoitem"> <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 <a-input
v-model:value="accountinfo.bankname" v-model:value="accountinfo.bankname"
class="shuru shuru2" class="shuru shuru2"
@ -80,10 +113,16 @@
</div> </div>
</a-form> </a-form>
</div> </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>
<div class="infoitem"> <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 <a-input
v-model:value="accountinfo.account" v-model:value="accountinfo.account"
class="shuru" class="shuru"
@ -92,35 +131,61 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cashoutmoney" v-if="accountinfo.type == 1 && lan.$s()=='zh'"> <div
<div class="label label1"><span style="color:red">*</span>{{lan.$t('saomabangding')}}</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"> <div class="ewmbox">
<img src="@/static/images/erweima.png" alt="" class="ewmpic" /> <img
<div class="desc">{{lan.$t('zhu')}}：</div> src="@/static/images/erweima.png"
alt=""
class="ewmpic"
/>
<div class="desc">{{ lan.$t("zhu") }}：</div>
<div class="desc desc1"> <div class="desc desc1">
{{lan.$t('weixinbangding')}} {{ lan.$t("weixinbangding") }}
</div> </div>
</div> </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>
<div class="infoitem"> <div class="infoitem">
<span class="label label1"><span style="color:red">*</span>{{lan.$t('zhanghuming')}}</span> <span class="label label1"
<a-input v-model="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" /> ><span style="color: red">*</span
>{{ lan.$t("zhanghuming") }}</span
>
<a-input
v-model:value="accountinfo.mname"
class="shuru"
:placeholder="lan.$t('shuruxingming')"
/>
</div> </div>
<div class="infoitem"> <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 <a-input
v-model="accountinfo.bankcode" v-model:value="accountinfo.bankcode"
class="shuru shuru2" class="shuru shuru2"
:placeholder="shurukahao" :placeholder="lan.$t('shurukahao')"
/> />
</div> </div>
<div class="infoitem infoitem1"> <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 <a-input
v-model="accountinfo.bankname" v-model:value="accountinfo.bankname"
class="shuru shuru1" class="shuru shuru1"
:placeholder="lan.$t('shurukaihuhang')" :placeholder="lan.$t('shurukaihuhang')"
/> />
@ -128,10 +193,16 @@
</div> </div>
</div> </div>
<div class="cashoutmoney" v-if="paytypeforign == 2 && lan.$s()=='en'"> <div
class="cashoutmoney"
v-if="paytypeforign == 3 && lan.$s() == 'en'"
>
<div> <div>
<div class="infoitem"> <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 <a-input
v-model:value="accountinfo.account" v-model:value="accountinfo.account"
class="shuru" class="shuru"
@ -140,7 +211,9 @@
</div> </div>
</div> </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> <NavBottom class="navbottom"></NavBottom>
</div> </div>
</div> </div>
@ -149,9 +222,10 @@
<script lang="ts"> <script lang="ts">
import { defineComponent, onMounted, ref, toRaw } from "vue"; import { defineComponent, onMounted, ref, toRaw } from "vue";
import NavBottom from "@/components/NavBottom.vue"; import NavBottom from "@/components/NavBottom.vue";
import { accountadd, editaccount, getaccountinfo } from '@/api'; import { accountadd, editaccount, getaccountinfo } from "@/api";
import { useRoute } from 'vue-router'; import { useRoute } from "vue-router";
import { useI18n } from '@/utils/i18n'; import { useI18n } from "@/utils/i18n";
import { message } from "ant-design-vue";
export default defineComponent({ export default defineComponent({
name: "Cashout", name: "Cashout",
components: { components: {
@ -161,10 +235,10 @@ export default defineComponent({
const lan: any = useI18n(); const lan: any = useI18n();
const money = ref(0); const money = ref(0);
const paytype = ref(4); const paytype = ref(4);
const paytypeforign = ref(1); const paytypeforign = ref(4);
const accountinfo = ref<any>({ const accountinfo = ref<any>({
type: 4, type: 4,
account:"", account: "",
mname: "", mname: "",
bankcode: "", bankcode: "",
bankname: "", bankname: "",
@ -178,33 +252,108 @@ export default defineComponent({
const onChange: (e: Changes) => void = (e: Changes) => { const onChange: (e: Changes) => void = (e: Changes) => {
console.log("radio checked", e.target.value); console.log("radio checked", e.target.value);
paytype.value = 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) => { const onChange1: (e: Changes) => void = (e: Changes) => {
console.log("radio checked", e.target.value); console.log("radio checked", e.target.value);
paytypeforign.value = e.target.value; paytypeforign.value = e.target.value;
}; };
function sub(){ function sub() {
console.log(toRaw(accountinfo.value),11) console.log(toRaw(accountinfo.value), 11);
// cosnole.log(useRoute().query.id) // cosnole.log(useRoute().query.id)
if(toRaw(accountinfo.value).accountid){ const accountinfofin = toRaw(accountinfo.value);
console.log(300) if (lan.$s() == "zh") {
editaccount(toRaw(accountinfo.value).accountid) if (accountinfofin.type == 4) {
}else{ console.log(paytype.value);
console.log(111) if (accountinfofin.mname == "") {
accountadd(toRaw(accountinfo.value)) message.error(lan.$t("xingmingweikong"));
} else if (accountinfofin.bankcode == "") {
message.error(lan.$t("kahaoweikong"));
} else if (accountinfofin.bankname == "") {
message.error(lan.$t("kaihuhangweikong"));
} 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 == 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); const ifchina = ref(true);
onMounted(async () => { onMounted(async () => {
if(useRoute().query.id){ 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) // console.log(await getaccountinfo(useRoute().query.id),233)
} }
// useRoute().query.id // useRoute().query.id
}) });
return { return {
money, money,
onChange, onChange,
@ -214,7 +363,7 @@ export default defineComponent({
onChange1, onChange1,
sub, sub,
accountinfo, accountinfo,
lan lan,
}; };
}, },
}); });
@ -320,9 +469,9 @@ export default defineComponent({
.label1 { .label1 {
margin-left: 40px; margin-left: 40px;
} }
.label2{ .label2 {
width: 90px; width: 90px;
word-wrap:break-word!important word-wrap: break-word !important;
} }
.cashoutmoney { .cashoutmoney {
display: flex; display: flex;
@ -330,7 +479,7 @@ export default defineComponent({
.infoitem { .infoitem {
margin-bottom: 28px; margin-bottom: 28px;
} }
.infoitem1{ .infoitem1 {
display: flex; display: flex;
} }
.shuru { .shuru {
@ -341,8 +490,8 @@ export default defineComponent({
.shuru1 { .shuru1 {
margin-left: -15px; margin-left: -15px;
} }
.shuru2{ .shuru2 {
margin-left:18px margin-left: 18px;
} }
.ewmbox { .ewmbox {
display: flex; display: flex;