xioayue
/
guaguale_uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
luyisha 3 years ago
parent
06210018a8
commit
5b3d9248db
13 changed files with 406 additions and 166 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      common/js/api.js
  2. 18
      common/js/updateTabBar.js
  3. 8
      pages/goodslist/goodslist.vue
  4. 28
      pages/home/home.vue
  5. 40
      pages/list/agent.vue
  6. 24
      pages/list/team.vue
  7. 36
      pages/list/user.vue
  8. 4
      pages/recordsList/recordsList.vue
  9. 199
      pages/scratchCard/scratchCard.vue
  10. 48
      pages/ucenter/invite/invite.vue
  11. 166
      pages/ucenter/ucenter.vue
  12. BIN
      static/user/haibao_1.png
  13. BIN
      static/user/ze-exchange@2x.png

1
common/js/api.js
View File

@ -1,5 +1,6 @@
// let baseUrl = 'http://192.168.66.221:8000' // let baseUrl = 'http://192.168.66.221:8000'
let baseUrl = 'http://192.168.66.16:8084' let baseUrl = 'http://192.168.66.16:8084'
// baseUrl = 'https://ggl.xingtongworld.com'
// baseUrl = '' // baseUrl = ''
let API = { let API = {

18
common/js/updateTabBar.js
View File

@ -20,7 +20,11 @@ export default {
changeAgent(){ changeAgent(){
uni.setTabBarItem({ uni.setTabBarItem({
index:0, index:0,
visible: false visible: true
})
uni.setTabBarItem({
index:1,
visible: true
}) })
uni.setTabBarItem({ uni.setTabBarItem({
index:2, index:2,
@ -30,16 +34,16 @@ export default {
index:3, index:3,
visible: false visible: false
}) })
uni.setTabBarItem({
index:1,
visible: true
})
}, },
changebackground(){ changebackground(){
uni.setTabBarItem({ uni.setTabBarItem({
index:0, index:0,
visible: true visible: true
}) })
uni.setTabBarItem({
index:1,
visible: false
})
uni.setTabBarItem({ uni.setTabBarItem({
index:2, index:2,
visible: true visible: true
@ -48,9 +52,5 @@ export default {
index:3, index:3,
visible: true visible: true
}) })
uni.setTabBarItem({
index:1,
visible: false
})
}, },
} }

8
pages/goodslist/goodslist.vue
View File

@ -22,10 +22,10 @@
id: '', id: '',
type: '20元', type: '20元',
goodsList: [ goodsList: [
{cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", }, // {cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", },
{cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", }, // {cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", },
{cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", }, // {cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", },
{cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", } // {cover_image:'../../static/home/tem11.png', title: '超级加倍', "id": 1, "important": "最高奖金100万元", "price": "20.00", }
], ],
} }
}, },

