140 changed files with 3844 additions and 1847 deletions
@ -1,7 +1,41 @@ |
|||
<template> |
|||
<view class="flex"> |
|||
<view class="my-cont"> |
|||
<view class="my-cont" @click="keCode=1"> |
|||
<image src="../../static/home/[email protected]" mode=""></image> |
|||
</view> |
|||
<!-- <u-mask :z-index="10" v-if="keCode!=1"></u-mask> --> |
|||
<view class="tc" v-show="keCode==1"> |
|||
|
|||
<view class="title"> |
|||
<image src="../../static/color/pop_icon_service@2x(1).png" mode="aspectFit" class="img1"></image> |
|||
<p>matis</p> |
|||
</view> |
|||
<view class="tc_body"> |
|||
<view class="p1"> |
|||
Sen assistente ao vivo e sempre a seu servico. |
|||
</view> |
|||
|
|||
|
|||
<scroll-view class="item" style="height:380rpx" scroll-y="true" show-scrollbar="true" scroll-with-animation="true" scroll-top="0" > |
|||
<view class="body_item" @click="gotoWeb(getLink(item))" v-for="(item,index) in whatAppList" |
|||
:key="item"> |
|||
<image src="../../static/color/[email protected]" mode="aspectFit" class="img2"></image> |
|||
<view class="p2"> |
|||
{{getName(item)}} |
|||
</view> |
|||
</view> |
|||
<view class="body_item" @click="gotoWeb(getLink(item))" v-for="(item,index) in teList" |
|||
:key="item"> |
|||
<image src="../../static/color/pop_icon_teltgram.png" mode="" class="img2"></image> |
|||
<view class="p2"> |
|||
<span class="whatapp-name">{{getName(item)}}</span> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
|
|||
</view> |
|||
|
|||
<image src="../../static/color/pop_icon_close.png" mode="aspectFit" class="colseKefu" @click="keCode=0"></image> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
@ -10,36 +44,158 @@ |
|||
const COMPONENT_NAME = 'cont' |
|||
export default { |
|||
name: COMPONENT_NAME, |
|||
|
|||
// props:["teList","whatAppList"], |
|||
data() { |
|||
return { |
|||
|
|||
keCode:0, |
|||
teList:[], |
|||
whatAppList:[], |
|||
} |
|||
}, |
|||
computed: { |
|||
|
|||
}, |
|||
mounted() { |
|||
|
|||
const siteTelegram = uni.getStorageSync('siteInfo').siteTelegram; |
|||
const siteWhatsapp = uni.getStorageSync('siteInfo').siteWhatsapp; |
|||
if (siteTelegram != undefined && siteTelegram != '') { |
|||
this.teList = siteTelegram.split(',') |
|||
console.log(1111111 + this.teList) |
|||
} |
|||
if (siteWhatsapp != undefined && siteWhatsapp != '') { |
|||
this.whatAppList = siteWhatsapp.split(',') |
|||
console.log(2222222 + this.whatAppList) |
|||
} |
|||
}, |
|||
methods: { |
|||
gotoWeb(gotoUrl) { |
|||
// #ifdef H5 |
|||
window.location.href = gotoUrl |
|||
// #endif |
|||
// #ifdef APP-PLUS |
|||
var networkType = '' |
|||
uni.getNetworkType({ |
|||
success: function(res) { |
|||
networkType = res.networkType |
|||
} |
|||
}); |
|||
if (networkType == 'none') { |
|||
uni.showToast({ |
|||
title: 'no Network', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} else { |
|||
var param = { |
|||
url: gotoUrl |
|||
} |
|||
uni.navigateTo({ |
|||
url: '/pages/menu/me/rechange/topay/index?' + qs.stringify(param) |
|||
}) |
|||
} |
|||
// #endif |
|||
}, |
|||
|
|||
getLink(item) { |
|||
return item.replace(item.split(':')[0] + ':', '') |
|||
}, |
|||
getName(item) { |
|||
console.log(item,20000); |
|||
return item.split(':')[0] |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style> |
|||
.flex{ |
|||
.item{ |
|||
margin-top: 60rpx; |
|||
/* height: 380rpx; |
|||
overflow-y: scroll; |
|||
overflow-x: hidden; */ |
|||
} |
|||
.img2{ |
|||
width: 60rpx; |
|||
height: 60rpx; |
|||
} |
|||
.p2{ |
|||
font-size: 28rpx; |
|||
color: #303133FF; |
|||
margin-left: 20rpx; |
|||
} |
|||
.p1{ |
|||
font-size: 28rpx; |
|||
color: #606266FF; |
|||
} |
|||
.colseKefu{ |
|||
position: absolute; |
|||
right: 36rpx; |
|||
top: 36rpx; |
|||
width: 36rpx; |
|||
height: 36rpx; |
|||
} |
|||
.img1{ |
|||
display: block; |
|||
margin: 0 auto; |
|||
width: 108rpx; |
|||
height: 108rpx; |
|||
} |
|||
.content{ |
|||
position: relative; |
|||
} |
|||
.title{ |
|||
text-transform: capitalize; |
|||
font-size: 28rpx; |
|||
color: #954DE3FF; |
|||
text-align: center; |
|||
} |
|||
.title p{ |
|||
margin-top: 18rpx; |
|||
} |
|||
.body_item{ |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
align-items: center; |
|||
padding-bottom: 40rpx; |
|||
} |
|||
.body_item_info{ |
|||
font-size: 28rpx; |
|||
color: #606266; |
|||
text-transform: capitalize; |
|||
margin-top: 28rpx; |
|||
margin-bottom: 20rpx; |
|||
} |
|||
.tc{ |
|||
width: 600rpx; |
|||
background-color: #fff; |
|||
border-radius: 24rpx; |
|||
padding-top: 48rpx; |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%,-50%); |
|||
z-index: 999; |
|||
} |
|||
.tc_body{ |
|||
padding: 48rpx 36rpx; |
|||
padding-bottom: 0rpx; |
|||
position: relative; |
|||
} |
|||
.tc_body::before{ |
|||
content: ''; |
|||
position: absolute; |
|||
top: 20rpx; |
|||
left: 50%; |
|||
transform: translateX(-50%); |
|||
width: 100%; |
|||
height: 2rpx; |
|||
background-color: #EDEFF2FF; |
|||
} |
|||
.my-cont{ |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
|
|||
position: fixed; |
|||
top: 85%; |
|||
top: 75%; |
|||
right: 0; |
|||
} |
|||
.my-cont image{ |
|||
|
|||
@ -1,104 +1,5 @@ |
|||
<template> |
|||
<view class="gameContent" @click="ss"> |
|||
|
|||
<view class="perCon"> |
|||
<view class="perCoun flex"> |
|||
<view class="period"> |
|||
<span>Period</span> |
|||
</view> |
|||
<view class="coDown"> |
|||
count down |
|||
</view> |
|||
</view> |
|||
<view class="timeCon flex"> |
|||
<view class="time"> |
|||
{{colorList0.lotteryPeriod.period}} |
|||
</view> |
|||
<view class="count"> |
|||
<u-count-down :timestamp="colorList0.gap*60" :show-days="false" :show-hours="false"></u-count-down> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class=""> |
|||
<view class="flex icon-con"> |
|||
<view class="ico"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
</view> |
|||
<view class="ico"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
</view> |
|||
<view class="ico"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="multiple"> |
|||
<view class="multiple-con flex"> |
|||
<view class="mul-item bg_jb1"> |
|||
0 |
|||
</view> |
|||
<view class="mul-item bg_green"> |
|||
1 |
|||
</view> |
|||
<view class="mul-item bg_red"> |
|||
2 |
|||
</view> |
|||
<view class="mul-item bg_green"> |
|||
3 |
|||
</view> |
|||
<view class="mul-item bg_red"> |
|||
4 |
|||
</view> |
|||
</view> |
|||
<view class="multiple-con flex"> |
|||
<view class="mul-item bg_jb2"> |
|||
5 |
|||
</view> |
|||
<view class="mul-item bg_red"> |
|||
6 |
|||
</view> |
|||
<view class="mul-item bg_green"> |
|||
7 |
|||
</view> |
|||
<view class="mul-item bg_red"> |
|||
8 |
|||
</view> |
|||
<view class="mul-item bg_red"> |
|||
9 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
<view class="donna flex"> |
|||
<view class="flex info"> |
|||
<view class="imgcon"> |
|||
<image :src="'https://apitest.luck-work.com/'+myImgUrl" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="doname"> |
|||
<p class="name">{{myName}}</p> |
|||
<view class="win"> |
|||
64% win |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="recharge"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
<span><i>₦</i>2000</span> |
|||
</view> |
|||
<view class="follow"> |
|||
Follow |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
@ -140,154 +41,5 @@ |
|||
|
|||
<style> |
|||
|
|||
.timeCon{ |
|||
margin-top: 38rpx; |
|||
} |
|||
.time,.count{ |
|||
color: #303133; |
|||
font-size: 36rpx; |
|||
} |
|||
.perCoun,.timeCon{ |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.period,.coDown{ |
|||
text-transform: capitalize; |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.perCon{ |
|||
padding-top: 24rpx; |
|||
padding-bottom: 48rpx; |
|||
} |
|||
.gameContent{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
|
|||
.icon-con{ |
|||
justify-content: space-between; |
|||
} |
|||
.ico{ |
|||
width: 210rpx; |
|||
height: 80rpx; |
|||
border: 2rpx solid #EDEFF2; |
|||
border-radius: 16rpx; |
|||
position: relative; |
|||
} |
|||
.ico image{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%,-50%); |
|||
} |
|||
.multiple-con{ |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
margin-top: 24rpx; |
|||
} |
|||
.mul-item{ |
|||
width: 112rpx; |
|||
line-height: 80rpx; |
|||
color: #fff; |
|||
font-size: 32rpx; |
|||
border-radius: 16rpx; |
|||
text-align: center; |
|||
} |
|||
.bg_green{ |
|||
background-color: #00B977; |
|||
} |
|||
.bg_red{ |
|||
background-color: #F25B5B; |
|||
} |
|||
.bg_jb1{ |
|||
background-image: linear-gradient(-30deg, #954DE3 50% , #F25B5B 50% ); |
|||
} |
|||
.bg_jb2{ |
|||
background-image: linear-gradient(-30deg,#954DE3 50% , #00B977 50% ); |
|||
} |
|||
|
|||
.donna{ |
|||
background-color: #34026B; |
|||
border-radius: 16rpx; |
|||
height: 160rpx; |
|||
padding: 24rpx 24rpx; |
|||
margin-top: 48rpx; |
|||
justify-content: space-between; |
|||
} |
|||
.info{ |
|||
justify-content: space-between; |
|||
} |
|||
.info .imgcon{ |
|||
width: 76rpx; |
|||
height: 76rpx; |
|||
} |
|||
.info .imgcon image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.doname{ |
|||
margin-left: 24rpx; |
|||
} |
|||
.doname .name{ |
|||
color: #fff; |
|||
font-size: 32rpx; |
|||
} |
|||
.doname .win{ |
|||
width: 124rpx; |
|||
padding: 4rpx 8rpx; |
|||
line-height: 32rpx; |
|||
color: #fff; |
|||
font-size: 20rpx; |
|||
background-color: #491C7A; |
|||
border-radius: 8rpx; |
|||
margin-top: 6rpx; |
|||
} |
|||
.recharge{ |
|||
position: relative; |
|||
padding-left: 50rpx; |
|||
} |
|||
.recharge image{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: 0; |
|||
} |
|||
.recharge i{ |
|||
font-style: normal; |
|||
margin-right: 8rpx; |
|||
} |
|||
.recharge span{ |
|||
color: #fff; |
|||
font-size: 32rpx; |
|||
} |
|||
.follow{ |
|||
width: 142rpx; |
|||
line-height: 60rpx; |
|||
background-color: #954DE3; |
|||
color: #fff; |
|||
font-size: 24rpx; |
|||
border-radius: 16rpx; |
|||
position: relative; |
|||
text-align: center; |
|||
padding-right: 10rpx; |
|||
} |
|||
.follow::after{ |
|||
content: ''; |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
background: url(../../static/color/top_icon_ins@3x.png)no-repeat; |
|||
background-size: contain; |
|||
position: absolute; |
|||
right: 12rpx; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
</style> |
|||
|
|||
@ -14,8 +14,9 @@ |
|||
Result |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="cont2_body"> |
|||
<view class="bodycon flex" v-for="(item,index) in gameRecordCont" :key="period"> |
|||
<view class="bodycon flex" v-for="(item,index) in gameRecordCont"> |
|||
<view class="body_item item"> |
|||
{{item.period}} |
|||
</view> |
|||
@ -31,25 +32,6 @@ |
|||
</view> |
|||
|
|||
|
|||
<!-- <view class="bodycon flex"> |
|||
<view class="body_item item"> |
|||
20210701303 |
|||
</view> |
|||
<view class="body_item item"> |
|||
26957 |
|||
</view> |
|||
<view class="body_item item"> |
|||
3 |
|||
</view> |
|||
<view class="body_item item flex2"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
<image src="../../static/color/bg_er@3x(4).png" mode=""></image> |
|||
</view> |
|||
</view> --> |
|||
|
|||
|
|||
|
|||
|
|||
</view> |
|||
<cont class="test"></cont> |
|||
<view class="morejia"> |
|||
|
|||
@ -1,18 +1,18 @@ |
|||
<template> |
|||
<view class=""> |
|||
<view class="cont2_body"> |
|||
<view class="body_con_zon" v-for="(item,index) in cont3data" :key="item.id" @click="open(index)" |
|||
<view class="body_con_zon" v-for="(item,index) in myGameRecord" :key="item.id" @click="open(index)" |
|||
:class="index==cont3inde?'on':''"> |
|||
<view class="bodycon flex" > |
|||
<view class="ga_cont3 flex"> |
|||
<view class="body_item"> |
|||
{{item.num}} |
|||
{{item.period}} |
|||
</view> |
|||
<view class="body_item mar_let" :class="item.code=='success'?'green':'red'"> |
|||
{{item.code}} |
|||
<view class="body_item mar_let" :class="item.status=='success'?'green':'red'"> |
|||
{{item.status}} |
|||
</view> |
|||
<view class="body_item mar_let" :class="item.code=='success'?'green':'red'"> |
|||
{{item.profit}} |
|||
<view class="body_item mar_let" :class="item.status=='success'?'green':'red'"> |
|||
{{item.bettingAmount}} |
|||
</view> |
|||
</view> |
|||
<view class="body_item jiantou"> |
|||
@ -29,39 +29,39 @@ |
|||
period |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.period}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
contract money |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.bettingPrice}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
contract count |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.bettingNumber}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
delivery |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.bettingNumber}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
fee |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.bettingFee}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
@ -69,31 +69,31 @@ |
|||
select |
|||
</view> |
|||
<view class="num"> |
|||
<image src="../../static/color/[email protected]" mode=""></image> |
|||
<image :src="'static/color/ico_apple_'+item.lotteryColor+'@3x.png'" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
status |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.status}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
Amount |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.bettingAmount}} |
|||
</view> |
|||
</view> |
|||
<view class="perd_item flex"> |
|||
<view class="name"> |
|||
period |
|||
create |
|||
</view> |
|||
<view class="num"> |
|||
202105270745 |
|||
{{item.addTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -114,71 +114,71 @@ |
|||
const COMPONENT_NAME = 'gamecont3' |
|||
export default { |
|||
name: COMPONENT_NAME, |
|||
|
|||
props:["myGameRecord"], |
|||
data() { |
|||
return { |
|||
cont3data:[ |
|||
{ |
|||
id:1, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:2, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:3, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:4, |
|||
num:'20210701303', |
|||
code:'success', |
|||
profit:'427.50', |
|||
}, |
|||
{ |
|||
id:5, |
|||
num:'20210701303', |
|||
code:'success', |
|||
profit:'427.50', |
|||
}, |
|||
{ |
|||
id:6, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:7, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:8, |
|||
num:'20210701303', |
|||
code:'Fail', |
|||
profit:'-19.00', |
|||
}, |
|||
{ |
|||
id:9, |
|||
num:'20210701303', |
|||
code:'success', |
|||
profit:'427.50', |
|||
}, |
|||
{ |
|||
id:10, |
|||
num:'20210701303', |
|||
code:'success', |
|||
profit:'427.50', |
|||
}, |
|||
], |
|||
// cont3data:[ |
|||
// { |
|||
// id:1, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:2, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:3, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:4, |
|||
// num:'20210701303', |
|||
// code:'success', |
|||
// profit:'427.50', |
|||
// }, |
|||
// { |
|||
// id:5, |
|||
// num:'20210701303', |
|||
// code:'success', |
|||
// profit:'427.50', |
|||
// }, |
|||
// { |
|||
// id:6, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:7, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:8, |
|||
// num:'20210701303', |
|||
// code:'Fail', |
|||
// profit:'-19.00', |
|||
// }, |
|||
// { |
|||
// id:9, |
|||
// num:'20210701303', |
|||
// code:'success', |
|||
// profit:'427.50', |
|||
// }, |
|||
// { |
|||
// id:10, |
|||
// num:'20210701303', |
|||
// code:'success', |
|||
// profit:'427.50', |
|||
// }, |
|||
// ], |
|||
cont3inde:-1, |
|||
pd:0, |
|||
} |
|||
|
|||
@ -2,6 +2,8 @@ |
|||
<view class="nav-head"> |
|||
<slot></slot> |
|||
<slot name="bread"></slot> |
|||
<slot name="logo"></slot> |
|||
<image src="../../static/color/[email protected]" mode="aspectFit" class="back" @tap="back()"></image> |
|||
</view> |
|||
</template> |
|||
|
|||
@ -22,12 +24,22 @@ |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
back(){ |
|||
console.log('back') |
|||
history.back() |
|||
// uni.navigateBack() |
|||
uni.switchTab({ |
|||
url:'../../pages/menu/promotion/index', |
|||
// url:'../../pages/menu/index/index', |
|||
// url:'../../pages/menu/My/index', |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
.nav-head{ |
|||
line-height: 108rpx; |
|||
background-color: #34026BFF; |
|||
@ -37,5 +49,17 @@ |
|||
position: relative; |
|||
text-transform: capitalize; |
|||
padding: 0 36rpx; |
|||
display: flex; |
|||
justify-content: center; |
|||
flex-direction: row-reverse; |
|||
align-items: center; |
|||
} |
|||
.back{ |
|||
width: 42rpx; |
|||
height: 42rpx; |
|||
position: absolute; |
|||
left:36rpx; |
|||
top: 50%; |
|||
transform: translateY(-50%) rotate(-180deg) ; |
|||
} |
|||
</style> |
|||
|
|||
@ -4,100 +4,107 @@ |
|||
}, |
|||
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages |
|||
{ |
|||
"path": "pages/recharge/rechargeRule", |
|||
"path": "pages/login/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/login/index", |
|||
"path": "pages/register/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/color/color1/index", |
|||
"path": "pages/menu/color/index", |
|||
"style": { |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/withdrawl/transactions/index", |
|||
"path": "pages/menu/promotion/applyRecord/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/withdrawl/withdrawlRecord/index", |
|||
"path": "pages/menu/promotion/bounsRecord/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/recharge/index", |
|||
"path": "pages/menu/withdrawl/transactions/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
|
|||
{ |
|||
"path": "pages/recharge/record/index", |
|||
"path": "pages/menu/recharge/rechargeRule", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
|
|||
|
|||
{ |
|||
"path": "pages/rule/arules/index", |
|||
"path": "pages/menu/withdrawl/transactions/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/aplan/index", |
|||
"path": "pages/menu/withdrawl/withdrawlRecord/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/withdrawl/transactions/index", |
|||
"path": "pages/menu/recharge/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
|
|||
{ |
|||
"path": "pages/withdrawl/index", |
|||
"path": "pages/menu/recharge/record/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
|
|||
|
|||
{ |
|||
"path": "pages/promotion/promotionRecord/index", |
|||
"path": "pages/menu/rule/arules/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/recharge/index", |
|||
"path": "pages/menu/aplan/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
|
|||
{ |
|||
"path": "pages/My/index", |
|||
"path": "pages/menu/withdrawl/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
{ |
|||
"path": "pages/menu/promotion/promotionRecord/index", |
|||
"style": { |
|||
|
|||
} |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
{ |
|||
"path": "pages/register/index", |
|||
"path": "pages/menu/recharge/index", |
|||
"style": { |
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/menu/My/index", |
|||
"style": { |
|||
|
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/promotion/index", |
|||
"path": "pages/menu/promotion/index", |
|||
"style": { |
|||
|
|||
} |
|||
@ -107,7 +114,7 @@ |
|||
|
|||
|
|||
{ |
|||
"path": "pages/index/index", |
|||
"path": "pages/menu/index/index", |
|||
"style": { |
|||
|
|||
} |
|||
@ -122,14 +129,14 @@ |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/rule/index", |
|||
"path": "pages/menu/rule/index", |
|||
"style": { |
|||
|
|||
} |
|||
}, |
|||
|
|||
{ |
|||
"path": "pages/rule/inviteRule/index", |
|||
"path": "pages/menu/rule/inviteRule/index", |
|||
"style": { |
|||
|
|||
} |
|||
@ -148,19 +155,19 @@ |
|||
"list":[ |
|||
{ |
|||
"text":"Game", |
|||
"pagePath":"pages/index/index", |
|||
"pagePath":"pages/menu/index/index", |
|||
"iconPath":"./static/tabbar/[email protected]", |
|||
"selectedIconPath":"./static/tabbar/[email protected]" |
|||
}, |
|||
{ |
|||
"text":"Promotion", |
|||
"pagePath":"pages/promotion/index", |
|||
"pagePath":"pages/menu/promotion/index", |
|||
"iconPath":"./static/tabbar/[email protected]", |
|||
"selectedIconPath":"./static/tabbar/[email protected]" |
|||
}, |
|||
{ |
|||
"text":"My", |
|||
"pagePath":"pages/My/index", |
|||
"pagePath":"pages/menu/My/index", |
|||
"iconPath":"./static/tabbar/[email protected]", |
|||
"selectedIconPath":"./static/tabbar/[email protected]" |
|||
} |
|||
|
|||
@ -1,147 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="my-head"> |
|||
<view class="my-info"> |
|||
<view class="my-a"> |
|||
<view class="my-img"> |
|||
<!-- <img :src=`http://openweathermap.org/img/w/${item.weather[0].icon}.png`> --> |
|||
|
|||
<image :src="'https://apitest.luck-work.com/'+MyInfo.headImgPath" mode=""></image> |
|||
</view> |
|||
<view class="my-nameid"> |
|||
<view class="my-name"> |
|||
{{MyInfo.nickname}} |
|||
</view> |
|||
<view class="my-id"> |
|||
ID: {{MyInfo.userId}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="my-b"> |
|||
<view class="my-tel"> |
|||
Mobile: {{MyInfo.mobile}} |
|||
</view> |
|||
<view class="my-bal flex"> |
|||
<view>Available Balance: 385813.55</view> |
|||
<view class="my-ap"> |
|||
A+ Plan |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="my-c flex"> |
|||
<view class="my-btn1"> |
|||
recharge |
|||
</view> |
|||
<view class="my-btn2"> |
|||
change nick name |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="my-bg"> |
|||
<view class="my-body"> |
|||
<view class="my-body-item" v-for="(item,index) in myAList" :key="item.id"> |
|||
{{item.text}} |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="my-body-out" @click="logout"> |
|||
logout |
|||
</view> |
|||
<cont></cont> |
|||
|
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/cont/cont.vue" |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
MyInfo:{}, |
|||
|
|||
myAList:[ |
|||
{ |
|||
id:'1', |
|||
text:'wallet' |
|||
}, |
|||
{ |
|||
id:'2', |
|||
text:'Bank card' |
|||
}, |
|||
{ |
|||
id:'3', |
|||
text:'Address' |
|||
}, |
|||
{ |
|||
id:'4', |
|||
text:'Reset password' |
|||
}, |
|||
{ |
|||
id:'5', |
|||
text:'Android download' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/user/userInfo', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.MyInfo=res.data.data; |
|||
console.log(this.MyInfo,9990); |
|||
uni.setStorage({ |
|||
key: 'MyInfo', |
|||
data: res.data.data, |
|||
success: function() { |
|||
console.log('success') |
|||
} |
|||
}); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
methods:{ |
|||
logout(){ |
|||
uni.request({ |
|||
url: '/start/api/user/loginOut', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
console.log(res.data,9990); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -1,430 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation>color</navigation> |
|||
<balance><view class="rules-btn" slot="rules">rules</view></balance> |
|||
<view class="bg_white"> |
|||
<view class="gNum flex"> |
|||
<view class="ga" v-for="(item,index) in colorList" :key="item.id" :class="index==ganum?'gaactive':''" @click="gaClick(index)"> |
|||
{{item.name}} |
|||
</view> |
|||
</view> |
|||
<gameView :myName="myName" :myImgUrl="myImgUrl" :colorData="colorData"></gameView> |
|||
<view class="gameNav"> |
|||
<view class="gameNav-item active"> |
|||
Chart Trending |
|||
</view> |
|||
<view class="gameNav-item"> |
|||
G3 record |
|||
</view> |
|||
<view class="gameNav-item"> |
|||
My G3 Record |
|||
</view> |
|||
</view> |
|||
<gamecont @send="getSon" v-if="gamecontnum"></gamecont> |
|||
<gamecont2 :gameRecordCont="gameRecordCont" ></gamecont2> |
|||
<gamecont3 v-if="gamecontnum" ></gamecont3> |
|||
|
|||
</view> |
|||
<u-mask :show="show"></u-mask> |
|||
|
|||
<view class="follow_xiazhu_con" v-show=false> |
|||
<view class="xia_head"> |
|||
<view class="tiao"> |
|||
</view> |
|||
</view> |
|||
<view class="xia_body"> |
|||
<view class="donna2" :class="folLisNum==1?'on':''"> |
|||
<view class="flex don_con"> |
|||
<view class="flex info"> |
|||
<view class="imgcon"> |
|||
<image src="../../../static/my/[email protected]" mode=""></image> |
|||
</view> |
|||
<view class="doname"> |
|||
<p class="name">Donna</p> |
|||
<view class="win"> |
|||
64% win |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="recharge"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
<span><i>₦</i>2000</span> |
|||
</view> |
|||
<view class="follow" @click="folLisNum=1"> |
|||
Follow |
|||
</view> |
|||
</view> |
|||
<view class="list flex"> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="donna2" :class="folLisNum==1?'on':''"> |
|||
<view class="flex don_con"> |
|||
<view class="flex info"> |
|||
<view class="imgcon"> |
|||
<image :src="'https://apitest.luck-work.com/'+myImgUrl" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="doname"> |
|||
<p class="name">{{myName}}</p> |
|||
<view class="win"> |
|||
64% win |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="recharge"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
<span><i>₦</i>2000</span> |
|||
</view> |
|||
<view class="follow" @click="folLisNum=1"> |
|||
Follow |
|||
</view> |
|||
</view> |
|||
<view class="list flex"> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<!-- <view class="tc"> |
|||
<view class="title"> |
|||
connfirm info |
|||
</view> |
|||
<view class="tc_body"> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
Perode |
|||
</view> |
|||
<view class="body_item_info"> |
|||
20210701327 |
|||
</view> |
|||
</view> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
choose |
|||
</view> |
|||
<view class="body_item_info"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
contract money |
|||
</view> |
|||
<view class="body_item_info"> |
|||
5,000 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="anniu_con flex"> |
|||
<view class="cancel"> |
|||
cancel |
|||
</view> |
|||
<view class="cancel"> |
|||
confirm |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
|
|||
</view> |
|||
|
|||
<view class="xiazhu" v-show="xiazhuCode"> |
|||
<view class="top"> |
|||
<view class="title"> |
|||
join violet |
|||
</view> |
|||
<view class="contract flex"> |
|||
<view class="xname"> |
|||
Contract Money |
|||
</view> |
|||
<view class="numcon"> |
|||
<view class="num" v-for="(item,index) in betting_amount" :key="item"> |
|||
{{item}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="bujin flex"> |
|||
<view class="xname"> |
|||
Number |
|||
</view> |
|||
<u-number-box></u-number-box> |
|||
</view> |
|||
<view class="TotalMoney xname"> |
|||
Total Contract Money is 50 |
|||
</view> |
|||
<view class="agree"> |
|||
<view class=""> |
|||
<u-checkbox-group> |
|||
<u-checkbox |
|||
v-model="item.checked" |
|||
v-for="(item, index) in list" :key="index" |
|||
:name="item.name" shape="circle" active-color="#954DE3FF" |
|||
>{{item.name}}</u-checkbox> |
|||
</u-checkbox-group> |
|||
</view> |
|||
<span class="s1">I agree </span><span class="s2" @click="goRule">presale rule</span> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="btn_con flex"> |
|||
<view class="btn1 btn" @click="xiazhuCode=false"> |
|||
cancel |
|||
</view> |
|||
<view class="btn2 btn"> |
|||
comfierm |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<u-mask :show="xiazhuCode" :z-index="10"></u-mask> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import navigation from "@/components/navigation/navigation.vue" |
|||
import balance from "@/components/balance/balance.vue" |
|||
import gameView from "@/components/gameView/gameView.vue" |
|||
import gamecont from "@/components/gamecont/gamecont.vue" |
|||
import gamecont2 from "@/components/gamecont2/gamecont2.vue" |
|||
import gamecont3 from "@/components/gamecont3/gamecont3.vue" |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
gamecontnum:false, |
|||
show: false, |
|||
showWhite:true, |
|||
myName:'', |
|||
myImgUrl:'', |
|||
folLisNum:0, |
|||
xiazhuCode:false, |
|||
gap:'', |
|||
colorList:[], |
|||
colorData:[], |
|||
ganum:'', |
|||
|
|||
|
|||
gameRecord:[], |
|||
gameRecordCont:[], |
|||
myGameRecord:[], |
|||
list: [ |
|||
{ |
|||
name: '', |
|||
checked: false, |
|||
disabled: false |
|||
}, |
|||
|
|||
], |
|||
betting_amount:[], |
|||
betting_rule:'', |
|||
|
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
this.myName=uni.getStorageSync('MyInfo').nickname; |
|||
this.myImgUrl=uni.getStorageSync('MyInfo').headImgPath; |
|||
uni.request({ |
|||
url: '/start/api/lottery/lotteryClassList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
console.log(res.data.data,888888888888) |
|||
this.colorList=res.data.data; |
|||
this.colorData=res.data.data[0]; |
|||
// this.gap=res.data.data[0].gap*60; |
|||
|
|||
|
|||
// uni.setStorage({ |
|||
// key: 'colorList0', |
|||
// data: res.data.data[0], |
|||
// success: function() { |
|||
// console.log('success',111) |
|||
// } |
|||
// }); |
|||
// uni.setStorage({ |
|||
// key: 'colorList1', |
|||
// data: res.data.data[1], |
|||
// success: function() { |
|||
// console.log('success',221) |
|||
// } |
|||
// }); |
|||
// uni.setStorage({ |
|||
// key: 'colorList2', |
|||
// data: res.data.data[2], |
|||
// success: function() { |
|||
// console.log('success',331) |
|||
// } |
|||
// }); |
|||
|
|||
|
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
uni.request({ |
|||
url: '/start/api/lottery/lotteryRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"classId":uni.getStorageSync('colorList0').id, |
|||
"pageNumber":1, |
|||
"pageSize":20, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.gameRecordCont=res.data.data.content; |
|||
for(var i=0;i<this.gameRecordCont.length;i++){ |
|||
this.gameRecordCont[i].period=this.gameRecordCont[i].period.substring(2,13); |
|||
this.gameRecordCont[i].lotteryColor=this.gameRecordCont[i].lotteryColor.split(','); |
|||
} |
|||
// console.log(res.data.data,77777777777777) |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
uni.request({ |
|||
url: '/start/api/lottery/myLotteryRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"classId":uni.getStorageSync('colorList0').id, |
|||
"pageNumber":1, |
|||
"pageSize":20, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.myGameRecord=res.data; |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
|
|||
uni.request({ |
|||
url: '/start/api/lottery/bettingConfig', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.betting_amount=this.bettingSetting=res.data.data.betting_amount.split(','); |
|||
this.betting_rule=res.data.data.tips; |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
|
|||
}, |
|||
onReachBottom(){ |
|||
console.log("触底了") |
|||
}, |
|||
methods:{ |
|||
gaClick(i){ |
|||
this.ganum=i |
|||
// var s=index.formatyymmdd(this.colorList2.addTime); |
|||
// console.log(s) |
|||
this.colorData=this.colorList[i]; |
|||
}, |
|||
goRule(){ |
|||
uni.navigateTo({ |
|||
url:'/pages/rule/index' |
|||
}) |
|||
}, |
|||
showMas(){ |
|||
|
|||
this.show=true; |
|||
this.showWhite=false; |
|||
}, |
|||
getSon(res){ |
|||
this.xiazhuCode=res; |
|||
console.log(res); |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -1,64 +0,0 @@ |
|||
<template> |
|||
<view class=""> |
|||
<balance></balance> |
|||
<view class="index-body"> |
|||
<view class="index-body-p1"> |
|||
Game |
|||
</view> |
|||
<view class="index-body-img" @click="goColor"> |
|||
<image src="../../static/home/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import Vue from 'vue'; |
|||
import balance from "@/components/navigation/navigation.vue" |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
onLoad() { |
|||
|
|||
}, |
|||
methods: { |
|||
goColor(){ |
|||
uni.navigateTo({ |
|||
url:'../color/color1/index' |
|||
}) |
|||
}, |
|||
getBanner() { |
|||
const banner = api.banner(param) |
|||
banner.then(d => { |
|||
console.log(d) |
|||
this.info = d.data |
|||
}) |
|||
.catch((e) => { |
|||
console.log(e) |
|||
}) |
|||
}, |
|||
getPicsCate(){ |
|||
uni.request({ |
|||
url:"https://apitest.luck-work.com/uc", |
|||
success(res){ |
|||
console.log(res); |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
|
|||
|
|||
</style> |
|||
@ -10,7 +10,7 @@ |
|||
<span class="quhao">+{{areacode}}</span> |
|||
</view> |
|||
<input type="text" value="" placeholder="mobile number" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="mobile" /> |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="mobile" @input="btnControl"/> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
@ -33,11 +33,15 @@ |
|||
<image src="../../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input @focus="btnNum=1" @blur="btnNum=0" value="" placeholder="Verification code" |
|||
<input value="" placeholder="Verification code" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" |
|||
v-model="infoCode" /> |
|||
<view class="otp" @click="getInfoCode()"> |
|||
OTP |
|||
<view class="wrap"> |
|||
<u-toast ref="uToast"></u-toast> |
|||
<u-verification-code :seconds="seconds" ref="uCode" @change="codeChange" |
|||
start-text="OTP" change-text="xs" end-text="OTP"></u-verification-code> |
|||
<u-button @tap="getCode" style="color: #954DE3FF; border-radius: 4px;font-size: 15px;width: 20px; height: 24px;line-height: 40px;">{{tips}}</u-button> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
@ -50,9 +54,9 @@ |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" |
|||
v-model="newPassword" /> |
|||
</view> |
|||
<view class="login-btn" @click="resetPassword()"> |
|||
<button class="login-btn" @click="resetPassword()" :class="btnNum==1?'on':''" :disabled="btnNum==1?false:true"> |
|||
Continue |
|||
</view> |
|||
</button> |
|||
|
|||
</view> |
|||
</view> |
|||
@ -65,6 +69,9 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
tips: 'OTP', |
|||
|
|||
seconds: 10, |
|||
mark: 'sms_user_forget_password', |
|||
mobile: '', |
|||
imgcodeUrl: '', |
|||
@ -72,6 +79,7 @@ |
|||
infoCode: '', |
|||
picCode: '', |
|||
areacode: '', |
|||
btnNum:0, |
|||
} |
|||
}, |
|||
|
|||
@ -82,7 +90,17 @@ |
|||
|
|||
}, |
|||
methods: { |
|||
getInfoCode() { |
|||
btnControl(){ |
|||
this.btnNum=1; |
|||
if(this.mobile==''){ |
|||
this.btnNum=0; |
|||
} |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
getCode() { |
|||
if (this.picCode == '') { |
|||
uni.showToast({ |
|||
title: 'The graphic verification code is empty', |
|||
@ -91,14 +109,40 @@ |
|||
}) |
|||
return; |
|||
} |
|||
if (this.mobile == '') { |
|||
uni.showToast({ |
|||
title: 'Please input mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a = /^[0-9]{4,14}$/; |
|||
if (!a.test(this.mobile)) { |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if (this.$refs.uCode.canGetCode) { |
|||
// 模拟向后端请求验证码 |
|||
uni.showLoading({ |
|||
title: 'Getting captcha' |
|||
}) |
|||
|
|||
|
|||
setTimeout(() => { |
|||
uni.hideLoading(); |
|||
this.$refs.uCode.start(); |
|||
}, 2000); |
|||
this.countryCode = uni.getStorageSync('siteInfo').countryCode |
|||
uni.request({ |
|||
url: '/start/api/home/sendSmsCode', |
|||
data: { |
|||
"mobile": this.mobile, |
|||
"mark": this.mark, |
|||
"countryCode": uni.getStorageSync('siteInfo').countryCode, |
|||
"countryCode": this.countryCode, |
|||
"code": this.picCode |
|||
}, |
|||
header: { |
|||
@ -122,7 +166,9 @@ |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
|
|||
} else { |
|||
this.$u.toast('Send after the countdown'); |
|||
} |
|||
|
|||
}, |
|||
getPicCode() { |
|||
@ -136,7 +182,16 @@ |
|||
|
|||
if(this.mobile==''){ |
|||
uni.showToast({ |
|||
title: ' Please enter the login Phone Number', |
|||
title: 'Please input mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a= /^[0-9]{4,14}$/; |
|||
if(!a.test(this.mobile)){ |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
|
|||
@ -0,0 +1,273 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="my-head"> |
|||
<view class="my-info"> |
|||
<view class="my-a"> |
|||
<view class="my-img"> |
|||
<!-- <img :src=`http://openweathermap.org/img/w/${item.weather[0].icon}.png`> --> |
|||
|
|||
<image :src="'https://apitest.luck-work.com/'+MyInfo.headImgPath" mode=""></image> |
|||
</view> |
|||
<view class="my-nameid"> |
|||
<view class="my-name"> |
|||
{{MyInfo.nickname}} |
|||
</view> |
|||
<view class="my-id"> |
|||
ID: {{MyInfo.userId}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="my-b"> |
|||
<view class="my-tel"> |
|||
Mobile: {{MyInfo.mobile}} |
|||
</view> |
|||
<view class="my-bal flex"> |
|||
<view>Available Balance: 385813.55</view> |
|||
<view class="my-ap"> |
|||
A+ Plan |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="my-c flex"> |
|||
<view class="my-btn1" @click="goRecharge()"> |
|||
recharge |
|||
</view> |
|||
<view class="my-btn2" @click="transferCode=1"> |
|||
change nick name |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="my-bg"> |
|||
<view class="my-body"> |
|||
<view class="my-body-item" v-for="(item,index) in myAList" :key="item.id" @click="go(index)"> |
|||
{{item.text}} |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="my-body-out" @click="logout"> |
|||
logout |
|||
</view> |
|||
<cont></cont> |
|||
|
|||
</view> |
|||
|
|||
<u-mask :show="transferCode==1" :z-index="888"></u-mask> |
|||
<view class="tc" v-show="transferCode==1"> |
|||
<view class="title"> |
|||
change name |
|||
</view> |
|||
<view class="tc_body"> |
|||
<view class="body_item "> |
|||
<input type="text" value="" placeholder="New user name" |
|||
placeholder-style="color: #BFC2CC;font-size:14px;text-transform: capitalize;padding-left:24rpx" v-model="newName"/> |
|||
</view> |
|||
</view> |
|||
<view class="anniu_con flex"> |
|||
<view class="cancel" @click="transferCode=0"> |
|||
cancel |
|||
</view> |
|||
<view class="cancel pupler" @click="changeName()"> |
|||
confirm |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/cont/cont.vue" |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
newName:'', |
|||
MyInfo:{}, |
|||
transferCode:0, |
|||
myAList:[ |
|||
{ |
|||
id:'1', |
|||
text:'wallet' |
|||
}, |
|||
{ |
|||
id:'2', |
|||
text:'Bank card' |
|||
}, |
|||
{ |
|||
id:'3', |
|||
text:'Address' |
|||
}, |
|||
{ |
|||
id:'4', |
|||
text:'Reset password' |
|||
}, |
|||
{ |
|||
id:'5', |
|||
text:'Android download' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/user/userInfo', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.MyInfo=res.data.data; |
|||
console.log(this.MyInfo,9990); |
|||
uni.setStorage({ |
|||
key: 'MyInfo', |
|||
data: res.data.data, |
|||
success: function() { |
|||
console.log('success') |
|||
} |
|||
}); |
|||
console.log(res.data) |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
methods:{ |
|||
|
|||
go(i){ |
|||
if(i==3){ |
|||
uni.reLaunch({ |
|||
url:'../../login/resetPassword/index' |
|||
}) |
|||
} |
|||
if(i==4){ |
|||
const androidUrl= uni.getStorageSync('siteInfo').androidUrl; |
|||
console.log(androidUrl) |
|||
uni.reLaunch({ |
|||
url:androidUrl |
|||
}) |
|||
} |
|||
}, |
|||
changeName(){ |
|||
uni.showLoading({ |
|||
title:"loading" |
|||
}) |
|||
if(this.newName==''){ |
|||
uni.showToast({ |
|||
title: 'The new user name cannot be empty', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
uni.request({ |
|||
url: '/start/api/user/updateNickname', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"nickname":this.newName, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
|
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
|
|||
if(res.data.success==true){ |
|||
|
|||
uni.showToast({ |
|||
title: 'Modified successfully', |
|||
icon: 'success', |
|||
duration: 1500 |
|||
}) |
|||
setTimeout(function(){ |
|||
location.reload(); |
|||
},1000) |
|||
}else{ |
|||
uni.showToast({ |
|||
title: 'Modification failed', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
console.log(res.data,9990); |
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
}, |
|||
goRecharge(){ |
|||
uni.reLaunch({ |
|||
url:'../recharge/index' |
|||
}) |
|||
}, |
|||
logout(){ |
|||
uni.request({ |
|||
url: '/start/api/user/loginOut', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
uni.showLoading({ |
|||
title:'loading' |
|||
}) |
|||
if(res.data.success==true){ |
|||
uni.showToast({ |
|||
title: 'Log out successfully', |
|||
icon: 'success', |
|||
duration: 1500 |
|||
}) |
|||
uni.removeStorageSync('logInfo'); |
|||
uni.removeStorageSync('ticket') |
|||
setTimeout(function(){ |
|||
uni.reLaunch({ |
|||
url:'../../login/index' |
|||
}) |
|||
},2000) |
|||
|
|||
|
|||
}else{ |
|||
uni.showToast({ |
|||
title: 'Exit failed', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
console.log(res.data,9990); |
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -2,7 +2,7 @@ |
|||
<view class="content"> |
|||
<navigation> |
|||
A+ plan |
|||
<span class="bread" slot="bread"> |
|||
<span class="bread" slot="bread" @click="goArule()"> |
|||
Rules |
|||
</span > |
|||
</navigation> |
|||
@ -24,7 +24,7 @@ |
|||
<view class="time"> |
|||
Yesterday |
|||
</view> |
|||
<view class="mon_btn"> |
|||
<view class="mon_btn" @click="transferCode=1"> |
|||
Transfer Out |
|||
</view> |
|||
</view> |
|||
@ -49,7 +49,7 @@ |
|||
</view> |
|||
<view class="record_item flex"> |
|||
<view class="numcon flex"> |
|||
<image src="../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
Income |
|||
@ -69,6 +69,31 @@ |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<u-mask :show="transferCode==1" :z-index="10"></u-mask> |
|||
<view class="tc" v-show="transferCode==1"> |
|||
<view class="title"> |
|||
transfer out |
|||
</view> |
|||
<view class="tc_body"> |
|||
<view class="body_item "> |
|||
<input type="text" value="" placeholder="transfer out amount" |
|||
placeholder-style="color: #BFC2CC;font-size:14px;text-transform: capitalize;padding-left:24rpx"/> |
|||
</view> |
|||
<view class="body_item"> |
|||
<view class="body_item_info"> |
|||
Your available balance: 81166.17 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="anniu_con flex"> |
|||
<view class="cancel" @click="transferCode=0"> |
|||
cancel |
|||
</view> |
|||
<view class="cancel"> |
|||
transfer out |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
@ -80,6 +105,7 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
transferCode:0, |
|||
leaId:0, |
|||
proLeav:[ |
|||
{ |
|||
@ -101,6 +127,11 @@ |
|||
|
|||
}, |
|||
methods: { |
|||
goArule(){ |
|||
uni.reLaunch({ |
|||
url:'../rule/arules/index' |
|||
}) |
|||
}, |
|||
leaIdChange(index){ |
|||
this.leaId=index; |
|||
} |
|||
@ -0,0 +1,707 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation>color</navigation> |
|||
<balance @send="getSonValue"> |
|||
<view class="rules-btn" slot="rules" @click="goRule()">rules</view> |
|||
</balance> |
|||
<view class="bg_white"> |
|||
<view class="gNum flex"> |
|||
<view class="ga" v-for="(item,index) in colorList" :key="item.id" :class="index==ganum?'gaactive':''" |
|||
@click="gaClick(index,item.name),nextBtting()"> |
|||
{{item.name}} |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="gameContent"> |
|||
<view class="perCon"> |
|||
<view class="perCoun flex"> |
|||
<view class="period"> |
|||
<image src="../../../static/color/[email protected]" mode="aspectFit" class="color_icon"></image> |
|||
<span>Period</span> |
|||
</view> |
|||
<view class="coDown"> |
|||
count down |
|||
</view> |
|||
</view> |
|||
<view class="timeCon flex"> |
|||
<view class="time"> |
|||
<!-- {{colorData.lotteryPeriod.period}} --> |
|||
{{nextBttingValue.period}} |
|||
</view> |
|||
<view class="count"> |
|||
<u-count-down :timestamp="nextBttingValue.remain" :show-days="false" :show-hours="false"></u-count-down> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class=""> |
|||
<view class="flex icon-con"> |
|||
<view class="ico" @click="xiazhu(item.color)" v-for="item,index in gameColor" :key="item.id"> |
|||
<image :src="'../../../static/color/ico_apple_'+item.color+'@3x.png'" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="multiple"> |
|||
<view class="multiple-con flex" > |
|||
<view class="mul-item" v-for="(item,index) in gameColorNumber1" :key="item.num" :class="item.cla" @click="xiazhu(item.num)"> |
|||
{{item.num}} |
|||
</view> |
|||
</view> |
|||
<view class="multiple-con flex"> |
|||
<view class="mul-item" ref="mulitem" v-for="(item,index) in gameColorNumber2" :key="item.num" :class="item.cla" @click="xiazhu(item.num)"> |
|||
{{item.num}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
<view class="donna flex"> |
|||
<view class="flex info"> |
|||
<view class="imgcon"> |
|||
<image :src="'https://apitest.luck-work.com/'+myImgUrl" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="doname"> |
|||
<p class="name">{{myName}}</p> |
|||
<view class="win"> |
|||
64% win |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="recharge"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
<span><i>₦</i>2000</span> |
|||
</view> |
|||
<view class="follow" @click="follow_xiazhu_conOn=1"> |
|||
Follow |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
<view class="gameNav" > |
|||
<view class="gameNav-item " v-for="item,index in gameNav2" :class="index==gameNavNum?'active':''" :key="item.id" @click="gameNavMe(index)"> |
|||
{{item.text}} |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<gamecont v-if="gameNavNum==0"></gamecont> |
|||
<gamecont2 :gameRecordCont="gameRecordCont" v-if="gameNavNum==1"></gamecont2> |
|||
<gamecont3 :myGameRecord="myGameRecord" v-if="gameNavNum==2"></gamecont3> |
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<u-mask :show="follow_xiazhu_conOn==1" z-index="1000"></u-mask> |
|||
<view class="follow_xiazhu_con" v-show="follow_xiazhu_conOn==1"> |
|||
|
|||
<view class="xia_head"> |
|||
<view class="tiao" @click="follow_xiazhu_conOn=0"> |
|||
</view> |
|||
</view> |
|||
<view class="xia_body"> |
|||
<view class="donna2" :class="folLisNum==index?'on':''" v-for="item,index in xia_body" :key="item"> |
|||
<view class="flex don_con"> |
|||
<view class="flex info"> |
|||
<view class="imgcon"> |
|||
<image src="../../../static/my/[email protected]" mode=""></image> |
|||
</view> |
|||
<view class="doname"> |
|||
<p class="name">Donna</p> |
|||
<view class="win"> |
|||
64% win |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="recharge"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
<span><i>₦</i>2000</span> |
|||
</view> |
|||
<view class="follow" @click="folLisNumFn(index)"> |
|||
Follow |
|||
</view> |
|||
</view> |
|||
<view class="list flex"> |
|||
<view class="flex list_con" @click="gsxia=1"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
<view class="flex list_con"> |
|||
<view class="num"> |
|||
20210701323 |
|||
</view> |
|||
<image src="../../../static/color/[email protected]" mode="" class="img1"></image> |
|||
<view class="instit red"> |
|||
lose |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
<view class="tc" v-show="gsxia==1"> |
|||
<view class="title"> |
|||
connfirm info |
|||
</view> |
|||
<view class="tc_body"> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
Perode |
|||
</view> |
|||
<view class="body_item_info"> |
|||
20210701327 |
|||
</view> |
|||
</view> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
choose |
|||
</view> |
|||
<view class="body_item_info"> |
|||
<image src="../../../static/color/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<view class="body_item flex"> |
|||
<view class="body_item_info"> |
|||
contract money |
|||
</view> |
|||
<view class="body_item_info"> |
|||
5,000 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="anniu_con flex"> |
|||
<view class="cancel" @click="gsxia=0"> |
|||
cancel |
|||
</view> |
|||
<view class="cancel"> |
|||
confirm |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<view class="xiazhu" v-show="xiazhuCode"> |
|||
<view class="top"> |
|||
<view class="title"> |
|||
join violet |
|||
</view> |
|||
<view class="contract flex"> |
|||
<view class="xname"> |
|||
Contract Money |
|||
</view> |
|||
<view class="numcon"> |
|||
<view class="num" v-for="(item,index) in betting_amount" :key="item" v-model="bettingPrice" @click="numColor(index,item)" :class="numindex==index?'active':''"> |
|||
{{item}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="bujin flex"> |
|||
<view class="xname"> |
|||
Number |
|||
</view> |
|||
<u-number-box v-model="bettingNumber"></u-number-box> |
|||
</view> |
|||
<view class="TotalMoney xname"> |
|||
Total Contract Money is 50 |
|||
</view> |
|||
<view class="agree"> |
|||
<view class=""> |
|||
<u-checkbox-group> |
|||
<u-checkbox v-model="item.checked" v-for="(item, index) in list" :key="index" |
|||
:name="item.name" shape="circle" active-color="#954DE3FF">{{item.name}}</u-checkbox> |
|||
</u-checkbox-group> |
|||
</view> |
|||
<span class="s1">I agree </span><span class="s2" @click="goRule">presale rule</span> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="btn_con flex"> |
|||
<view class="btn1 btn" @click="xiazhuCode=false"> |
|||
cancel |
|||
</view> |
|||
<view class="btn2 btn" @click="toLotter" :class="bettingNumber!=0?'on':''"> |
|||
comfierm |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<view class="tc" v-show="xiaSul==1"> |
|||
<view class="title"> |
|||
connfirm |
|||
</view> |
|||
<view class="tc_body sul"> |
|||
Successful purchase |
|||
</view> |
|||
<view class="sul ok" @click="xiaSul=0"> |
|||
OK |
|||
</view> |
|||
</view> |
|||
<u-mask :show="xiazhuCode" :z-index="10"></u-mask> |
|||
<u-mask :show="xiaSul==1" :z-index="10"></u-mask> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import navigation from "@/components/navigation/navigation.vue" |
|||
import balance from "@/components/balance/balance.vue" |
|||
import gameView from "@/components/gameView/gameView.vue" |
|||
import gamecont from "@/components/gamecont/gamecont.vue" |
|||
import gamecont2 from "@/components/gamecont2/gamecont2.vue" |
|||
import index from '@/utils/index.js' |
|||
import gamecont3 from "@/components/gamecont3/gamecont3.vue" |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
gameNavNum:0, |
|||
xiaSul:0, |
|||
gsxia:0, |
|||
xia_body:[1,2,3], |
|||
follow_xiazhu_conOn:0, |
|||
bettingPrice:'', |
|||
bettingNumber:0, |
|||
show: false, |
|||
showWhite: true, |
|||
myName: '', |
|||
myImgUrl: '', |
|||
folLisNum: 0, |
|||
xiazhuCode: false, |
|||
gap: '', |
|||
colorList: [], |
|||
colorData:[], |
|||
ganum: 0, |
|||
|
|||
|
|||
gameRecord: [], |
|||
gameRecordCont: [], |
|||
myGameRecord: [], |
|||
list: [ |
|||
{ |
|||
name: '', |
|||
checked: false, |
|||
disabled: false |
|||
}, |
|||
|
|||
], |
|||
betting_amount: [], |
|||
betting_rule: '', |
|||
pageSize: 9, |
|||
totalPage:1, |
|||
gameNav:[], |
|||
gNum:'G2', |
|||
gameColor:[ |
|||
{ |
|||
id:1, |
|||
color:'GREEN' |
|||
}, |
|||
{ |
|||
id:2, |
|||
color:'VIOLET' |
|||
}, |
|||
{ |
|||
id:3, |
|||
color:'RED' |
|||
}, |
|||
], |
|||
gameColorNumber1:[ |
|||
{ |
|||
num:0, |
|||
cla:'bg_jb2' |
|||
}, |
|||
{ |
|||
num:1, |
|||
cla:'bg_green' |
|||
}, |
|||
{ |
|||
num:2, |
|||
cla:'bg_red' |
|||
}, |
|||
{ |
|||
num:3, |
|||
cla:'bg_green' |
|||
}, |
|||
{ |
|||
num:4, |
|||
cla:'bg_red' |
|||
}, |
|||
], |
|||
gameColorNumber2:[ |
|||
{ |
|||
num:5, |
|||
cla:'bg_jb1' |
|||
}, |
|||
{ |
|||
num:6, |
|||
cla:'bg_red' |
|||
}, |
|||
{ |
|||
num:7, |
|||
cla:'bg_green' |
|||
}, |
|||
{ |
|||
num:8, |
|||
cla:'bg_red' |
|||
}, |
|||
{ |
|||
num:9, |
|||
cla:'bg_red' |
|||
}, |
|||
], |
|||
bettingValue:'', |
|||
nextBttingValue:[], |
|||
numindex:-1, |
|||
ganumArr:[], |
|||
gg:3, |
|||
gameNav2:[ |
|||
{ |
|||
id:1, |
|||
text:'Chart Trending', |
|||
}, |
|||
{ |
|||
id:2, |
|||
text:'' |
|||
}, |
|||
{ |
|||
id:3, |
|||
text:'' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
this.myName = uni.getStorageSync('MyInfo').nickname; |
|||
this.myImgUrl = uni.getStorageSync('MyInfo').headImgPath; |
|||
this.nextBtting(); |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
uni.request({ |
|||
url: '/start/api/lottery/lotteryClassList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
console.log(res.data.data, 888888888888) |
|||
this.colorList = res.data.data; |
|||
this.colorData=this.colorList[0]; |
|||
this.gameNav2[1].text=this.colorData.name+" record" |
|||
this.gameNav2[2].text='My '+this.colorData.name+" record" |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
|
|||
|
|||
this.getLottertRecord(); |
|||
uni.request({ |
|||
url: '/start/api/lottery/bettingConfig', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
console.log(uni.getStorageSync('logInfo').data,6666666) |
|||
console.log(res.data,123123) |
|||
this.betting_amount = res.data.data.betting_amount.split(','); |
|||
this.betting_rule = res.data.data.tips; |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
|
|||
}, |
|||
onReachBottom() { |
|||
this.pageSize += 9; |
|||
console.log(this.pageSize,this.totalPage,5555555555555555555) |
|||
if(this.pageSize>this.totalPage){ |
|||
return; |
|||
} |
|||
|
|||
this.getLottertRecord() |
|||
// 判断 |
|||
this.myLottertRecord() |
|||
|
|||
}, |
|||
methods: { |
|||
gameNavMe(i){ |
|||
this.gameNavNum=i; |
|||
}, |
|||
xiazhu(val){ |
|||
this.xiazhuCode=true; |
|||
this.bettingValue=val; |
|||
this.numindex=-1; |
|||
this.list[0].checked=false; |
|||
}, |
|||
folLisNumFn(i){ |
|||
this.folLisNum=i; |
|||
}, |
|||
numColor(i,j){ |
|||
this.numindex=i; |
|||
this.bettingPrice=j; |
|||
}, |
|||
nextBtting(){ |
|||
uni.request({ |
|||
url: '/start/api/lottery/nextLotteryPeriod', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"className":this.gNum, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.nextBttingValue=res.data.data |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
toLotter(){ |
|||
if(this.bettingPrice==0){ |
|||
uni.showToast({ |
|||
title: 'Please select bet amount', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if(this.bettingNumber==''){ |
|||
uni.showToast({ |
|||
title: 'Please enter the number of bets', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if(this.list[0].checked==false){ |
|||
|
|||
uni.showToast({ |
|||
title: 'Please agree to the rules first', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
uni.request({ |
|||
url: '/start/api/lottery/betting', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"className": this.nextBttingValue.name, |
|||
"period": this.nextBttingValue.period, |
|||
"bettingValue": this.bettingValue, |
|||
"bettingPrice":this.bettingPrice, |
|||
"bettingNumber":this.bettingNumber, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
console.log(res.data) |
|||
if(res.data.success==true){ |
|||
this.xiaSul=1; |
|||
uni.showToast({ |
|||
title: 'Successful bet', |
|||
icon: 'success', |
|||
duration: 1500 |
|||
}) |
|||
}else{ |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
|
|||
myLottertRecord(){ |
|||
uni.request({ |
|||
url: '/start/api/lottery/myLotteryRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"classId": this.gg, |
|||
"pageNumber": 1, |
|||
"pageSize": this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
if(res.data==''||res.data.data.content==null){ |
|||
return |
|||
} |
|||
this.myGameRecord = res.data.data.content; |
|||
this.totalPage = res.data.data.totalElements; |
|||
for (var i = 0; i < this.myGameRecord.length; i++) { |
|||
this.myGameRecord[i].period = this.myGameRecord[i].period.substring(2, 13); |
|||
this.myGameRecord[i].addTime=index.formatyymmddhhmmss(this.myGameRecord[i].addTime); |
|||
} |
|||
console.log(res.data,5666666) |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
}, |
|||
getLottertRecord() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/lottery/lotteryRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"classId": this.gg, |
|||
"pageNumber": 1, |
|||
"pageSize": this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
if(res.data==''||res.data.data.content==null){ |
|||
return |
|||
} |
|||
this.gameRecordCont = res.data.data.content; |
|||
this.totalPage = res.data.data.totalElements; |
|||
for (var i = 0; i < this.gameRecordCont.length; i++) { |
|||
this.gameRecordCont[i].period = this.gameRecordCont[i].period.substring(2, 13); |
|||
this.gameRecordCont[i].lotteryColor = this.gameRecordCont[i].lotteryColor.split( |
|||
','); |
|||
} |
|||
// console.log(res.data.data,77777777777777) |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
|
|||
|
|||
gaClick(i,j) { |
|||
|
|||
this.ganum = i |
|||
this.gNum=j; |
|||
this.colorData = this.colorList[i]; |
|||
this.gameNav2[1].text=this.colorData.name+" record" |
|||
this.gameNav2[2].text='My '+this.colorData.name+" record" |
|||
this.ganumArr=this.gNum.split(',') |
|||
this.gg=this.gNum[1]; |
|||
}, |
|||
goRule() { |
|||
uni.reLaunch({ |
|||
url: '../rule/index' |
|||
}) |
|||
}, |
|||
showMas() { |
|||
this.show = true; |
|||
this.showWhite = false; |
|||
|
|||
}, |
|||
getSonValue(){ |
|||
uni.reLaunch({ |
|||
url:'../recharge/index' |
|||
}) |
|||
}, |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -0,0 +1,49 @@ |
|||
<template> |
|||
<view class=""> |
|||
<balance @send="getSonValue"></balance> |
|||
<view class="index-body"> |
|||
<view class="index-body-p1"> |
|||
Game |
|||
</view> |
|||
<view class="index-body-img" @click="goColor"> |
|||
<image src="../../../static/home/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import Vue from 'vue'; |
|||
import balance from "@/components/balance/balance.vue" |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
onLoad() { |
|||
|
|||
}, |
|||
methods: { |
|||
getSonValue(){ |
|||
uni.reLaunch({ |
|||
url:'../recharge/index' |
|||
}) |
|||
}, |
|||
|
|||
goColor(){ |
|||
uni.reLaunch({ |
|||
url:'../color/index' |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,111 @@ |
|||
|
|||
.content{ |
|||
position: relative; |
|||
height: 1264rpx; |
|||
} |
|||
.prore_lev{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
} |
|||
.level{ |
|||
color: #909399; |
|||
font-size: 32rpx; |
|||
line-height: 96rpx; |
|||
position: relative; |
|||
} |
|||
.level::after{ |
|||
content: ''; |
|||
width: 0%; |
|||
height: 4rpx; |
|||
border-radius: 4px; |
|||
background: #34026B; |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: 0px; |
|||
transform: translateX(-50%); |
|||
transition: all .5s; |
|||
} |
|||
.on{ |
|||
color: #34026B; |
|||
} |
|||
.on::after{ |
|||
width: 200rpx; |
|||
|
|||
} |
|||
.prore_body{ |
|||
position: relative; |
|||
} |
|||
|
|||
.noRes{ |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%,-50%); |
|||
} |
|||
.noRes .imgcon{ |
|||
width: 72rpx; |
|||
height: 72rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.noRes .imgcon image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.noRes .res{ |
|||
text-align: center; |
|||
color: #BFC2CC; |
|||
font-size: 28rpx; |
|||
margin-top: 24rpx; |
|||
} |
|||
|
|||
|
|||
|
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.Nop1{ |
|||
color: #303133FF; |
|||
font-size: 32rpx; |
|||
} |
|||
.Nop2{ |
|||
color: #909399FF; |
|||
font-size: 28rpx; |
|||
} |
|||
.money{ |
|||
color: #00B977FF; |
|||
font-size: 32rpx; |
|||
text-align: right; |
|||
} |
|||
.nickname{ |
|||
text-align: right; |
|||
color: #909399FF; |
|||
font-size: 28rpx; |
|||
} |
|||
@ -0,0 +1,108 @@ |
|||
<template> |
|||
<view class="content" :class="test!=0?'he':''"> |
|||
<navigation> |
|||
apply record |
|||
</navigation> |
|||
<view class="prore_body"> |
|||
</view> |
|||
<view class="noRes" v-show="test==0"> |
|||
<view class="imgcon"> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="res"> |
|||
No results |
|||
</view> |
|||
</view> |
|||
<view class="record_body"> |
|||
<view class="record_item flex" v-for="(item,index) in promotionRecord" :key="item.id"> |
|||
<view class="numcon flex"> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
<view class="Nop1"> |
|||
No.{{item.orderNo}} |
|||
</view> |
|||
<view class="Nop2"> |
|||
{{item.addTime}} |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
<view class="money"> |
|||
+{{item.tranAmt}} |
|||
</view> |
|||
<view class="nickname"> |
|||
Complete |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
test:0, |
|||
promotionRecord:[], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
this.getBounsRecord(); |
|||
|
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
qiehuan(i){ |
|||
this.qie=i; |
|||
this.level=i+1; |
|||
this.getBounsRecord(); |
|||
}, |
|||
getBounsRecord(){ |
|||
uni.request({ |
|||
url: '/start/api/summary/bonusOutRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"pageNumber": 1, |
|||
"pageSize": 20, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
if(res.data.data.content!=''){ |
|||
this.promotionRecord=res.data.data.content; |
|||
for(var i=0;i<this.promotionRecord.length;i++){ |
|||
this.promotionRecord[i].addTime=index.formatyymmddhhmmss(this.promotionRecord[i].addTime); |
|||
this.promotionRecord[i].orderNo = this.promotionRecord[i].orderNo.substring(13, 20); |
|||
} |
|||
this.test=this.promotionRecord.length; |
|||
console.log(res.data) |
|||
}else{ |
|||
console.log(123123) |
|||
} |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -0,0 +1,111 @@ |
|||
|
|||
.content{ |
|||
position: relative; |
|||
height: 1264rpx; |
|||
} |
|||
.prore_lev{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
} |
|||
.level{ |
|||
color: #909399; |
|||
font-size: 32rpx; |
|||
line-height: 96rpx; |
|||
position: relative; |
|||
} |
|||
.level::after{ |
|||
content: ''; |
|||
width: 0%; |
|||
height: 4rpx; |
|||
border-radius: 4px; |
|||
background: #34026B; |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: 0px; |
|||
transform: translateX(-50%); |
|||
transition: all .5s; |
|||
} |
|||
.on{ |
|||
color: #34026B; |
|||
} |
|||
.on::after{ |
|||
width: 200rpx; |
|||
|
|||
} |
|||
.prore_body{ |
|||
position: relative; |
|||
} |
|||
|
|||
.noRes{ |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%,-50%); |
|||
} |
|||
.noRes .imgcon{ |
|||
width: 72rpx; |
|||
height: 72rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.noRes .imgcon image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.noRes .res{ |
|||
text-align: center; |
|||
color: #BFC2CC; |
|||
font-size: 28rpx; |
|||
margin-top: 24rpx; |
|||
} |
|||
|
|||
|
|||
|
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.Nop1{ |
|||
color: #303133FF; |
|||
font-size: 32rpx; |
|||
} |
|||
.Nop2{ |
|||
color: #909399FF; |
|||
font-size: 28rpx; |
|||
} |
|||
.money{ |
|||
color: #00B977FF; |
|||
font-size: 32rpx; |
|||
text-align: right; |
|||
} |
|||
.nickname{ |
|||
text-align: right; |
|||
color: #909399FF; |
|||
font-size: 28rpx; |
|||
} |
|||
@ -0,0 +1,139 @@ |
|||
<template> |
|||
<view class="content" :class="test!=0?'he':''"> |
|||
<navigation> |
|||
bonus record |
|||
</navigation> |
|||
<view class="prore_body"> |
|||
<view class="prore_lev"> |
|||
<view class="level" v-for="(item,index) in levelCon" :key="item.id" @click="qiehuan(index)" :class="index==qie?'on':''"> |
|||
{{item.text}} |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
<view class="noRes" v-show="test==0"> |
|||
<view class="imgcon"> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="res"> |
|||
No results |
|||
</view> |
|||
</view> |
|||
<view class="record_body"> |
|||
<view class="record_item flex" v-for="(item,index) in promotionRecord" :key="item.id"> |
|||
<view class="numcon flex"> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
<view class="Nop1"> |
|||
No.60003274 |
|||
</view> |
|||
<view class="Nop2"> |
|||
{{item.addTime}} |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
<view class="money"> |
|||
+{{item.amount}} |
|||
</view> |
|||
<view class="nickname"> |
|||
{{item.nickname}} |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
test:0, |
|||
promotionRecord:[], |
|||
qie:0, |
|||
level:1, |
|||
pageSize:3, |
|||
totalElements:'', |
|||
levelCon:[ |
|||
{ |
|||
id:1, |
|||
text:'level1' |
|||
}, |
|||
{ |
|||
id:2, |
|||
text:'level2' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
this.getBounsRecord(); |
|||
|
|||
|
|||
|
|||
}, |
|||
onReachBottom() { |
|||
this.pageSize += 3; |
|||
if(this.pageSize>this.totalElements){ |
|||
return; |
|||
} |
|||
|
|||
this.getBounsRecord() |
|||
|
|||
}, |
|||
methods:{ |
|||
qiehuan(i){ |
|||
this.qie=i; |
|||
this.level=i+1; |
|||
this.getBounsRecord(); |
|||
}, |
|||
getBounsRecord(){ |
|||
uni.request({ |
|||
url: '/start/api/summary/bonusRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"level":this.level, |
|||
"pageNumber": 1, |
|||
"pageSize": this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.totalElements=res.data.data.totalElements; |
|||
if(res.data.data.content!=''){ |
|||
this.promotionRecord=res.data.data.content; |
|||
for(var i=0;i<this.promotionRecord.length;i++){ |
|||
this.promotionRecord[i].addTime=index.formatyymmddhhmmss(this.promotionRecord[i].addTime); |
|||
} |
|||
this.test=this.promotionRecord.length; |
|||
console.log(res.data) |
|||
}else{ |
|||
console.log(123123) |
|||
} |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -3,14 +3,14 @@ |
|||
<view class="pro-head"> |
|||
promotion |
|||
<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="img2" @click="invMore=true,msShow=true"></image> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img2" @click="invMore=true,msShow=true"></image> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="pro-body"> |
|||
<view class="pro-body-p1"> |
|||
bonus: <span class="category-sigh">₦</span><span class="s1">0.00</span> |
|||
bonus: <span class="category-sigh">₦</span><span class="s1">{{inviteRule.bonusCapital}}</span> |
|||
</view> |
|||
|
|||
<view class="pro-body-btn1" @click="appl=true,msShow=true"> |
|||
@ -28,7 +28,7 @@ |
|||
<view class="pro-body-code"> |
|||
<view class="code-item1"> |
|||
<p class="p1" ref="">My Promotion Code</p> |
|||
<p class="p2">{{inviteCode}}</p> |
|||
<p class="p2">{{inviteRule.inviteCode}}</p> |
|||
</view> |
|||
<view class="code-item1"> |
|||
<p class="p1">My Promotion Link</p> |
|||
@ -49,10 +49,10 @@ |
|||
<view class="more-a" @click="goProRe"> |
|||
promotion record |
|||
</view> |
|||
<view class="more-a"> |
|||
<view class="more-a" @click="goBouns"> |
|||
bonus record |
|||
</view> |
|||
<view class="more-a"> |
|||
<view class="more-a" @click="applyRecord"> |
|||
apply record |
|||
</view> |
|||
</view> |
|||
@ -72,9 +72,9 @@ |
|||
apply to balance |
|||
</view> |
|||
<view class="input"> |
|||
<input type="text" value="" placeholder="bonus" placeholder-style="color: #BFC2CCFF;font-size:28rpx;text-transform: capitalize"/> |
|||
<input type="text" value="" placeholder="bonus" v-model="tranAmt" placeholder-style="color: #BFC2CCFF;font-size:28rpx;text-transform: capitalize"/> |
|||
</view> |
|||
<view class="all"> |
|||
<view class="all" @click="applyAll()"> |
|||
Apply all |
|||
</view> |
|||
</view> |
|||
@ -83,7 +83,7 @@ |
|||
<view class="btn1" @click="appl=false,msShow=false"> |
|||
cancel |
|||
</view> |
|||
<view class="btn1 puple"> |
|||
<view class="btn1 puple" @click="bountOut()"> |
|||
confirm |
|||
</view> |
|||
</view> |
|||
@ -101,6 +101,8 @@ |
|||
data() { |
|||
return { |
|||
leaId:0, |
|||
inviteRule:[], |
|||
tranAmt:'', |
|||
proLeav:[ |
|||
{ |
|||
id:0, |
|||
@ -115,7 +117,6 @@ |
|||
leanum:0.00 |
|||
}, |
|||
], |
|||
inviteCode:'', |
|||
copyText:'', |
|||
invMore:false, |
|||
appl:false, |
|||
@ -123,15 +124,92 @@ |
|||
} |
|||
}, |
|||
onLoad() { |
|||
this.inviteCode=uni.getStorageSync('MyInfo').inviteCode; |
|||
this.copyText='http://www.ngnclub.vip/#/register?r_code='+this.inviteCode; |
|||
uni.request({ |
|||
url: '/start/api/user/inviteCode', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.inviteRule=res.data.data |
|||
this.copyText='http://www.ngnclub.vip/#/register?r_code='+this.inviteRule.inviteCode; |
|||
// this.copyText=this.inviteRule.qrcodeUrl+this.inviteRule.inviteCode; |
|||
console.log(res.data,9999); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.errMsg); |
|||
} |
|||
}); |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
}, |
|||
methods: { |
|||
applyAll(){ |
|||
this.tranAmt=this.inviteRule.bonusCapital; |
|||
}, |
|||
bountOut(){ |
|||
uni.request({ |
|||
url: '/start/api/summary/bonusOut', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"tranAmt":this.tranAmt, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
|
|||
success: (res) => { |
|||
if(res.data!=''){ |
|||
if(res.data.success==true){ |
|||
uni.showToast({ |
|||
title: 'Commission successfully transferred out to balance', |
|||
icon: 'success', |
|||
duration: 1500 |
|||
}) |
|||
}else{ |
|||
uni.showToast({ |
|||
title:res.data.errMsg , |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
} |
|||
|
|||
|
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title:res.data.errMsg , |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
}, |
|||
goProRe(){ |
|||
uni.navigateTo({ |
|||
uni.reLaunch({ |
|||
url:'./promotionRecord/index' |
|||
}) |
|||
}, |
|||
goBouns(){ |
|||
uni.reLaunch({ |
|||
url:'./bounsRecord/index' |
|||
}) |
|||
}, |
|||
applyRecord(){ |
|||
uni.reLaunch({ |
|||
url:'./applyRecord/index' |
|||
}) |
|||
}, |
|||
copyTextMethod(){ |
|||
|
|||
this.$copyText(this.copyText).then(res => { |
|||
@ -140,13 +218,6 @@ |
|||
icon: 'success' |
|||
}) |
|||
}) |
|||
|
|||
// uni.setClipboardData({ |
|||
// data: this.copyText, |
|||
// success() { |
|||
// } |
|||
// }) |
|||
|
|||
}, |
|||
leaIdChange(index){ |
|||
this.leaId=index; |
|||
@ -0,0 +1,135 @@ |
|||
<template> |
|||
<view class="content" :class="test!=0?'he':''"> |
|||
<navigation> |
|||
promotion record |
|||
</navigation> |
|||
<view class="prore_body"> |
|||
<view class="prore_lev"> |
|||
<view class="level" v-for="(item,index) in levelCon" :key="item.id" @click="qiehuan(index)" :class="index==qie?'on':''"> |
|||
{{item.text}} |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
<view class="noRes" v-show="test==0"> |
|||
<view class="imgcon"> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="res"> |
|||
No results |
|||
</view> |
|||
</view> |
|||
<view class="record_body"> |
|||
<view class="record_item flex" v-for="(item,index) in promotionRecord" :key="item.id"> |
|||
<view class="numcon"> |
|||
<image src="../../../../static/color/bg_er@3x(4).png" mode="aspectFit" class="recordTou"></image> |
|||
<view class="num"> |
|||
|
|||
<view class="rec"> |
|||
<view class="Nop1"> |
|||
{{item.nickname}} |
|||
</view> |
|||
<view class="Nop2"> |
|||
{{item.addTime}} |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
{{item.mobile}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
test:0, |
|||
promotionRecord:[], |
|||
qie:0, |
|||
level:1, |
|||
pageSize:3, |
|||
totalElements:'', |
|||
levelCon:[ |
|||
{ |
|||
id:1, |
|||
text:'level1' |
|||
}, |
|||
{ |
|||
id:2, |
|||
text:'level2' |
|||
}, |
|||
], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
this.getBounsRecord(); |
|||
|
|||
|
|||
|
|||
}, |
|||
onReachBottom() { |
|||
this.pageSize += 3; |
|||
if(this.pageSize>this.totalElements){ |
|||
return; |
|||
} |
|||
|
|||
this.getBounsRecord() |
|||
|
|||
}, |
|||
methods:{ |
|||
qiehuan(i){ |
|||
this.qie=i; |
|||
this.level=i+1; |
|||
this.getBounsRecord(); |
|||
}, |
|||
getBounsRecord(){ |
|||
uni.request({ |
|||
url: '/start/api/summary/promotionRecords', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"level":this.level, |
|||
"pageNumber": 1, |
|||
"pageSize": this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.totalElements=res.data.data.totalElements; |
|||
if(res.data.data.content){ |
|||
this.promotionRecord=res.data.data.content; |
|||
for(var i=0;i<this.promotionRecord.length;i++){ |
|||
this.promotionRecord[i].addTime=index.formatyymmddhhmmss(this.promotionRecord[i].addTime); |
|||
} |
|||
this.test=this.promotionRecord.length; |
|||
console.log(res.data) |
|||
}else{ |
|||
console.log(123123) |
|||
} |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -3,7 +3,7 @@ |
|||
<navigation> |
|||
Recharge |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../static/promo/[email protected]" mode=""></image> |
|||
<image src="../../../static/promo/[email protected]" mode=""></image> |
|||
</view> |
|||
</navigation> |
|||
<view class="rech-body"> |
|||
@ -12,7 +12,7 @@ |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
<image src="../../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input type="text" value="" placeholder="Enter or Select Recharge Amount" |
|||
@ -29,7 +29,7 @@ |
|||
<span class="quhao">+{{areacode}}</span> |
|||
</view> |
|||
<input type="text" value="" placeholder="mobile number" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="mobile" /> |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="mobile" disabled /> |
|||
</view> |
|||
<!-- <view class="input-item flex"> |
|||
<input type="text" value="" placeholder="email" |
|||
@ -53,7 +53,7 @@ |
|||
<view class="paymentType"> |
|||
<view class="capy"> |
|||
|
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
<image src="../../../static/login/[email protected]" mode=""></image> |
|||
CPAY |
|||
</view> |
|||
|
|||
@ -94,7 +94,7 @@ |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
this.mobile=uni.getStorageSync('loginMobile'); |
|||
this.areacode = uni.getStorageSync('siteInfo').areaCode; |
|||
|
|||
uni.request({ |
|||
@ -163,6 +163,15 @@ |
|||
}) |
|||
return; |
|||
} |
|||
var a= /^[0-9]{4,14}$/; |
|||
if(!a.test(this.mobile)){ |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if(this.tranAmt==''){ |
|||
uni.showToast({ |
|||
title: 'Please input recharge amount', |
|||
@ -205,12 +214,15 @@ |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
if(res.data.data.code==1){ |
|||
if(res.data.success==true){ |
|||
uni.showToast({ |
|||
title: 'Recharge success', |
|||
icon: 'success', |
|||
duration: 1500 |
|||
}) |
|||
setTimeout(function(){ |
|||
location.reload() |
|||
},1000) |
|||
}else{ |
|||
uni.showToast({ |
|||
title: 'Payment failed', |
|||
@ -0,0 +1,58 @@ |
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
position: relative; |
|||
height: 800rpx; |
|||
} |
|||
.auto{ |
|||
height: auto !important ; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #954DE3; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
|
|||
.noRes{ |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%,-50%); |
|||
} |
|||
.noRes .imgcon{ |
|||
width: 72rpx; |
|||
height: 72rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.noRes .imgcon image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.noRes .res{ |
|||
text-align: center; |
|||
color: #BFC2CC; |
|||
font-size: 28rpx; |
|||
margin-top: 24rpx; |
|||
} |
|||
@ -0,0 +1,97 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
Recharge Record |
|||
</navigation> |
|||
<view class="record_body" :class="totalPage>0?'auto':''"> |
|||
<view class="record_item flex" v-for="(item,index) in record_list" :key="item.orderNo"> |
|||
<view class="numcon flex"> |
|||
<image src="../../../../static/login/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
{{item.tranAmt}} Wait |
|||
</view> |
|||
<view class="cpay"> |
|||
CPAY |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
{{item.addTime}} |
|||
</view> |
|||
</view> |
|||
<view class="noRes" v-show="totalPage<0"> |
|||
<view class="imgcon"> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="res"> |
|||
No results |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index.js' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
pageNumber:1, |
|||
pageSize:8, |
|||
record_list:[], |
|||
totalPage:0, |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
this.getRechardRecord() |
|||
}, |
|||
onReachBottom() { |
|||
this.pageSize += 8; |
|||
if(this.pageSize>this.totalPage){ |
|||
return; |
|||
} |
|||
this.getRechardRecord(); |
|||
}, |
|||
|
|||
methods:{ |
|||
getRechardRecord(){ |
|||
uni.request({ |
|||
url: '/start/api/recharge/rechargeList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"pageNumber":this.pageNumber, |
|||
"pageSize":this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.record_list=res.data.data.content; |
|||
for(var i=0;i<this.record_list[i].addTime;i++){ |
|||
this.record_list[i].addTime=index.formatyymmddhhmmss(this.record_list[i].addTime); |
|||
} |
|||
this.totalPage=res.data.data.totalPages; |
|||
|
|||
|
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
}, |
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -0,0 +1,73 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="ru-head"> |
|||
<view class="ru-imgcon"> |
|||
<image src="../../../../static/home/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="ru-body"> |
|||
<p class="ru-body-p1">platform agent rebate model</p> |
|||
<table class="ru-table"> |
|||
<thead> |
|||
<tr> |
|||
<th class="t1">level</th> |
|||
<th class="t2">Commission rate</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr v-for="(item,key) in inviteRule.rates"> |
|||
<th class="t1">{{key}}</th> |
|||
<th class="t2">{{item}}</th> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
|
|||
|
|||
<view class="ru-cont" v-html="inviteRule.tips"> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
inviteRule:[], |
|||
} |
|||
}, |
|||
onLoad() { |
|||
uni.request({ |
|||
url: '/start/api/user/inviteCode', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.inviteRule=res.data.data |
|||
console.log(res.data,9999); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.errMsg); |
|||
} |
|||
}); |
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import url("./index.css"); |
|||
</style> |
|||
@ -0,0 +1,302 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
withdrawal |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" @click="invMore=true,msShow=true"></image> |
|||
</view> |
|||
</navigation> |
|||
<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 > |
|||
<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> |
|||
</u-modal> |
|||
</view> |
|||
|
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
</view> |
|||
<input value="" placeholder="enter withdrawal amount" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform:capital" v-model="tranAmt" @input="calulate"/> |
|||
</view> |
|||
<view class="p_con"> |
|||
<view class="fee"> |
|||
FEE:{{this.fee}}, TO ACCOUNT {{this.trueMoney}} |
|||
</view> |
|||
<view class="minnum"> |
|||
MINIMUM WITHDRAWAL AMOUNT: {{withdrawConfig.withdraw_min_amt}} |
|||
</view> |
|||
</view> |
|||
<!-- <view class="rech-capy"> |
|||
<view class="payment"> |
|||
payment |
|||
</view> |
|||
<view class="capy"> |
|||
<image src="../../static/login/[email protected]" mode="" class="img1"></image> CPAY |
|||
</view> |
|||
</view> --> |
|||
<view class="rech-input-con"> |
|||
<!-- <view class="input-item flex"> |
|||
<input type="text" value="" placeholder="IFSC Code" placeholder-style="color: #BFC2CCFF;font-size:14px;"/> |
|||
</view> --> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input type="text" value="" placeholder="mobile phone" v-model="mobile" disabled |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;" |
|||
|
|||
/> |
|||
</view> |
|||
<!-- <view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input type="password" value="" placeholder="Enter Your Login Password" v-mode="password" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;" @focus="btncol=1" @blur="btncol=2" /> |
|||
</view> --> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
<view class="rech-btn-con"> |
|||
<view class="rech-btn" @click="widthDrawl" :class="btncol==1?'active':''"> |
|||
Withdrawal |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="invite-more" v-show="invMore"> |
|||
<view class="invite-con"> |
|||
<view class="more-a" @click="goBouns"> |
|||
transactions record |
|||
</view> |
|||
<view class="more-a" @click="goProRe"> |
|||
withdrawl record |
|||
</view> |
|||
<view class="more-a" @click="gow"> |
|||
withdrawl |
|||
</view> |
|||
</view> |
|||
<view class="invite-con2"> |
|||
<view class="more-a" @click="invMore=false,msShow=false"> |
|||
cancel |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="msg-box-bg" v-show="invMore"> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import md5 from 'js-md5' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
withdrawConfig:[], |
|||
show: false, |
|||
content: '', |
|||
password:'', |
|||
tranAmt:'', |
|||
mobile:'', |
|||
fee:'', |
|||
trueMoney:'', |
|||
btncol:0, |
|||
invMore:false, |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
this.mobile=uni.getStorageSync('loginMobile'); |
|||
uni.request({ |
|||
url: '/start/api/withdraw/withdrawConfig', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.withdrawConfig=res.data.data; |
|||
this.content=this.withdrawConfig.tips; |
|||
console.log(res.data,8880); |
|||
console.log(this.withdrawConfig,9990); |
|||
this.show=true; |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
gow(){ |
|||
uni.reLaunch({ |
|||
url:'../index' |
|||
}) |
|||
}, |
|||
goBouns(){ |
|||
uni.reLaunch({ |
|||
url:'./transactions/index' |
|||
}) |
|||
}, |
|||
goProRe(){ |
|||
uni.reLaunch({ |
|||
url:'./withdrawlRecord/index' |
|||
}) |
|||
}, |
|||
calulate(){ |
|||
this.fee=this.tranAmt*0.1; |
|||
this.trueMoney=this.tranAmt-this.fee; |
|||
this.btncol=1; |
|||
if(this.tranAmt==''){ |
|||
this.btncol=0; |
|||
} |
|||
}, |
|||
open(){ |
|||
this.show=true; |
|||
}, |
|||
widthDrawl(){ |
|||
if(this.mobile==''){ |
|||
uni.showToast({ |
|||
title: 'Please input mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a= /^[0-9]{4,14}$/; |
|||
if(!a.test(this.mobile)){ |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
// if (this.password == '') { |
|||
// uni.showToast({ |
|||
// title: 'password is empty', |
|||
// icon: 'none', |
|||
// duration: 1500 |
|||
// }) |
|||
// return; |
|||
// } |
|||
// var a= /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{5,19}$/; |
|||
// if(!a.test(this.password)){ |
|||
// uni.showToast({ |
|||
// title: 'Incorrect password format,a password requires a combination of numbers and letters', |
|||
// icon: 'none', |
|||
// duration: 1500 |
|||
// }) |
|||
// return; |
|||
// } |
|||
|
|||
// if(this.tranAmt<withdrawConfig.withdraw_min_amt){ |
|||
// uni.showToast({ |
|||
// title: 'The withdrawal amount cannot be less than the minimum withdrawal amount', |
|||
// icon: 'none', |
|||
// duration: 1500 |
|||
// }) |
|||
// return; |
|||
// } |
|||
|
|||
// if(this.tranAmt<withdrawConfig.withdraw_max_amt){ |
|||
// uni.showToast({ |
|||
// title: 'The withdrawal amount cannot be greater than the maximum withdrawal amount', |
|||
// icon: 'none', |
|||
// duration: 1500 |
|||
// }) |
|||
// return; |
|||
// } |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
uni.request({ |
|||
url: '/start/api/withdraw/withdraw', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
// 'password': md5(this.password), |
|||
"tranAmt":this.tranAmt, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
if(res.data.success==true){ |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
uni.request({ |
|||
url: '/start/api/withdraw/withdrawServiceCharge', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
// 'password': md5(this.password), |
|||
"tranAmt":this.tranAmt, |
|||
"ticket":uni.getStorageSync('MyInfo').data, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
|
|||
console.log(res.data,'45464654646446'); |
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
}else{ |
|||
uni.showToast({ |
|||
title: 'Withdrawal failed', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
console.log(res.data); |
|||
}, |
|||
fail: (res) => { |
|||
uni.showToast({ |
|||
title: res.data.errMsg, |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
} |
|||
}); |
|||
} |
|||
|
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -3,29 +3,50 @@ |
|||
<navigation> |
|||
transactions |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../../static/promo/[email protected]" mode=""></image> |
|||
<image src="../../../../static/promo/[email protected]" mode="" @click="invMore=true"></image> |
|||
</view> |
|||
</navigation> |
|||
<view class="record_body"> |
|||
<view class="record_item flex"> |
|||
<view class="record_item flex" v-for="item,index in record_list" :key="item.id"> |
|||
<view class="numcon flex"> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
Join period |
|||
</view> |
|||
<view class="cpay"> |
|||
2021-05-20 18:34:00 |
|||
{{item.addTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
-40.00 |
|||
</view> |
|||
-{{item.tranAmt}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<view class="invite-more" v-show="invMore"> |
|||
<view class="invite-con"> |
|||
<view class="more-a" @click="goBouns"> |
|||
transactions record |
|||
</view> |
|||
<view class="more-a" @click="goProRe"> |
|||
withdrawl record |
|||
</view> |
|||
<view class="more-a" @click="gow()"> |
|||
withdrawl |
|||
</view> |
|||
</view> |
|||
<view class="invite-con2"> |
|||
<view class="more-a" @click="invMore=false,msShow=false"> |
|||
cancel |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="msg-box-bg" v-show="invMore"> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
@ -39,6 +60,7 @@ |
|||
pageNumber:1, |
|||
pageSize:20, |
|||
record_list:[], |
|||
invMore:false, |
|||
} |
|||
}, |
|||
|
|||
@ -57,6 +79,9 @@ |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.record_list=res.data.data.content; |
|||
for(var i=0;i<this.record_list.length;i++){ |
|||
this.record_list[i].addTime=index.formatyymmddhhmmss(this.record_list[i].addTime); |
|||
} |
|||
console.log(res.data,9999); |
|||
}, |
|||
fail: (res) => { |
|||
@ -64,12 +89,25 @@ |
|||
} |
|||
}); |
|||
|
|||
setTimeout(function(){ |
|||
this.getCurrentTime |
|||
},2000) |
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
gow(){ |
|||
uni.reLaunch({ |
|||
url:'../index' |
|||
}) |
|||
}, |
|||
goBouns(){ |
|||
uni.reLaunch({ |
|||
url:'./transactions/index' |
|||
}) |
|||
}, |
|||
goProRe(){ |
|||
uni.reLaunch({ |
|||
url:'./withdrawlRecord/index' |
|||
}) |
|||
}, |
|||
getCurrentTime(){ |
|||
for(var i=0;i<record_list.length;i++){ |
|||
this.record_list[i].addTime=index.formathhmm(this.record_list[i].addTime); |
|||
@ -82,6 +120,40 @@ |
|||
</script> |
|||
|
|||
<style> |
|||
.invite-more{ |
|||
width: 750rpx; |
|||
height: 480rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 48rpx 48rpx 0px 0px; |
|||
position: fixed; |
|||
bottom: 0; |
|||
z-index: 9999; |
|||
} |
|||
.more-a{ |
|||
text-transform: capitalize; |
|||
font-size: 32rpx; |
|||
color: #303133; |
|||
text-align: center; |
|||
line-height: 108rpx; |
|||
} |
|||
.invite-con{ |
|||
padding: 24rpx 0; |
|||
} |
|||
.invite-con2{ |
|||
background-color: #F5F7FA; |
|||
} |
|||
.msg-box-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: fixed; |
|||
left: 0; |
|||
top: 0; |
|||
z-index: 1001; |
|||
background-color: rgba(0,0,0,.5); |
|||
} |
|||
.content{ |
|||
position: relative; |
|||
} |
|||
.bread image{ |
|||
width: 28rpx; |
|||
height: 24rpx; |
|||
@ -0,0 +1,196 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
withdrawal |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../../../static/promo/[email protected]" mode="" @click="invMore=true"></image> |
|||
</view> |
|||
</navigation> |
|||
<view class="record_body"> |
|||
<view class="record_item flex" v-for="(item,index) in record_list" :key="item.id"> |
|||
<view class="numcon flex"> |
|||
<image src="../../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
{{item.tranAmt}} Wait |
|||
</view> |
|||
<view class="cpay" @click="goBalance"> |
|||
Back to balance |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
{{item.createTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="invite-more" v-show="invMore"> |
|||
<view class="invite-con"> |
|||
<view class="more-a" @click="goBouns"> |
|||
transactions record |
|||
</view> |
|||
<view class="more-a" @click="goProRe"> |
|||
withdrawl record |
|||
</view> |
|||
<view class="more-a" @click="gow()"> |
|||
withdrawl |
|||
</view> |
|||
</view> |
|||
<view class="invite-con2"> |
|||
<view class="more-a" @click="invMore=false,msShow=false"> |
|||
cancel |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="msg-box-bg" v-show="invMore"> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
pageNumber:1, |
|||
pageSize:20, |
|||
record_list:[], |
|||
invMore:false, |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/withdraw/withdrawList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"pageNumber":this.pageNumber, |
|||
"pageSize":this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.record_list=res.data.data.content; |
|||
for(var i=0;i<this.record_list.length;i++){ |
|||
this.record_list[i].createTime=index.formatyymmddhhmmss(this.record_list[i].createTime); |
|||
} |
|||
console.log(res.data,9999); |
|||
|
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.errMsg); |
|||
} |
|||
}); |
|||
|
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
gow(){ |
|||
uni.reLaunch({ |
|||
url:'../index' |
|||
}) |
|||
}, |
|||
goBouns(){ |
|||
uni.reLaunch({ |
|||
url:'./transactions/index' |
|||
}) |
|||
}, |
|||
goProRe(){ |
|||
uni.reLaunch({ |
|||
url:'./withdrawlRecord/index' |
|||
}) |
|||
}, |
|||
goBalance(){ |
|||
uni.reLaunch({ |
|||
url:'../index' |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.invite-more{ |
|||
width: 750rpx; |
|||
height: 480rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 48rpx 48rpx 0px 0px; |
|||
position: fixed; |
|||
bottom: 0; |
|||
z-index: 9999; |
|||
} |
|||
.more-a{ |
|||
text-transform: capitalize; |
|||
font-size: 32rpx; |
|||
color: #303133; |
|||
text-align: center; |
|||
line-height: 108rpx; |
|||
} |
|||
.invite-con{ |
|||
padding: 24rpx 0; |
|||
} |
|||
.invite-con2{ |
|||
background-color: #F5F7FA; |
|||
} |
|||
.msg-box-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: fixed; |
|||
left: 0; |
|||
top: 0; |
|||
z-index: 1001; |
|||
background-color: rgba(0,0,0,.5); |
|||
} |
|||
.content{ |
|||
position: relative; |
|||
} |
|||
.bread image{ |
|||
width: 28rpx; |
|||
height: 24rpx; |
|||
position: absolute; |
|||
right: 36rpx; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
</style> |
|||
@ -1,56 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
promotion record |
|||
</navigation> |
|||
<view class="prore_body"> |
|||
<view class="prore_lev"> |
|||
<view class="level on"> |
|||
level1 |
|||
</view> |
|||
<view class="level"> |
|||
level2 |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
<view class="noRes"> |
|||
<view class="imgcon"> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
<view class="res"> |
|||
No results |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
|
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
|
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
|
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -1,30 +0,0 @@ |
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #954DE3; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
@ -1,86 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
Recharge Record |
|||
</navigation> |
|||
<view class="record_body"> |
|||
<view class="record_item flex" v-for="(item,index) in record_list" :key="item.orderNo"> |
|||
<view class="numcon flex"> |
|||
<image src="../../../static/login/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
{{item.tranAmt}} Wait |
|||
</view> |
|||
<view class="cpay"> |
|||
CPAY |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
{{item.addTime}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index.js' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
pageNumber:1, |
|||
pageSize:20, |
|||
record_list:[], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/recharge/rechargeList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"pageNumber":this.pageNumber, |
|||
"pageSize":this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.record_list=res.data.data.content; |
|||
for(var i=0;i<this.record_list[i].addTime;i++){ |
|||
this.record_list[i].addTime=index.formatyymmddhhmmss(this.record_list[i].addTime); |
|||
} |
|||
console.log(res.data.data.content,999); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res); |
|||
} |
|||
}); |
|||
|
|||
setTimeout(function(){ |
|||
this.getCurrentTime(); |
|||
},2000) |
|||
|
|||
}, |
|||
methods:{ |
|||
getCurrentTime(){ |
|||
for(var i=0;i<record_list.length;i++){ |
|||
this.record_list[i].addTime=index.formathhmm(this.record_list[i].addTime); |
|||
} |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -9,7 +9,9 @@ |
|||
</view> |
|||
<span class="quhao">+{{areacode}}</span> |
|||
</view> |
|||
<input type="text" value="" @focus="btnNum=1" @blur="btnNum=0" placeholder="mobile number" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="mobile"/> |
|||
<input type="text" value="" placeholder="mobile number" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="mobile" |
|||
@input="btnControl" /> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
@ -17,10 +19,12 @@ |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input class="input_pcod" @focus="btnNum=1" @blur="btnNum=0" value="" placeholder="Picture Code" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="picCode"/> |
|||
<input class="input_pcod" value="" placeholder="Picture Code" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="picCode" /> |
|||
<view class="login-sigh3 flex"> |
|||
<image :src="imgcodeUrl" mode="scaleToFill" class="img1"></image> |
|||
<image src="../../static/login/[email protected]" mode="" class="img2" @click="getPicCode()"></image> |
|||
<image src="../../static/login/[email protected]" mode="" class="img2" @click="getPicCode()"> |
|||
</image> |
|||
</view> |
|||
|
|||
</view> |
|||
@ -30,9 +34,15 @@ |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input @focus="btnNum=1" @blur="btnNum=0" value="" placeholder="Verification code" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="infoCode"/> |
|||
<view class="otp" @click="getInfoCode()"> |
|||
OTP |
|||
<input value="" placeholder="Verification code" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" |
|||
v-model="infoCode" /> |
|||
<view class="wrap"> |
|||
<u-toast ref="uToast"></u-toast> |
|||
<u-verification-code :seconds="seconds" ref="uCode" @change="codeChange" |
|||
start-text="OTP" change-text="xs" end-text="OTP"></u-verification-code> |
|||
<u-button @tap="getCode" style="color: #954DE3FF; border-radius: 4px;font-size: 15px;width: 20px; height: 24px;line-height: 40px;">{{tips}}</u-button> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
@ -41,7 +51,9 @@ |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input @focus="btnNum=1" @blur="btnNum=0" type="password" value="" placeholder="password" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="password"/> |
|||
<input type="password" value="" placeholder="password" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" |
|||
v-model="password" /> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
@ -49,19 +61,23 @@ |
|||
<image src="../../static/login/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input @focus="btnNum=1" @blur="btnNum=0" type="password" value="" placeholder="Confirm Password" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" v-model="password2"/> |
|||
<input type="password" value="" placeholder="Confirm Password" |
|||
placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform: capitalize;" |
|||
v-model="password2" /> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../static/login/list_icon_key@2x.png" mode=""></image> |
|||
<image src="../../static/login/list_icon_invite@2x.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
<input @focus="btnNum=1" @blur="btnNum=0" value="" placeholder="Invite code" placeholder-style="color: #BFC2CCFF;font-size:14px;" v-model="inviteCode"/> |
|||
<input value="" placeholder="Invite code" placeholder-style="color: #BFC2CCFF;font-size:14px;" |
|||
v-model="inviteCode" /> |
|||
</view> |
|||
<view class="login-btn" @click="regist()" :class="btnNum==1?'login-btnon':''"> |
|||
<button class="login-btn" @click="regist()" :class="btnNum==1?'login-btnon':''" |
|||
:disabled="btnNum==1?false:true"> |
|||
Register |
|||
</view> |
|||
</button> |
|||
<view class="login-re" @click="goLogin()"> |
|||
Login |
|||
</view> |
|||
@ -79,6 +95,9 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
tips: 'OTP', |
|||
|
|||
seconds: 10, |
|||
mobile: '', |
|||
mark: 'sms_user_register', |
|||
countryCode: '', |
|||
@ -100,17 +119,12 @@ |
|||
this.areacode = uni.getStorageSync('siteInfo').areaCode; |
|||
}, |
|||
methods: { |
|||
goLogin(){ |
|||
uni.navigateTo({ |
|||
url:'../login/index' |
|||
}) |
|||
}, |
|||
checPas(){ |
|||
|
|||
}, |
|||
|
|||
getInfoCode(){ |
|||
|
|||
codeChange(text) { |
|||
this.tips = text; |
|||
}, |
|||
getCode() { |
|||
if (this.picCode == '') { |
|||
uni.showToast({ |
|||
title: 'The graphic verification code is empty', |
|||
@ -119,8 +133,33 @@ |
|||
}) |
|||
return; |
|||
} |
|||
if (this.mobile == '') { |
|||
uni.showToast({ |
|||
title: 'Please input mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a = /^[0-9]{4,14}$/; |
|||
if (!a.test(this.mobile)) { |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
if (this.$refs.uCode.canGetCode) { |
|||
// 模拟向后端请求验证码 |
|||
uni.showLoading({ |
|||
title: 'Getting captcha' |
|||
}) |
|||
|
|||
|
|||
setTimeout(() => { |
|||
uni.hideLoading(); |
|||
this.$refs.uCode.start(); |
|||
}, 2000); |
|||
this.countryCode = uni.getStorageSync('siteInfo').countryCode |
|||
uni.request({ |
|||
url: '/start/api/home/sendSmsCode', |
|||
@ -151,6 +190,35 @@ |
|||
console.log(res.data); |
|||
} |
|||
}); |
|||
} else { |
|||
this.$u.toast('Send after the countdown'); |
|||
} |
|||
|
|||
}, |
|||
|
|||
|
|||
btnControl() { |
|||
this.btnNum = 1; |
|||
if (this.mobile == '') { |
|||
this.btnNum = 0; |
|||
} |
|||
|
|||
}, |
|||
goLogin() { |
|||
uni.reLaunch({ |
|||
url: '../login/index' |
|||
}) |
|||
}, |
|||
checPas() { |
|||
|
|||
}, |
|||
|
|||
getInfoCode() { |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
}, |
|||
@ -163,7 +231,23 @@ |
|||
console.log(this.imgcodeUrl) |
|||
}, |
|||
regist() { |
|||
|
|||
if (this.mobile == '') { |
|||
uni.showToast({ |
|||
title: 'Please input mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a = /^[0-9]{4,14}$/; |
|||
if (!a.test(this.mobile)) { |
|||
uni.showToast({ |
|||
title: 'Wrong format of mobile phone number', |
|||
icon: 'none', |
|||
duration: 1500 |
|||
}) |
|||
return; |
|||
} |
|||
var a = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{5,19}$/; |
|||
if (!a.test(this.password)) { |
|||
uni.showToast({ |
|||
@ -209,7 +293,9 @@ |
|||
return; |
|||
} |
|||
|
|||
|
|||
uni.showLoading({ |
|||
title: 'loading' |
|||
}); |
|||
uni.request({ |
|||
url: '/start/api/home/register', |
|||
data: { |
|||
@ -244,6 +330,7 @@ |
|||
} |
|||
}); |
|||
|
|||
} |
|||
|
|||
}, |
|||
goLogin() { |
|||
@ -251,7 +338,7 @@ |
|||
url: '../login/index', |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
|
|||
@ -1,62 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="ru-head"> |
|||
<view class="ru-imgcon"> |
|||
<image src="../../../static/home/[email protected]" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="ru-body"> |
|||
<p class="ru-body-p1">platform agent rebate model</p> |
|||
<table class="ru-table"> |
|||
<thead> |
|||
<tr> |
|||
<th class="t1">level</th> |
|||
<th class="t2">Commission rate</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr> |
|||
<th class="t1">level 1</th> |
|||
<th class="t2">30%</th> |
|||
</tr> |
|||
<tr> |
|||
<th class="t1">level 1</th> |
|||
<th class="t2">30%</th> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
|
|||
|
|||
<view class="ru-cont"> |
|||
Members can become platform agents by recommending newcomers, and agents can get extra commissions The first-level user commission is 30% of the first-level user’s daily betting fee The second-level user commission is 20% of the second-level user’s daily betting fee Introduction to the second-level agent rebate: the second-level agent can get the commission reward of the second-level user, and the part other than the second- level user cannot get the commission. For example: You recommend 10 first-leve members as examples. Your first level members have 10 people in the first level and 100 people in the second level. The average bet per person per day is 1000H The commission rewards you will receive: |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
onLoad() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import url("./index.css"); |
|||
</style> |
|||
@ -1,83 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
withdrawal |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../static/promo/[email protected]" mode=""></image> |
|||
</view> |
|||
</navigation> |
|||
<view class="rech-body"> |
|||
<view class="pro-body-p1">Balance:<span data-v-642729fd="" class="category-sigh">₦</span><span class="s1">385853.5</span></view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh login-sigh2 flex"> |
|||
<view class="imgcon"> |
|||
<image src="../../static/promo/[email protected]" mode="aspectFit"></image> |
|||
</view> |
|||
</view> |
|||
<input value="" placeholder="enter withdrawal amount" placeholder-style="color: #BFC2CCFF;font-size:14px;text-transform:capital"/> |
|||
</view> |
|||
<view class="rech-capy"> |
|||
<view class="payment"> |
|||
payment |
|||
</view> |
|||
<view class="capy"> |
|||
<image src="../../static/login/[email protected]" mode="" class="img1"></image> CPAY |
|||
</view> |
|||
</view> |
|||
<view class="rech-input-con"> |
|||
<view class="input-item flex"> |
|||
<input type="text" value="" placeholder="IFSC Code" placeholder-style="color: #BFC2CCFF;font-size:14px;"/> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<view class="login-sigh flex"> |
|||
<span class="quhao">+235</span> |
|||
</view> |
|||
<input type="text" value="" placeholder="mobile number" placeholder-style="color: #BFC2CCFF;font-size:14px;"/> |
|||
</view> |
|||
<view class="input-item flex"> |
|||
<input type="text" value="" placeholder="email" placeholder-style="color: #BFC2CCFF;font-size:14px;"/> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
|
|||
<view class="rech-btn-con"> |
|||
<view class="rech-btn"> |
|||
Withdrawal |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
|
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
|
|||
|
|||
|
|||
}, |
|||
methods:{ |
|||
|
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import './index.css'; |
|||
</style> |
|||
@ -1,123 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<navigation> |
|||
withdrawal |
|||
<view class="bread" slot="bread"> |
|||
<image src="../../../static/promo/[email protected]" mode=""></image> |
|||
</view> |
|||
</navigation> |
|||
<view class="record_body"> |
|||
<view class="record_item flex"> |
|||
<view class="numcon flex"> |
|||
<image src="../../../static/promo/[email protected]" mode="aspectFit" class="img1"></image> |
|||
<view class="num"> |
|||
<view class="rec"> |
|||
2,000.00 Wait |
|||
</view> |
|||
<view class="cpay"> |
|||
Back to balance |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="time"> |
|||
2021-05-26 14:35:20 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import api from '@/utils/api' |
|||
import utils from '@/utils' |
|||
import cont from "@/components/navigation/navigation.vue" |
|||
import index from '@/utils/index' |
|||
export default{ |
|||
data(){ |
|||
return{ |
|||
pageNumber:1, |
|||
pageSize:20, |
|||
record_list:[], |
|||
} |
|||
}, |
|||
|
|||
onLoad() { |
|||
|
|||
uni.request({ |
|||
url: '/start/api/withdraw/withdrawList', |
|||
data: { |
|||
"ticket": uni.getStorageSync('logInfo').data, |
|||
"pageNumber":this.pageNumber, |
|||
"pageSize":this.pageSize, |
|||
}, |
|||
header: { |
|||
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //自定义请求头信息 |
|||
}, |
|||
method: 'POST', //请求方式 或GET，必须为大写 |
|||
success: (res) => { |
|||
this.record_list=res.data.data.content; |
|||
console.log(res.data,9999); |
|||
}, |
|||
fail: (res) => { |
|||
console.log(res.errMsg); |
|||
} |
|||
}); |
|||
|
|||
setTimeout(function(){ |
|||
this.getCurrentTime |
|||
},2000) |
|||
|
|||
}, |
|||
methods:{ |
|||
getCurrentTime(){ |
|||
for(var i=0;i<record_list.length;i++){ |
|||
this.record_list[i].addTime=index.formathhmm(this.record_list[i].addTime); |
|||
} |
|||
} |
|||
|
|||
}, |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.bread image{ |
|||
width: 28rpx; |
|||
height: 24rpx; |
|||
position: absolute; |
|||
right: 36rpx; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
.record_body{ |
|||
padding: 0 36rpx; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.record_item{ |
|||
height: 144rpx; |
|||
} |
|||
.numcon .img1{ |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.num{ |
|||
margin-left: 20rpx; |
|||
} |
|||
.rec{ |
|||
color: #303133; |
|||
font-size: 32rpx; |
|||
} |
|||
.cpay{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
.time{ |
|||
color: #909399; |
|||
font-size: 28rpx; |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 323 B |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 698 B |
Binary file not shown.
@ -0,0 +1,2 @@ |
|||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>In-Earn</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) |
|||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.3e73f18a.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.3dfed868.js></script><script src=/static/js/index.9f57c642.js></script></body></html> |
|||
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 562 B |
|
After Width: | Height: | Size: 561 B |
|
After Width: | Height: | Size: 323 B |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 530 B |
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 535 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 253 B |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 18 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue