14 changed files with 388 additions and 322 deletions
@ -3,7 +3,7 @@ |
|||||
<view class="my-cont" @click="keCode=1"> |
<view class="my-cont" @click="keCode=1"> |
||||
<image src="../../static/home/[email protected]" mode=""></image> |
<image src="../../static/home/[email protected]" mode=""></image> |
||||
</view> |
</view> |
||||
<!-- <u-mask :z-index="10" v-if="keCode!=1"></u-mask> --> |
<u-mask :z-index="10" :show="keCode==1"></u-mask> |
||||
<view class="tc" v-show="keCode==1"> |
<view class="tc" v-show="keCode==1"> |
||||
|
|
||||
<view class="title"> |
<view class="title"> |
||||
|
@ -3,14 +3,14 @@ |
|||||
<view class="pro-head"> |
<view class="pro-head"> |
||||
promotion |
promotion |
||||
<view class="pro-hea-rig"> |
<view class="pro-hea-rig"> |
||||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1" @click="goInviteRule()"></image> |
||||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img2" @click="invMore=true,msShow=true"></image> |
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img2" @click="invMore=true,msShow=true"></image> |
||||
|
|
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="pro-body"> |
<view class="pro-body"> |
||||
<view class="pro-body-p1"> |
<view class="pro-body-p1"> |
||||
bonus: <span class="category-sigh">₦</span><span class="s1">{{inviteRule.bonusCapital}}</span> |
bonus: <span class="category-sigh">{{currencySymbol}}</span><span class="s1">{{inviteRule.bonusCapital}}</span> |
||||
</view> |
</view> |
||||
|
|
||||
<view class="pro-body-btn1" @click="appl=true,msShow=true"> |
<view class="pro-body-btn1" @click="appl=true,msShow=true"> |
||||
@ -88,7 +88,7 @@ |
|||||
</view> |
</view> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="msg-box-bg" v-show="msShow"> |
<view class="msg-box-bg" v-show="msShow" @click="invMore=false,msShow=false,appl=false"> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
|
||||
@ -100,6 +100,7 @@ |
|||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return { |
return { |
||||
|
currencySymbol:'', |
||||
leaId:0, |
leaId:0, |
||||
inviteRule:[], |
inviteRule:[], |
||||
tranAmt:'', |
tranAmt:'', |
||||
@ -124,6 +125,8 @@ |
|||||
} |
} |
||||
}, |
}, |
||||
onLoad() { |
onLoad() { |
||||
|
|
||||
|
this.currencySymbol=uni.getStorageSync('siteInfo').currencySymbol; |
||||
uni.request({ |
uni.request({ |
||||
url: '/start/api/user/inviteCode', |
url: '/start/api/user/inviteCode', |
||||
data: { |
data: { |
||||
@ -135,8 +138,7 @@ |
|||||
method: 'POST', //请求方式 或GET,必须为大写 |
method: 'POST', //请求方式 或GET,必须为大写 |
||||
success: (res) => { |
success: (res) => { |
||||
this.inviteRule=res.data.data |
this.inviteRule=res.data.data |
||||
this.copyText='http://www.ngnclub.vip/#/register?r_code='+this.inviteRule.inviteCode; |
this.copyText=this.inviteRule.qrcodeUrl; |
||||
// this.copyText=this.inviteRule.qrcodeUrl+this.inviteRule.inviteCode; |
|
||||
console.log(res.data,9999); |
console.log(res.data,9999); |
||||
}, |
}, |
||||
fail: (res) => { |
fail: (res) => { |
||||
@ -152,6 +154,11 @@ |
|||||
|
|
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
|
goInviteRule(){ |
||||
|
uni.navigateTo({ |
||||
|
url:'../rule/inviteRule/index' |
||||
|
}) |
||||
|
}, |
||||
applyAll(){ |
applyAll(){ |
||||
this.tranAmt=this.inviteRule.bonusCapital; |
this.tranAmt=this.inviteRule.bonusCapital; |
||||
}, |
}, |
||||
|
@ -7,8 +7,8 @@ |
|||||
</view> |
</view> |
||||
</navigation> |
</navigation> |
||||
<view class="rech-body"> |
<view class="rech-body"> |
||||
<view class="pro-body-p1">Balance:<span data-v-642729fd="" class="category-sigh">₦</span><span |
<view class="pro-body-p1">Balance:<span data-v-642729fd="" class="category-sigh">{{currencySymbol}}</span><span |
||||
class="s1">385853.5</span></view> |
class="s1">{{currentBalance}}</span></view> |
||||
<view class="input-item flex"> |
<view class="input-item flex"> |
||||
<view class="login-sigh login-sigh2 flex"> |
<view class="login-sigh login-sigh2 flex"> |
||||
<view class="imgcon"> |
<view class="imgcon"> |
||||
@ -24,12 +24,12 @@ |
|||||
<input type="text" value="" placeholder="Name" |
<input type="text" value="" placeholder="Name" |
||||
placeholder-style="color: #BFC2CCFF;font-size:14px;" /> |
placeholder-style="color: #BFC2CCFF;font-size:14px;" /> |
||||
</view> --> |
</view> --> |
||||
<view class="input-item flex"> |
<view class="input-item flex" v-show="pd==0"> |
||||
<view class="login-sigh flex"> |
<view class="login-sigh flex"> |
||||
<span class="quhao">+{{areacode}}</span> |
<span class="quhao">+{{areacode}}</span> |
||||
</view> |
</view> |
||||
<input type="text" value="" placeholder="mobile number" |
<input type="text" value="" placeholder="mobile number" |
||||
placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="mobile" disabled /> |
placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="mobile" /> |
||||
</view> |
</view> |
||||
<!-- <view class="input-item flex"> |
<!-- <view class="input-item flex"> |
||||
<input type="text" value="" placeholder="email" |
<input type="text" value="" placeholder="email" |
||||
@ -40,9 +40,9 @@ |
|||||
|
|
||||
</view> |
</view> |
||||
|
|
||||
<view class="rech-mount flex"> |
<view class="rech-mount flex" v-show="pd==0"> |
||||
<view class="mount" v-for="(item,index) in recharge_amount" :key="item" @click="getMonVal(item)"> |
<view class="mount" v-for="(item,index) in recharge_amount" :key="item" @click="getMonVal(item)"> |
||||
₦ {{item}} |
{{currencySymbol}} {{item}} |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
|
||||
@ -51,23 +51,16 @@ |
|||||
payment |
payment |
||||
</view> |
</view> |
||||
<view class="paymentType"> |
<view class="paymentType"> |
||||
<view class="capy"> |
|
||||
|
|
||||
<image src="../../../static/login/[email protected]" mode=""></image> |
|
||||
CPAY |
|
||||
</view> |
|
||||
|
|
||||
|
|
||||
<u-radio-group v-model="payType" @change="radioGroupChange" class="payTypenName"> |
<u-radio-group v-model="payType" @change="radioGroupChange" class="payTypenName"> |
||||
<u-radio @change="radioChange" v-for="(item, index) in paymentType" :key="index" |
<u-radio @change="radioChange(item)" v-for="(item, index) in paymentType" :key="index" |
||||
:name="item.payType" :disabled="item.disabled" active-color="#954DE3FF"> |
:name="item.typeName" :disabled="item.disabled" active-color="#954DE3FF"> |
||||
{{item.payType}} |
{{item.typeName}} |
||||
</u-radio> |
</u-radio> |
||||
</u-radio-group> |
</u-radio-group> |
||||
|
|
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<view class="rech-btn-con"> |
<view class="rech-btn-con" v-show="pd==0"> |
||||
<view class="rech-btn" @click="PayTo()"> |
<view class="rech-btn" @click="PayTo()"> |
||||
Confirm |
Confirm |
||||
</view> |
</view> |
||||
@ -83,6 +76,7 @@ |
|||||
export default { |
export default { |
||||
data() { |
data() { |
||||
return { |
return { |
||||
|
pd:0, |
||||
mobile:'', |
mobile:'', |
||||
areacode: '', |
areacode: '', |
||||
tranAmt: '', |
tranAmt: '', |
||||
@ -90,13 +84,16 @@ |
|||||
recharge_amount: [], |
recharge_amount: [], |
||||
paymentType: [], |
paymentType: [], |
||||
payType: '', |
payType: '', |
||||
|
currencySymbol:'', |
||||
|
currentBalance:'' |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
onLoad() { |
onLoad() { |
||||
this.mobile=uni.getStorageSync('loginMobile'); |
this.mobile=uni.getStorageSync('loginMobile'); |
||||
|
this.currentBalance=uni.getStorageSync('currentBalance'); |
||||
this.areacode = uni.getStorageSync('siteInfo').areaCode; |
this.areacode = uni.getStorageSync('siteInfo').areaCode; |
||||
|
this.currencySymbol=uni.getStorageSync('siteInfo').currencySymbol; |
||||
uni.request({ |
uni.request({ |
||||
url: '/start/api/recharge/rechargeConfig', |
url: '/start/api/recharge/rechargeConfig', |
||||
data: { |
data: { |
||||
@ -264,11 +261,17 @@ |
|||||
}); |
}); |
||||
}, |
}, |
||||
radioChange(e) { |
radioChange(e) { |
||||
|
if(e.payType=='pay.offline'){ |
||||
|
this.pd=1; |
||||
|
}else{ |
||||
|
this.pd=0; |
||||
|
} |
||||
|
console.log(e) |
||||
}, |
}, |
||||
// 选中任一radio时,由radio-group触发 |
// 选中任一radio时,由radio-group触发 |
||||
radioGroupChange(e) { |
radioGroupChange(e) { |
||||
// console.log(e); |
// console.log(e); |
||||
console.log(this.payType); |
|
||||
}, |
}, |
||||
getMonVal(m) { |
getMonVal(m) { |
||||
this.tranAmt = m |
this.tranAmt = m |
||||
|
@ -2,7 +2,7 @@ |
|||||
<view class="content"> |
<view class="content"> |
||||
<view class="ru-head"> |
<view class="ru-head"> |
||||
<view class="ru-imgcon"> |
<view class="ru-imgcon"> |
||||
<image src="../../../../static/home/[email protected]" mode=""></image> |
<image src="../../../../static/home/[email protected]" mode="" @click="back"></image> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
|
|
||||
@ -63,7 +63,9 @@ |
|||||
}); |
}); |
||||
}, |
}, |
||||
methods: { |
methods: { |
||||
|
back(){ |
||||
|
uni.navigateBack() |
||||
|
} |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
@ -3,13 +3,16 @@ |
|||||
<navigation> |
<navigation> |
||||
withdrawal |
withdrawal |
||||
<view class="bread" slot="bread"> |
<view class="bread" slot="bread"> |
||||
<image src="../../../static/promo/[email protected]" mode="aspectFit" @click="invMore=true,msShow=true"></image> |
<image src="../../../static/promo/[email protected]" mode="aspectFit" |
||||
|
@click="invMore=true,msShow=true"></image> |
||||
</view> |
</view> |
||||
</navigation> |
</navigation> |
||||
<view class="rech-body"> |
<view class="rech-body"> |
||||
<view class="pro-body-p1">Balance:<span data-v-642729fd="" class="category-sigh">₦</span><span class="s1">{{withdrawConfig.currentBalance}}</span></view> |
<view class="pro-body-p1">Balance:<span data-v-642729fd="" |
||||
<view > |
class="category-sigh">{{currentBalance}}</span><span class="s1"></span></view> |
||||
<u-modal v-model="show" width="80%" :show-title="false" confirm-text="Confirm" confirm-color="#954DE3FF"> |
<view> |
||||
|
<u-modal v-model="show" width="80%" :show-title="false" confirm-text="Confirm" |
||||
|
confirm-color="#954DE3FF"> |
||||
<view class="" v-html="content" class="p_con"></view> |
<view class="" v-html="content" class="p_con"></view> |
||||
</u-modal> |
</u-modal> |
||||
</view> |
</view> |
||||
@ -20,14 +23,16 @@ |
|||||
<image src="../../../static/promo/[email protected]" mode="aspectFit"></image> |
<image src="../../../static/promo/[email protected]" mode="aspectFit"></image> |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<input value="" placeholder="enter withdrawal amount" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform:capital" v-model="tranAmt" @input="calulate"/> |
<input value="" placeholder="enter withdrawal amount" |
||||
|
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform:capital" v-model="tranAmt" |
||||
|
@input="calulate" /> |
||||
</view> |
</view> |
||||
<view class="p_con"> |
<view class="p_con"> |
||||
<view class="fee"> |
<view class="fee"> |
||||
FEE:{{this.fee}}, TO ACCOUNT {{this.trueMoney}} |
FEE:{{this.fee}}, TO ACCOUNT {{this.trueMoney}} |
||||
</view> |
</view> |
||||
<view class="minnum"> |
<view class="minnum"> |
||||
MINIMUM WITHDRAWAL AMOUNT: {{withdrawConfig.withdraw_min_amt}} |
MINIMUM WITHDRAWAL AMOUNT: {{withdrawConfig.withdraw_limit_min}} |
||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<!-- <view class="rech-capy"> |
<!-- <view class="rech-capy"> |
||||
@ -49,11 +54,9 @@ |
|||||
</view> |
</view> |
||||
</view> |
</view> |
||||
<input type="text" value="" placeholder="mobile phone" v-model="mobile" disabled |
<input type="text" value="" placeholder="mobile phone" v-model="mobile" disabled |
||||
placeholder-style="color: #BFC2CCFF;font-size:14px;" |
placeholder-style="color: #BFC2CCFF;font-size:14px;" /> |
||||
|
|
||||
/> |
|
||||
</view> |
</view> |
||||
<!-- <view class="input-item flex"> |
<!-- <view class="input-item flex"> |
||||
<view class="login-sigh login-sigh2 flex"> |
<view class="login-sigh login-sigh2 flex"> |
||||
<view class="imgcon"> |
<view class="imgcon"> |
||||
<image src="../../static/login/[email protected]" mode=""></image> |
<image src="../../static/login/[email protected]" mode=""></image> |
||||
@ -105,24 +108,27 @@ |
|||||
import utils from '@/utils' |
import utils from '@/utils' |
||||
import cont from "@/components/navigation/navigation.vue" |
import cont from "@/components/navigation/navigation.vue" |
||||
import md5 from 'js-md5' |
import md5 from 'js-md5' |
||||
export default{ |
export default { |
||||
data(){ |
data() { |
||||
return{ |
return { |
||||
withdrawConfig:[], |
currentBalance: '', |
||||
|
currencySymbol: '', |
||||
|
withdrawConfig: [], |
||||
show: false, |
show: false, |
||||
content: '', |
content: '', |
||||
password:'', |
password: '', |
||||
tranAmt:'', |
tranAmt: '', |
||||
mobile:'', |
mobile: '', |
||||
fee:'', |
fee: '', |
||||
trueMoney:'', |
trueMoney: '', |
||||
btncol:0, |
btncol: 0, |
||||
invMore:false, |
invMore: false, |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
onLoad() { |
onLoad() { |
||||
this.mobile=uni.getStorageSync('loginMobile'); |
this.currentBalance = uni.getStorageSync('currentBalance'); |
||||
|
this.mobile = uni.getStorageSync('loginMobile'); |
||||
uni.request({ |
uni.request({ |
||||
url: '/start/api/withdraw/withdrawConfig', |
url: '/start/api/withdraw/withdrawConfig', |
||||
data: { |
data: { |
||||
@ -133,11 +139,11 @@ |
|||||
}, |
}, |
||||
method: 'POST', //请求方式 或GET,必须为大写 |
method: 'POST', //请求方式 或GET,必须为大写 |
||||
success: (res) => { |
success: (res) => { |
||||
this.withdrawConfig=res.data.data; |
this.withdrawConfig = res.data.data; |
||||
this.content=this.withdrawConfig.tips; |
this.content = this.withdrawConfig.tips; |
||||
console.log(res.data,8880); |
console.log(res.data, 8880); |
||||
console.log(this.withdrawConfig,9990); |
console.log(this.withdrawConfig, 9990); |
||||
this.show=true; |
this.show = true; |
||||
}, |
}, |
||||
fail: (res) => { |
fail: (res) => { |
||||
console.log(res.data); |
console.log(res.data); |
||||
@ -146,51 +152,51 @@ |
|||||
|
|
||||
|
|
||||
}, |
}, |
||||
methods:{ |
methods: { |
||||
gow(){ |
gow() { |
||||
uni.reLaunch({ |
uni.reLaunch({ |
||||
url:'../index' |
url: '../index' |
||||
}) |
}) |
||||
}, |
}, |
||||
goBouns(){ |
goBouns() { |
||||
uni.reLaunch({ |
uni.reLaunch({ |
||||
url:'./transactions/index' |
url: './transactions/index' |
||||
}) |
}) |
||||
}, |
}, |
||||
goProRe(){ |
goProRe() { |
||||
uni.reLaunch({ |
uni.reLaunch({ |
||||
url:'./withdrawlRecord/index' |
url: './withdrawlRecord/index' |
||||
}) |
}) |
||||
}, |
}, |
||||
calulate(){ |
calulate() { |
||||
this.fee=this.tranAmt*0.1; |
this.fee = this.tranAmt * 0.1; |
||||
this.trueMoney=this.tranAmt-this.fee; |
this.trueMoney = this.tranAmt - this.fee; |
||||
this.btncol=1; |
this.btncol = 1; |
||||
if(this.tranAmt==''){ |
if (this.tranAmt == '') { |
||||
this.btncol=0; |
this.btncol = 0; |
||||
} |
} |
||||
}, |
}, |
||||
open(){ |
open() { |
||||
this.show=true; |
this.show = true; |
||||
}, |
}, |
||||
widthDrawl(){ |
widthDrawl() { |
||||
if(this.mobile==''){ |
// if(this.mobile==''){ |
||||
uni.showToast({ |
// uni.showToast({ |
||||
title: 'Please input mobile phone number', |
// title: 'Please input mobile phone number', |
||||
icon: 'none', |
// icon: 'none', |
||||
duration: 1500 |
// duration: 1500 |
||||
}) |
// }) |
||||
return; |
// return; |
||||
} |
// } |
||||
var a= /^[0-9]{4,14}$/; |
// var a= /^[0-9]{4,14}$/; |
||||
if(!a.test(this.mobile)){ |
// if(!a.test(this.mobile)){ |
||||
uni.showToast({ |
// uni.showToast({ |
||||
title: 'Wrong format of mobile phone number', |
// title: 'Wrong format of mobile phone number', |
||||
icon: 'none', |
// icon: 'none', |
||||
duration: 1500 |
// duration: 1500 |
||||
}) |
// }) |
||||
return; |
// return; |
||||
} |
// } |
||||
// if (this.password == '') { |
// if (this.password == '') { |
||||
// uni.showToast({ |
// uni.showToast({ |
||||
// title: 'password is empty', |
// title: 'password is empty', |
||||
@ -226,8 +232,17 @@ |
|||||
// }) |
// }) |
||||
// return; |
// return; |
||||
// } |
// } |
||||
|
uni.showLoading({ |
||||
|
title: 'loading' |
||||
|
}); |
||||
|
if (this.tranAmt == null) { |
||||
|
uni.showToast({ |
||||
|
title: 'Please enter the withdrawal amount', |
||||
|
icon: 'none', |
||||
|
duration: 1500 |
||||
|
}) |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
@ -236,14 +251,15 @@ |
|||||
data: { |
data: { |
||||
"ticket": uni.getStorageSync('logInfo').data, |
"ticket": uni.getStorageSync('logInfo').data, |
||||
// 'password': md5(this.password), |
// 'password': md5(this.password), |
||||
"tranAmt":this.tranAmt, |
"tranAmt": this.tranAmt, |
||||
}, |
}, |
||||
header: { |
header: { |
||||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
||||
}, |
}, |
||||
method: 'POST', //请求方式 或GET,必须为大写 |
method: 'POST', //请求方式 或GET,必须为大写 |
||||
success: (res) => { |
success: (res) => { |
||||
if(res.data.success==true){ |
|
||||
|
if (res.data.success == true) { |
||||
uni.showToast({ |
uni.showToast({ |
||||
title: res.data.errMsg, |
title: res.data.errMsg, |
||||
icon: 'none', |
icon: 'none', |
||||
@ -254,8 +270,8 @@ |
|||||
data: { |
data: { |
||||
"ticket": uni.getStorageSync('logInfo').data, |
"ticket": uni.getStorageSync('logInfo').data, |
||||
// 'password': md5(this.password), |
// 'password': md5(this.password), |
||||
"tranAmt":this.tranAmt, |
"tranAmt": this.tranAmt, |
||||
"ticket":uni.getStorageSync('MyInfo').data, |
"ticket": uni.getStorageSync('MyInfo').data, |
||||
}, |
}, |
||||
header: { |
header: { |
||||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
||||
@ -263,7 +279,7 @@ |
|||||
method: 'POST', //请求方式 或GET,必须为大写 |
method: 'POST', //请求方式 或GET,必须为大写 |
||||
success: (res) => { |
success: (res) => { |
||||
|
|
||||
console.log(res.data,'45464654646446'); |
console.log(res.data, '45464654646446'); |
||||
}, |
}, |
||||
fail: (res) => { |
fail: (res) => { |
||||
uni.showToast({ |
uni.showToast({ |
||||
@ -273,7 +289,7 @@ |
|||||
}) |
}) |
||||
} |
} |
||||
}); |
}); |
||||
}else{ |
} else { |
||||
uni.showToast({ |
uni.showToast({ |
||||
title: 'Withdrawal failed', |
title: 'Withdrawal failed', |
||||
icon: 'none', |
icon: 'none', |
||||
@ -283,6 +299,7 @@ |
|||||
console.log(res.data); |
console.log(res.data); |
||||
}, |
}, |
||||
fail: (res) => { |
fail: (res) => { |
||||
|
|
||||
uni.showToast({ |
uni.showToast({ |
||||
title: res.data.errMsg, |
title: res.data.errMsg, |
||||
icon: 'none', |
icon: 'none', |
||||
@ -298,5 +315,5 @@ |
|||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style> |
||||
@import './index.css'; |
@import './index.css'; |
||||
</style> |
</style> |
||||
|
Loading…
Reference in new issue