28
pages/home/home.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<view class="homePage"> <view class="homePage">
<view class="nav_area dis-flex-between-center"> <view class="nav_area dis-flex-between-center">
<view class="left-btn" v-html="(!isLogin&&userType=='user')?'请登录':''" <view class="left-btn" v-html="(!isLogin&&userType!=='background')?'请登录':''"
:class="(!isLogin&&userType=='user')?'haveIcon':''"></view> :class="(!isLogin&&userType!=='background')?'haveIcon':''"></view>
<view class="" style="font-size: 18px;color: #101010;" v-html="userType=='user'?'顶呱刮':'顶呱刮-总平台'"></view> <view class="" style="font-size: 18px;color: #101010;" v-html="userType!=='background'?'顶呱刮':'顶呱刮-总平台'"></view>
<view class="right-btn" @click="changeAudio" v-html="userType=='user'?'音乐':''" <view class="right-btn" @click="changeAudio" v-html="userType!=='background'?'音乐':''"
:class="(userType=='user'&&!isPlay)?'playIcon':(userType=='user'&&isPlay)?'pauseIcon':''"> :class="(userType!=='background'&&!isPlay)?'playIcon':(userType!=='background'&&isPlay)?'pauseIcon':''">
<!-- <audio src="../../static/audio/pd-5b7671cee8051387.mp3" poster="" name="" author="" action="" controls></audio> --> <!-- <audio src="../../static/audio/pd-5b7671cee8051387.mp3" poster="" name="" author="" action="" controls></audio> -->
</view> </view>
</view> </view>
<view class="home_1" v-if="userType=='user'"> <view class="home_1" v-if="userType!=='background'">
<view class="banner_area"> <view class="banner_area">
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item v-for="(item, index) in bannerList" :key="index"> <swiper-item v-for="(item, index) in bannerList" :key="index">
@ -253,7 +253,7 @@
}, },
methods: { methods: {
changeAudio(){ changeAudio(){
if(this.userType!=='user') return; if(this.userType!=='user' && this.userType!=='agent') return;
if(this.isPlay){ if(this.isPlay){
this.isPlay = false; this.isPlay = false;
this.innerAudioContext.pause(); this.innerAudioContext.pause();
@ -454,7 +454,7 @@
}, },
}, },
mounted() { mounted() {
if(this.userType=='user'){ if(this.userType!=='background'){
this.innerAudioContext = uni.createInnerAudioContext(); this.innerAudioContext = uni.createInnerAudioContext();
this.innerAudioContext.autoplay = false; this.innerAudioContext.autoplay = false;
this.innerAudioContext.loop = true; this.innerAudioContext.loop = true;
@ -480,8 +480,12 @@
onShow() { onShow() {
setTimeout(()=>{ setTimeout(()=>{
// debugger; // debugger;
if(this.userType=='user'){ if(this.userType!=='background'){
updateTabBar.changeUser(); if(this.userType=='user'){
updateTabBar.changeUser();
}else if(this.userType=='agent'){
updateTabBar.changeAgent();
}
this.getZoneList(); this.getZoneList();
this.getRotationChart(); this.getRotationChart();
this.getAwardRecords(); this.getAwardRecords();
@ -517,13 +521,13 @@
this.userType = uni.getStorageSync('userType'); this.userType = uni.getStorageSync('userType');
}, },
onReachBottom() { onReachBottom() {
if(this.userType=='user' && !this.nomore){ if(this.userType!=='background' && !this.nomore){
this.page++; this.page++;
this.getAwardRecords(this.page, 10); this.getAwardRecords(this.page, 10);
} }
}, },
onUnload(){ onUnload(){
if(this.userType=='user' && this.isPlay){ if(this.userType!=='background' && this.isPlay){
this.isPlay = false; this.isPlay = false;
this.innerAudioContext.pause(); this.innerAudioContext.pause();
} }

40
pages/list/agent.vue
View File

@ -38,18 +38,22 @@
<view class="title">{{title}}</view> <view class="title">{{title}}</view>
<view class="content"> <view class="content">
<view class="input_box" v-if="editType=='edit'"> <view class="input_box" v-if="editType=='edit'">
<view class="">ID:</view> <view class="" style="text-align: right;margin-right: 30rpx;">ID:</view>
<input type="text" disabled v-model="editInfo.id" class="disabled"> <input type="text" disabled v-model="editInfo.id" class="disabled">
</view> </view>
<view class="input_box"> <view class="input_box">
<view class="">电话:</view> <view class="" style="text-align: right;margin-right: 30rpx;">电话:</view>
<input type="text" placeholder="电话为登陆账号" v-model="editInfo.phone" <input type="text" placeholder="电话为登陆账号" v-model="editInfo.phone"
:disabled="editType=='edit'" :class="editType=='edit'?'disabled':''"> :disabled="editType=='edit'" :class="editType=='edit'?'disabled':''">
</view> </view>
<view class="input_box"> <view class="input_box">
<view class="">密码:</view> <view class="" style="text-align: right;margin-right: 30rpx;">密码:</view>
<input placeholder="请输入新密码" v-model="editInfo.password"> <input placeholder="请输入新密码" v-model="editInfo.password">
</view> </view>
<view class="input_box">
<view class="" style="text-align: right;margin-right: 30rpx;">返点比例:</view>
<input type="text" placeholder="请输入百分百" v-model="editInfo.rebate_ratio">
</view>
</view> </view>
<view class="btngroup"> <view class="btngroup">
<view class="cancel" @click="cancel">取消</view> <view class="cancel" @click="cancel">取消</view>
@ -98,7 +102,7 @@
editType: 'add',//add/edit editType: 'add',//add/edit
title: "新增代理", title: "新增代理",
originInfo: { originInfo: {
id: '',phone: '',password: '' id: '',phone: '',password: '',rebate_ratio:""
}, },
editInfo: {}, editInfo: {},
showScore: false, showScore: false,
@ -162,12 +166,6 @@
}, },
// 提交代理新增编辑 // 提交代理新增编辑
confirm(){ confirm(){
if(!this.editInfo.password){
uni.showToast({
title: '请输入新密码',
icon: 'none'
})
}
if(!this.editInfo.phone){ if(!this.editInfo.phone){
uni.showToast({ uni.showToast({
title: '请输入登陆账号', title: '请输入登陆账号',
@ -175,9 +173,16 @@
}) })
} }
if(this.editType=='add'){ if(this.editType=='add'){
if(!this.editInfo.password){
uni.showToast({
title: '请输入新密码',
icon: 'none'
})
}
API.request('/adminAgentTeam/addAgent', { API.request('/adminAgentTeam/addAgent', {
phone: this.editInfo.phone, phone: this.editInfo.phone,
password: this.editInfo.password password: this.editInfo.password,
rebate_ratio: this.editInfo.rebate_ratio
}, res=>{ }, res=>{
uni.showToast({ uni.showToast({
title: res.msg title: res.msg
@ -189,7 +194,8 @@
}else if(this.editType=='edit'){ }else if(this.editType=='edit'){
API.request('/adminAgentTeam/editAgent', { API.request('/adminAgentTeam/editAgent', {
aid: this.editInfo.id, aid: this.editInfo.id,
password: this.editInfo.password password: this.editInfo.password,
rebate_ratio: this.editInfo.rebate_ratio
}, res=>{ }, res=>{
uni.showToast({ uni.showToast({
title: res.msg title: res.msg
@ -421,17 +427,17 @@
background-color: #fff; background-color: #fff;
color: #444; color: #444;
&.add{ &.add{
height: 480rpx; // height: 480rpx;
margin: calc(50vh - 240rpx) auto; margin: calc(50vh - 240rpx) auto;
.content{ .content{
height: 248rpx; // height: 248rpx;
} }
} }
&.edit{ &.edit{
height: 626rpx; // height: 626rpx;
margin: calc(50vh - 313rpx) auto; margin: calc(50vh - 313rpx) auto;
.content{ .content{
height: 394rpx; // height: 394rpx;
} }
} }
@ -440,7 +446,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0px 40rpx; padding: 0px 30rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
font-size: 16px; font-size: 16px;
view{ view{

24
pages/list/team.vue
View File

@ -10,8 +10,10 @@
<view class="list_area"> <view class="list_area">
<view v-for="(item,index) in listsData" :key="index" class="list-item"> <view v-for="(item,index) in listsData" :key="index" class="list-item">
<view class="info"> <view class="info">
<image :src="item.avatar" mode=""></image> <view class="" style="font-size: 12px;color: #F14128;line-height: 52rpx;margin-top: -8rpx;">
<view class="">ID：{{item.id}}</view> <image :src="item.avatar" mode="" style="vertical-align: middle;margin-right: 12rpx;"></image>{{item.identity_str}}
</view>
<view>ID：{{item.id}}</view>
</view> </view>
<view class="amount"> <view class="amount">
<view class="amount1"> <view class="amount1">
@ -209,24 +211,30 @@
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.11);
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 15px 8px 15px 13px;
margin: 20px auto; margin: 20px auto;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
} }
.info{ .info{
text-align: center;
margin-right: 10px; margin-right: 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.amount{ .amount{
flex: 1; flex: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.amount1{ .amount1{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0px 10px; padding: 0px 10px 0px 0px;
margin: 10px 0px;
} }
text{ text{
color: #999; color: #999;
@ -235,8 +243,8 @@
color: #F05859; color: #F05859;
} }
image{ image{
width: 80rpx; width: 52rpx;
height: 80rpx; height: 52rpx;
border-radius: 50%; border-radius: 50%;
} }
} }

36
pages/list/user.vue
View File

@ -15,6 +15,7 @@
<view v-for="(item,index) in listsData" :key="index" class="list-item"> <view v-for="(item,index) in listsData" :key="index" class="list-item">
<view class="edit" @click="edit(item, index)"></view> <view class="edit" @click="edit(item, index)"></view>
<view class="delete" @click="remove(item, index)">删除</view> <view class="delete" @click="remove(item, index)">删除</view>
<view class="update" @click="update(item, index)">升级代理</view>
<view class="info"> <view class="info">
<image :src="item.avatar" mode=""></image> <image :src="item.avatar" mode=""></image>
<view class="">ID：{{item.id}}</view> <view class="">ID：{{item.id}}</view>
@ -158,6 +159,27 @@
} }
}) })
}, },
update(val, i){
let _this = this;
uni.showModal({
title:'温馨提示',
content:"确定该用户是否升级代理",
success(res) {
if(res.confirm){
API.request('/adminUserTeam/upGradationAgent', {
aid: val.id
}, res=>{
uni.showToast({
title: res.msg
})
_this.account = '';
_this.search();
})
}
}
})
},
cancel(){ cancel(){
this.showEdit = false; this.showEdit = false;
}, },
@ -356,6 +378,20 @@
color: #999; color: #999;
background-color: #f1f1f1; background-color: #f1f1f1;
} }
.update{
position: absolute;
// width: 76rpx;
padding: 0px 5px;
height: 48rpx;
top: 0px;
left: 0px;
border-radius: 10px 3px 3px 3px;
font-size: 12px;
line-height: 48rpx;
text-align: center;
color: #F14128;
background-color: #f1f1f1;
}
} }
.info{ .info{
text-align: center; text-align: center;

4
pages/recordsList/recordsList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view> <view style="padding-top: 20rpx;">
<view class="nav_area"></view> <view class="nav_area"></view>
<view v-for="(item,index) in recordsList" :key="index" class="record-item"> <view v-for="(item,index) in recordsList" :key="index" class="record-item">
<view class="record-item-top"> <view class="record-item-top">
@ -91,7 +91,7 @@
let list = res.data.list.map(item=>{ let list = res.data.list.map(item=>{
return { return {
amount1: item.withdrawal_amount, amount1: item.withdrawal_amount,
amount2: item.withdrawal_balence, amount2: item.withdrawal_balance,
time: item.apply_time, time: item.apply_time,
trade_type: item.trade_type trade_type: item.trade_type
} }

199
pages/scratchCard/scratchCard.vue
View File

@ -1,60 +1,63 @@
<template> <template>
<view class="prizePage" :style="{'background-image':`url('${ticketInfo.bg_image}')`}"> <view class="prizePage" >
<!-- <view class="bg" :style="{'background-image':`url('${ticketInfo.bg_image}')`}" v-if="gai"></view> --> <view class="prizeBg" :style="{'background-image':`url('${ticketInfo.bg_image}')`}"></view>
<view class="scratch"> <view class="prizeContent" :style="{'background-image':`url('${ticketInfo.bg_image}')`}">
<view class="box"> <!-- <view class="bg" :style="{'background-image':`url('${ticketInfo.bg_image}')`}" v-if="gai"></view> -->
<!-- 刮奖结果图片 --> <view class="scratch">
<view :class="toDraw?'zIndex1':''" style="" class="result_img"> <view class="box">
<view style="font-size: 12px;text-align: center;margin-top: 8px;">中奖号码</view> <!-- 刮奖结果图片 -->
<view class="img_row" style="border-bottom: 1px solid #333;width: 90%;margin: 5px auto;"> <view :class="showBackboard?'zIndex1':'hide'" style="" class="result_img">
<view v-for="(prizeItem,prizeIndex) in prizeList" :key="prizeIndex" class="data_item"> <view style="font-size: 12px;text-align: center;margin-top: 8px;">中奖号码</view>
<image :src="prizeItem" mode="aspectFill"></image> <view class="img_row" style="border-bottom: 1px solid #333;width: 90%;margin: 5px auto;">
<view v-for="(prizeItem,prizeIndex) in prizeList" :key="prizeIndex" class="data_item">
<image :src="prizeItem" mode="aspectFill"></image>
</view>
</view> </view>
</view> <view v-for="(item,index) in dataList" :key="index" class="img_row">
<view v-for="(item,index) in dataList" :key="index" class="img_row"> <view v-for="(lineItem, lineIndex) in item" :key="lineIndex" class="data_item"
<view v-for="(lineItem, lineIndex) in item" :key="lineIndex" class="data_item" style="border-bottom: 1px dashed #333;">
style="border-bottom: 1px dashed #333;"> <image :src="lineItem.image" mode="aspectFill"></image>
<image :src="lineItem.image" mode="aspectFill"></image> <view class="">￥{{lineItem.amount}}</view>
<view class="">￥{{lineItem.amount}}</view> <view style="font-size: 12px;font-weight: normal;transform: scale(0.8);">{{lineItem.pinyin}}</view>
<view style="font-size: 12px;font-weight: normal;transform: scale(0.8);">{{lineItem.pinyin}}</view> <view class="circle" :class="(lineItem.is_awards&&awards_amount)?'show':''"></view>
<view class="circle" :class="lineItem.is_awards?'show':''"></view> </view>
</view> </view>
</view> </view>
</view> <!-- 刮奖canvas容器 -->
<!-- 刮奖canvas容器 --> <canvas v-if="!isWin && !isThank"
<canvas v-if="!isWin && !isThank" class="canvas-box"
class="canvas-box" canvas-id="guagua"
canvas-id="guagua" :disable-scroll="true"
:disable-scroll="true" @touchstart="touchStart"
@touchstart="touchStart" @touchmove="touchMove"
@touchmove="touchMove" @touchend="touchEnd"
@touchend="touchEnd" ></canvas>
></canvas> <!-- 刮奖前提示消息，开始刮奖后隐藏 -->
<!-- 刮奖前提示消息，开始刮奖后隐藏 --> <cover-view class="tip" v-if="!toDraw">
<cover-view class="tip" v-if="!toDraw"> <!-- 开始刮奖按钮 -->
<!-- 开始刮奖按钮 --> <cover-view class="btn" @tap="scratchStart()">
<cover-view class="btn" @tap="scratchStart()"> <cover-view class="text">立即刮奖</cover-view>
<cover-view class="text">立即刮奖</cover-view> </cover-view>
</cover-view> </cover-view>
</cover-view> </view>
</view>
</view>
</view> <view class="mask" v-if="showResult">
<view class="mask" v-if="showResult">
</view>
<view class="winPrize" v-if="isWin">
{{awards_amount}}元
<cover-view class="again" @click="again"></cover-view>
<view class="close" @click="close(1)"></view>
</view>
<view class="noPrize_box" v-if="isThank">
<cover-view class="noPrize" v-if="isThank"></cover-view>
<cover-view class="again" v-if="isThank"></cover-view>
<cover-view class="again_mask" @click="again" v-if="isThank"></cover-view>
<cover-view class="close" @click="close(2)" v-if="isThank"></cover-view>
</view>
</view> </view>
<view class="winPrize" v-if="isWin">
{{awards_amount}}元
<cover-view class="again" @click="again"></cover-view>
<view class="close" @click="close(1)"></view>
</view>
<view class="noPrize_box" v-if="isThank">
<cover-view class="noPrize" v-if="isThank"></cover-view>
<cover-view class="again" v-if="isThank"></cover-view>
<cover-view class="again_mask" @click="again" v-if="isThank"></cover-view>
<cover-view class="close" @click="close(2)" v-if="isThank"></cover-view>
</view>
</view> </view>
</template> </template>
@ -68,41 +71,41 @@ export default {
return { return {
id: '', id: '',
ticketInfo: { ticketInfo: {
bg_image: '../../static/home/4.jpg', // bg_image: '../../static/home/4.jpg',
// bg_image: '', bg_image: '',
price: '20', price: '20',
content: `刮开覆盖膜，如果出现背书标志“1倍”、“2倍”、“5倍”、“10倍”、“20倍”、 content: `刮开覆盖膜，如果出现背书标志“1倍”、“2倍”、“5倍”、“10倍”、“20倍”、
“50倍”、“100倍”，既中得该标志下方所示的金额乘以该倍数； “50倍”、“100倍”，既中得该标志下方所示的金额乘以该倍数；
如果在“全中”区出现标志“赢”，即中图刮开区内所示的20个金额之和。` 如果在“全中”区出现标志“赢”，即中图刮开区内所示的20个金额之和。`
}, },
awards_amount: '20', awards_amount: 0,
prizeList: ['','',''], prizeList: ['','',''],
dataList: [ // dataList: [
[ // [
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'} // {image: '',amount:'100.00'}
], // ],
[ // [
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'} // {image: '',amount:'100.00'}
], // ],
[ // [
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'}, // {image: '',amount:'100.00'},
{image: '',amount:'100.00'} // {image: '',amount:'100.00'}
], // ],
], // ],
// dataList: [], dataList: [],
toDraw: false, // 是否开始刮奖 toDraw: false, // 是否开始刮奖,
showResult: false, // 是否显示抽奖结果 showResult: false, // 是否显示抽奖结果
isWin: false, // 是否中奖 isWin: false, // 是否中奖
scratchWidth: 330, // 绘制刮奖范围宽-375屏幕330 scratchWidth: 330, // 绘制刮奖范围宽-375屏幕330
scratchHeight: 300, // 绘制刮奖范围高-375屏幕300 scratchHeight: 300, // 绘制刮奖范围高-375屏幕300
scratchSize: 10, // 触手大小 scratchSize: 10, // 触手大小
scratchScale: 0.6, // 需刮开百分比 scratchScale: 0.8, // 需刮开百分比
prize_img: '', // 中奖图片 prize_img: '', // 中奖图片
isScratching: false, // 是否正在刮奖, isScratching: false, // 是否正在刮奖,
isThank: false, isThank: false,
@ -111,7 +114,7 @@ export default {
c_r_id: '', c_r_id: '',
gai: true, gai: true,
screenWidth: 375, screenWidth: 375,
showBackboard: false,// 页面初始，底下的结果层先不渲染
} }
}, },
updated() { updated() {
@ -179,13 +182,15 @@ export default {
this.toDraw = true; this.toDraw = true;
this.initCanvas(); this.initCanvas();
this.dataList = res.data.list; this.dataList = res.data.list;
this.prizeList = res.data.prizes_data;
// console.log(this.dataList, 'dataList----'); // console.log(this.dataList, 'dataList----');
setTimeout(()=>{
this.showBackboard = true;
}, 1000)
}) })
}, },
// 请求刮奖结果 // 请求刮奖结果
doPrizeScratchTicketFun () { doPrizeScratchTicketFun () {
// this.isWin = true;
// this.isThank = true;
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
@ -200,8 +205,6 @@ export default {
this.isThank = true; this.isThank = true;
this.guaCanvas = null; this.guaCanvas = null;
} }
this.dataList = res.data.list;
this.prizeList = res.data.prizes_data;
}, fail=>{ }, fail=>{
// this.isScratching = false // this.isScratching = false
@ -210,7 +213,7 @@ export default {
}, },
// 点击按钮开始刮奖 // 点击按钮开始刮奖
scratchStart () { scratchStart () {
this.beginLottery() this.beginLottery();
}, },
// 再刮一次 // 再刮一次
again(){ again(){
@ -220,6 +223,8 @@ export default {
this.gai = true; this.gai = true;
this.isScratching = false; this.isScratching = false;
this.isShow = false; this.isShow = false;
this.showBackboard = false;
this.awards_amount = 0;
API.request('/zone/beginInitInfo', {zone_goods_id: this.id}, res=>{ API.request('/zone/beginInitInfo', {zone_goods_id: this.id}, res=>{
this.ticketInfo = res.data.data; this.ticketInfo = res.data.data;
@ -248,16 +253,41 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.prizePage{ .prizePage{
width: 750rpx;
// min-height: calc(100vh - 88rpx - var(--status-bar-height));
height: calc(100vh - 88rpx - var(--status-bar-height));
// padding-top: calc((100vh - 88rpx - var(--status-bar-height) - (750rpx * 1700 / 1080)) / 2);
// filter: blur(5px);
overflow: hidden;
}
.prizeBg{
width: 750rpx; width: 750rpx;
min-height: calc(100vh - 88rpx - var(--status-bar-height)); min-height: calc(100vh - 88rpx - var(--status-bar-height));
background-repeat: no-repeat; background-repeat: no-repeat;
// background-size: 100% 100%;
background-size: cover;
background-position: center;
filter: blur(5px);
position: fixed;
top: 88rpx;
z-index: -1;
}
.prizeContent{
width: 750rpx;
height: calc(750rpx * 1700 / 1080);
background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-color: #fff;
margin-top: calc((100vh - 88rpx - var(--status-bar-height) - (750rpx * 1700 / 1080)) / 2);
// 背景色和背景图相差的高度
// background-size: auto 100%; // background-size: auto 100%;
// background-color: #fff; // background-color: #fff;
// height: 590px; // height: 590px;
// background-position: center top; // background-position: center top;
// position: fixed;
// top: calc((100vh - 88rpx - var(--status-bar-height) - (750rpx * 1700 / 1080)) / 2 + 88rpx);
// z-index: 4;
} }
.bg{ .bg{
position: fixed; position: fixed;
@ -279,6 +309,10 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
&.hide{
opacity: 0;
}
.img_row{ .img_row{
display: flex; display: flex;
@ -287,6 +321,7 @@ export default {
} }
&.zIndex1{ &.zIndex1{
z-index: 1; z-index: 1;
opacity: 1;
} }
.data_item{ .data_item{
width: 22%; width: 22%;

48
pages/ucenter/invite/invite.vue
View File

@ -1,7 +1,13 @@
<template> <template>
<view class=""> <view class="">
<view class="invitePage"> <view class="invitePage" :style="userType=='agent'?'background-image: url(../../../static/user/haibao.png);':'background-image: url(../../../static/user/haibao_1.png);'">
<view class="invite_code">{{Invite_code}}</view> <view class="" v-if="userType=='agent'">
<view class="invite_code">{{Invite_code}}</view>
<view class="invite_code" style="margin-top: 20px;font-size: 14px;" @click="copy">复制下载链接</view>
</view>
<view class="" v-if="userType=='user'">
<view class="invite_code" style="margin-top: 320px;font-size: 16px;" @click="copy">复制下载链接</view>
</view>
</view> </view>
<view class="about" v-if="0"> <view class="about" v-if="0">
<view class="box"> <view class="box">
@ -34,6 +40,7 @@
}, },
data() { data() {
return { return {
userType: 'background',//user|agent|background
about: {}, about: {},
code: "", code: "",
Invite_code: '', Invite_code: '',
@ -46,7 +53,7 @@
}; };
}, },
created() { created() {
this.getDatas();
this.about = this.uniStarterConfig.about this.about = this.uniStarterConfig.about
this.downloadUrl = this.uniStarterConfig.download this.downloadUrl = this.uniStarterConfig.download
this.year = (new Date).getFullYear() this.year = (new Date).getFullYear()
@ -57,13 +64,16 @@
this.isWeixin = ua.indexOf('micromessenger') != -1; this.isWeixin = ua.indexOf('micromessenger') != -1;
//判断是否在ios或者安卓打开 //判断是否在ios或者安卓打开
this.isIos = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); this.isIos = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
this.userType = uni.getStorageSync('userType');
if(this.userType=='agent'){
this.getDatas();
}
}, },
onLoad({ onLoad({code}) {
code // this.code = code
}) { // document.getElementById("openApp").style.display = 'none'
this.code = code // document.getElementsByTagName("body")[0].style = ""
document.getElementById("openApp").style.display = 'none'
document.getElementsByTagName("body")[0].style = ""
}, },
methods: { methods: {
getDatas(){ getDatas(){
@ -95,6 +105,22 @@
window.location.href = this.downloadUrl.android window.location.href = this.downloadUrl.android
} }
} }
},
copy(){
API.request('/user/downloadApp', {}, res=>{
let url = res.data.app_url;
uni.setClipboardData({
data: url,
complete: (e) => {
console.log(e);
// uni.hideToast()
/* 以下临时解决setClipboardData h5端样式和键盘弹出端错误解决方案，后续会直接内置*/
document.getElementById("#clipboard").style.top = '-999px';
uni.hideKeyboard()
}
})
})
} }
} }
} }
@ -115,14 +141,14 @@
.invitePage{ .invitePage{
width: 750rpx; width: 750rpx;
height: 1200rpx; height: 1200rpx;
background-image: url("../../../static/user/haibao.png");
background-size: contain; background-size: contain;
.invite_code{ .invite_code{
text-align: center; text-align: center;
color: #3658E7; color: #3658E7;
font-size: 36px; font-size: 36px;
margin-top: 325px; margin-top: 310px;
} }
} }
.about { .about {

166
pages/ucenter/ucenter.vue
View File

@ -27,7 +27,14 @@
<view class="line"></view> <view class="line"></view>
<view class="item"> <view class="item">
<text style="font-size: 20px;margin-bottom: 10rpx;">{{userInfo.withdrawal_balance}}</text> <text style="font-size: 20px;margin-bottom: 10rpx;">{{userInfo.withdrawal_balance}}</text>
<text>可提余额</text> <!-- <text>可提余额</text> -->
<view class="item_btn" :style="(userType=='user'||userType=='agent')?'justify-content: space-between;':''">
<text>可提余额</text>
<block v-if="userType=='user'||userType=='agent'">
<image @click="toTransfer()" src="../../static/user/ze-exchange@2x.png" style="width: 32rpx;height: 32rpx;margin: 8rpx 0px 0px 24rpx;"></image>
<text @click="toTransfer()" style="color: #4976FF;">余额</text>
</block>
</view>
</view> </view>
</view> </view>
<uni-grid class="grid" :column="4" :showBorder="false" :square="true" v-if="0"> <uni-grid class="grid" :column="4" :showBorder="false" :square="true" v-if="0">
@ -67,21 +74,6 @@
</template> </template>
</uni-list-item> </uni-list-item>
</template> </template>
<template v-if="userType=='user'||userType=='agent'">
<uni-list-item v-for="(item,i) in ucenterList[2]" :title="item.title" link :rightText="item.rightText" :key="item.title"
:clickable="true" :to="item.to" @click="ucenterListClick(item)" :show-extra-icon="true"
:extraIcon="{type:item.icon,color:'#999'}">
<template v-slot:footer>
<view class="icon_new" v-if="item.iconN">
<image :src="'../../static/user/icon_'+item.iconN+'.png'" mode=""></image>
</view>
<view v-if="item.showBadge" class="item-footer">
<text class="item-footer-text">{{item.rightText}}</text>
<view class="item-footer-badge"></view>
</view>
</template>
</uni-list-item>
</template>
<template v-if="userType=='background'"> <template v-if="userType=='background'">
<uni-list-item v-for="(item,i) in ucenterList[3]" :title="item.title" link :rightText="item.rightText" :key="item.title" <uni-list-item v-for="(item,i) in ucenterList[3]" :title="item.title" link :rightText="item.rightText" :key="item.title"
:clickable="true" :to="item.to" @click="ucenterListClick(item)" :show-extra-icon="true" :clickable="true" :to="item.to" @click="ucenterListClick(item)" :show-extra-icon="true"
@ -111,6 +103,17 @@
</view> </view>
</view> </view>
</view> </view>
<view class="showTransfer" v-if="showTransfer">
<view class="showTransfer_box">
<view class="grey">温馨提示</view>
<view style="width: 310rpx;margin: 10px auto;font-size: 14px;">确认是否将可提余额，全部转到余额中</view>
<view class="grey" style="font-size: 12px;">转过去余额后将无法转回来可提余额</view>
<view class="btn_box">
<view class="grey" @click="cancelTransfer">取消</view>
<view class="blue" @click="confirmTransfer">确定</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
@ -190,15 +193,63 @@
"event": '', "event": '',
"icon": "compose", "icon": "compose",
"iconN": "smile" "iconN": "smile"
} },
{
"title": '联系客服',
"to": '/pages/service/service',
"icon": "compose",
"iconN": "people"
},
{
"title": '修改密码',
"event": 'toChangePWD',
"icon": "compose",
"iconN": "lock"
},
{
"title": '邀请码',
"to": '/pages/ucenter/invite/invite',
"icon": "compose",
"iconN": "menu"
},
], ],
[ [
{
"title": '中奖记录',
"to": '/pages/recordsList/recordsList?type=ZJ',
"icon": "compose",
"iconN": "target"
},
{
"title": '消费记录',
"to": '/pages/recordsList/recordsList?type=XF',
"icon": "compose",
"iconN": "card"
},
{ {
"title": '充值记录', "title": '充值记录',
"to": '/pages/recordsList/recordsList?type=CZ', "to": '/pages/recordsList/recordsList?type=CZ',
"icon": "compose", "icon": "compose",
"iconN": "card" "iconN": "gold"
},
{
"title": '提现记录',
"to": '/pages/recordsList/recordsList?type=TX',
"icon": "compose",
"iconN": "wallet"
}, },
{
"title": '规则中心',
"event": '',
"icon": "compose",
"iconN": "smile"
},
// {
// "title": '充值记录',
// "to": '/pages/recordsList/recordsList?type=CZ',
// "icon": "compose",
// "iconN": "card"
// },
{ {
"title": '上分记录', "title": '上分记录',
"to": '/pages/recordsList/recordsList?type=UP', "to": '/pages/recordsList/recordsList?type=UP',
@ -217,10 +268,8 @@
"icon": "compose", "icon": "compose",
"iconN": "menu" "iconN": "menu"
}, },
],
[
{ {
"title": '在线客服', "title": '联系客服',
"to": '/pages/service/service', "to": '/pages/service/service',
"icon": "compose", "icon": "compose",
"iconN": "people" "iconN": "people"
@ -231,6 +280,8 @@
"icon": "compose", "icon": "compose",
"iconN": "lock" "iconN": "lock"
}, },
],
[
// { // {
// "title": '关于', // "title": '关于',
// "to": '/pages/ucenter/about/about', // "to": '/pages/ucenter/about/about',
@ -326,6 +377,7 @@
userInfo: {}, userInfo: {},
showClear: false, showClear: false,
password: '', password: '',
showTransfer: false,
} }
}, },
onLoad() { onLoad() {
@ -586,6 +638,25 @@
url: "/pages/recharge/recharge" url: "/pages/recharge/recharge"
}) })
}, },
toTransfer(){
this.showTransfer = true;
},
cancelTransfer(){
this.showTransfer = false;
},
confirmTransfer(){
API.request('/user/transferBalance', {}, res=>{
uni.showToast({
title: res.msg
})
this.showTransfer = false;
if(uni.getStorageSync('userType')=='agent'){
this.getAgentInfo();
}else{
this.getUserInfo();
}
})
},
clearCache(){ clearCache(){
this.showClear = true; this.showClear = true;
@ -906,4 +977,57 @@
font-size: 14px; font-size: 14px;
} }
} }
.showTransfer{
width: 100vw;
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
background-color: rgba(0, 0, 0, 0.5);
color: #444;
.showTransfer_box{
width: 570rpx;
// height: 340rpx;
border-radius: 10px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
padding-top: 40rpx;
line-height: 54rpx;
}
input{
background-color: #f5f5f5;
padding: 8px;
margin: 16rpx 50rpx 0px;
border-radius: 10px;
}
.btn_box{
line-height: 90rpx;
display: flex;
flex-direction: row;
border-top: 1px solid #f1f1f1;
margin-top: 40rpx;
font-size: 14px;
view{
flex: 1;
}
.grey{
border-right: 1px solid #f1f1f1;
}
.blue{
color: #4876FF;
}
}
.grey{
color: #999;
font-size: 14px;
}
}
</style> </style>

BIN
static/user/haibao_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

BIN
static/user/ze-exchange@2x.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 391 B

Write Preview
Loading…
Cancel
Save