huxiaofeng666
/
jwl-applet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: huxiaofeng666:589eec1d80288027278d8deceb5c96c0b56d3b9b
Branches Tags
huxiaofeng666:dev-hxf
huxiaofeng666:dev-qsh
huxiaofeng666:dev-zcx
huxiaofeng666:jwl-dy
huxiaofeng666:jwl-gift
huxiaofeng666:kx-applet
huxiaofeng666:master
...
compare: huxiaofeng666:29520d0daaa1dd54eeec29ea0e5ab6c2791cd6ac
Branches Tags
huxiaofeng666:dev-hxf
huxiaofeng666:dev-qsh
huxiaofeng666:dev-zcx
huxiaofeng666:jwl-dy
huxiaofeng666:jwl-gift
huxiaofeng666:kx-applet
huxiaofeng666:master

5 Commits
589eec1d80 ... 29520d0daa

Author SHA1 Message Date
zcx 29520d0daa 助力bug
8 months ago
qiushanhe f5c0df688c Merge pull request '样式调整' (#41) from dev-qsh into master
8 months ago
qsh 38cc93cba4 样式调整
8 months ago
zcx ccef999bbe Merge pull request '失效' (#40) from dev-zcx into master
8 months ago
zcx 242744c0f9 Merge pull request 'dev-zcx' (#38) from dev-zcx into master
8 months ago
2 changed files with 241 additions and 279 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats
  1. 20
      src/pages/index/components/ggl/index.vue
  2. 462
      src/pages/me/help.vue

20
src/pages/index/components/ggl/index.vue
Unescape View File

@ -48,7 +48,9 @@
actiNum: 0, actiNum: 0,
total: 0, total: 0,
winningList: [], winningList: [],
activityRule: undefined activityRule: undefined,
startTime: undefined,
endTime: undefined
} }
}, },
onLoad(op) { onLoad(op) {
@ -115,6 +117,9 @@
}) })
}, },
handleComplete() { handleComplete() {
if(){
}
saveWinner({ saveWinner({
phone: useUserStore().userInfo?.phone || '', phone: useUserStore().userInfo?.phone || '',
detailId: this.detailId, detailId: this.detailId,
@ -123,11 +128,14 @@
this.btnText = '再刮一次！' this.btnText = '再刮一次！'
if(resp.code == 200) { if(resp.code == 200) {
this.getActivityNum() this.getActivityNum()
let help = "，完成助力即可领取奖品！" if(this.result != '谢谢惠顾'){
uni.showToast({ let help = "，完成助力即可领取奖品！"
icon: 'none', uni.showToast({
title: `恭喜获得${this.result}` + help icon: 'none',
}) title: `恭喜获得${this.result}` + help
})
}
this.showBtn = true this.showBtn = true
} }
}) })

462
src/pages/me/help.vue
Unescape View File

@ -1,304 +1,258 @@
<template> <template>
<view style="padding-bottom: 50px;background-color: #C5121B;"> <view style="padding-bottom: 50px;background-color: #C5121B;">
<image class="wp100 img" mode="widthFix" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E5%8A%A9%E5%8A%9B%E4%B8%BB%E5%9B%BE.jpg"></image> <image class="wp100 img" mode="widthFix"
src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E5%8A%A9%E5%8A%9B%E4%B8%BB%E5%9B%BE.jpg">
</image>
<view class="relative tip">邀请好友帮助你进行助力即可有机会领取奖品</view> <view class="relative tip">邀请好友帮助你进行助力即可有机会领取奖品</view>
<view class="relative help_div"> <view class="relative help_div">
<!-- --> <!-- -->
<view v-if="type == 1" class="relative help_card"> <view v-if="type == 1" class="relative help_card">
<view class="relative help_tip"> <view class="relative help_tip">
还差{{diffNum}}位好友助力即可领取奖品: 还差{{diffNum}}位好友助力即可领取奖品:
</view> </view>
<view v-if="winnerInfo.awards != undefined" class="relative help_tip" style="font-size: 40rpx;"> <view v-if="winnerInfo.awards != undefined" class="relative help_tip" style="font-size: 40rpx;">
{{winnerInfo.awards}} {{winnerInfo.awards}}
</view> </view>
<view class="help_list"> <view class="p20">
<view v-for="item in helpUserList" class="help_item"> <u-grid :border="false" col="3">
<u-avatar class="help_item_avatar" :src="item.avatarUrl"></u-avatar> <u-grid-item v-for="(item, index) in helpUserList" :key="index">
<u-avatar v-if="item.id" class="p10tb border" size="120rpx" :src="item.avatarUrl"></u-avatar>
<view v-else class="p10tb">
<view class="avatar-text">
<u-avatar bg-color="#fff" color="#ccc" size="120rpx" text="邀"></u-avatar>
</view>
</view>
</u-grid-item>
</u-grid>
</view>
<view class="help_btn">
<button open-type="share" class="help_btn_font"> 邀请好友助力</button>
</view>
</view>
<!-- <view class="help_item_2_yao"> <view v-if="type == 2" class="relative help_card">
<image :src="item.avatarUrl"></image> <view class="relative help_list" style="top: 200rpx;">
</view> --> <view v-if="winnerInfo?.activityName" class="help_tip"
</view> style="font-size: 40rpx; margin: 25rpx 0rpx;">
<view v-for="item in diffNum" class="help_item_2"> {{winnerInfo?.activityName}}
<view class="help_item_2_yao">邀</view> </view>
</view> <view v-if="winnerInfo.schoolName != undefined" class="help_tip">
</view> 举办单位：{{winnerInfo.schoolName}}
<view class="help_btn" > </view>
<button open-type="share" class="help_btn_font"> 邀请好友助力</button> <view v-if="winnerInfo.awards != undefined" class="help_tip" style="font-size: 45rpx;margin: 25rpx 0rpx;">
</view> 奖品：{{winnerInfo.awards}}
</view> </view>
</view>
<view v-if="type == 2" class="relative help_card"> <view class="help_btn">
<view class="relative help_list" style="top: 200rpx;"> <button class="help_btn_font" open-type="chooseAvatar" @chooseavatar="handleHelp"
<view v-if="winnerInfo.activityName != undefined" class="help_tip" style="font-size: 40rpx; margin: 25rpx 0rpx;"> :disabled="disBtn">帮好友助力</button>
{{winnerInfo.activityName}} </view>
</view> </view>
<view v-if="winnerInfo.schoolName != undefined" class="help_tip"> </view>
举办单位：{{winnerInfo.schoolName}}
</view>
<view v-if="winnerInfo.awards != undefined" class="help_tip" style="font-size: 45rpx;margin: 25rpx 0rpx;">
奖品：{{winnerInfo.awards}}
</view>
</view>
<view class="help_btn" >
<button class="help_btn_font" open-type="chooseAvatar" @chooseavatar="handleHelp" :disabled="disBtn">帮好友助力</button>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
import useUserStore from '@/jtools/store/user' import useUserStore from '@/jtools/store/user'
import { queryActivityDetail,queryHelpInfo, saveHelpInfo, queryWinnerInfo } from '@/jtools/api/activity' import {
queryActivityDetail,
queryHelpInfo,
saveHelpInfo,
queryWinnerInfo
} from '@/jtools/api/activity'
export default { export default {
data() { data() {
return { return {
winnerId: undefined, winnerId: undefined,
btnText: '点我刮奖', helpUserList: [],
showBtn: true, drawNum: 0,
helpUserList: [], phone: undefined,
drawNum: 0, type: 2,
diffNum: 3, winnerInfo: undefined,
phone: undefined, disBtn: false
type: 2,
winnerInfo: undefined,
disBtn: false
} }
}, },
onLoad(op) { onLoad(op) {
this.winnerId = op.id
this.winnerId = op.id
// this.type = op.type ? Number(op.type) : 1 // this.type = op.type ? Number(op.type) : 1
this.phone = useUserStore().userInfo?.phone || undefined this.phone = useUserStore().userInfo?.phone || undefined
console.log(this.phone) console.log(this.phone)
this.getWinnerInfo() this.getWinnerInfo()
this.getHelpInfo() this.getHelpInfo()
this.disBtn = false this.disBtn = false
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
if (res.from === 'button') {// 来自页面内分享按钮 if (res.from === 'button') { // 来自页面内分享按钮
console.log(res.target) console.log(res.target)
} }
return { return {
title: '我正在参与领奖活动柜，请帮我助力', title: '我正在参与领奖活动柜，请帮我助力',
path: '/pages/me/help?id='+this.winnerId + '&type=2' path: '/pages/me/help?id=' + this.winnerId + '&type=2'
} }
}, },
onPullDownRefresh() {
if(this.type == 1){
this.getWinnerInfo()
this.getHelpInfo()
}
}
methods: { methods: {
//查询中奖信息 //查询中奖信息
getWinnerInfo(){ getWinnerInfo() {
// uni.request({ queryWinnerInfo({
// url: 'http://192.168.1.6:8089/applet/activity/winner/info?winnerId='+this.winnerId winnerId: this.winnerId
// }).then(resp => { }).then(resp => {
// if(resp.data.code == 200) { if (resp.code == 200) {
// console.log(resp) console.log(resp)
// this.winnerInfo = resp.data.data; this.winnerInfo = resp.data;
// if(this.phone && this.winnerInfo.phone == this.phone){ if (this.phone && this.winnerInfo.phone == this.phone) {
// this.type == 1 this.type = 1
// } } else {
// } this.type = 2
// }) }
queryWinnerInfo({winnerId : this.winnerId}).then(resp => { }
if(resp.code == 200){ })
console.log(resp)
this.winnerInfo = resp.data;
if(this.phone && this.winnerInfo.phone == this.phone){
this.type = 1
} else {
this.type = 2
}
}
})
}, },
//查询助力信息 //查询助力信息
getHelpInfo(){ getHelpInfo() {
// uni.request({ queryHelpInfo({
// url: 'http://192.168.1.6:8089/applet/activity/help/info?winnerId='+this.winnerId winnerId: this.winnerId
// }).then(resp => { }).then(resp => {
// if(resp.data.code == 200) { if (resp.code == 200) {
// console.log(resp) this.drawNum = resp.data.helpNum;
// this.drawNum = resp.data.data.helpNum; const list = resp.data.helpUsers.map(item => ({
// this.helpUserList = resp.data.data.helpUsers ...item,
// this.diffNum = (this.drawNum - this.helpUserList.length) < 0 ? 0 : (this.drawNum - this.helpUserList.length); avatarUrl: 'https://jwl.ahduima.com' + item.avatarUrl
// console.log(this.drawNum) }));
// console.log(this.diffNum) this.diffNum = (this.drawNum - list.length) < 0 ? 0 : (this.drawNum - list.length);
// } const arr = new Array(this.diffNum).fill({})
// }) this.helpUserList = [...list,...arr]
queryHelpInfo({winnerId : this.winnerId}).then(resp => { }
if(resp.code == 200){ })
console.log(resp) },
this.drawNum = resp.data.helpNum; //点击助力
this.helpUserList = resp.data.helpUsers.map(item => ({ handleHelp(e) {
...item, this.disBtn = false
avatarUrl: 'https://jwl.ahduima.com' + item.avatarUrl uni.login({
})); provider: 'weixin', //使用微信登录
this.diffNum = (this.drawNum - this.helpUserList.length) < 0 ? 0 : (this.drawNum - this.helpUserList.length); success: (loginRes) => {
} console.log(loginRes);
}) uni.uploadFile({
}, url: 'https://jwl.ahduima.com/activity/applet/activity/help/save',
//点击助力 // url: 'http://192.168.1.6:8089/applet/activity/help/save',
handleHelp(e){ filePath: e.detail.avatarUrl,
this.disBtn = false name: 'file',
console.log(e) formData: {
uni.login({ 'code': loginRes.code,
provider: 'weixin', //使用微信登录 'winnerId': this.winnerId,
success: (loginRes) => { },
console.log(loginRes); success: (uploadFileRes) => {
uni.uploadFile({ console.log(uploadFileRes.data);
url: 'https://jwl.ahduima.com/activity/applet/activity/help/save', let resp = JSON.parse(uploadFileRes.data);
// url: 'http://192.168.1.6:8089/applet/activity/help/save', console.log(resp);
filePath: e.detail.avatarUrl,
name: 'file',
formData: {
'code': loginRes.code,
'winnerId': this.winnerId,
},
success: (uploadFileRes) => {
console.log(uploadFileRes.data);
let resp = JSON.parse(uploadFileRes.data);
console.log(resp);
if(resp.code == 200){ if (resp.code == 200) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: `助力成功` title: `助力成功`
}) })
this.disBtn = true this.disBtn = true
} else { } else {
uni.showToast({ uni.showToast({
icon: 'error', icon: 'error',
title: resp.msg title: resp.msg
}) })
this.disBtn = true this.disBtn = true
} }
} }
}); });
} }
}); });
}, },
}, },
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.img{ .img {
top: -130rpx !important; top: -130rpx !important;
} }
.tip { .tip {
height: 75px; height: 75px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #FEFEFE; color: #FEFEFE;
line-height: 48px; line-height: 48px;
top: -520rpx; top: -520rpx;
text-align: center; text-align: center;
font-size: 35rpx; font-size: 35rpx;
} }
.help_div{
width: 710rpx;
height: 996rpx;
top: -560rpx;
margin-left: 20rpx;
margin-right: 20rpx;
background: linear-gradient(0deg, #F33D2F 100%, rgba(197,18,27,0.01) 0%);
border-radius: 40rpx;
.help_card{
width: 630rpx;
height: 886rpx;
margin: 0rpx 39rpx;
top: 55rpx;
background: #FFFFFF;
border-radius: 24rpx;
.help_tip{
text-align: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: #010101;
line-height: 55rpx;
top: 15rpx;
}
.help_list{
margin: 68rpx 25rpx 25rpx 20rpx;
height: 580rpx;
.help_item{ .avatar-text {
display: inline-block; border-radius: 50%;
padding: 35rpx; border: 1px dashed #ccc;
width: 194rpx; }
height: 194rpx;
border-radius: 50%;
.help_item_avatar{
margin: auto;
width: 56rpx;
height: 56rpx;
color: #CCCCCC;
background: #C42E13;
border: 4px solid #C42E13;
image{ .help_div {
height: 45px; width: 710rpx;
width: 45px; height: 996rpx;
} top: -560rpx;
} margin-left: 20rpx;
} margin-right: 20rpx;
background: linear-gradient(0deg, #F33D2F 100%, rgba(197, 18, 27, 0.01) 0%);
border-radius: 40rpx;
.help_item_2{
display: inline-block;
margin: 35rpx;
width: 124rpx;
height: 124rpx;
border: 2px dotted #CCCCCC;
border-radius: 50%;
.help_item_2_yao{ .help_card {
margin: 34rpx 33rpx; width: 630rpx;
width: 56rpx; height: 886rpx;
height: 56rpx; margin: 0rpx 39rpx;
font-size: 60rpx; top: 55rpx;
font-family: PingFang SC; background: #FFFFFF;
font-weight: 400; border-radius: 24rpx;
color: #CCCCCC;
line-height: 48rpx;
}
} .help_tip {
text-align: center;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
color: #010101;
line-height: 55rpx;
top: 15rpx;
}
.help_list {
margin: 68rpx 25rpx 25rpx 20rpx;
height: 580rpx;
} }
.help_btn{ .help_btn {
text-align: center; text-align: center;
margin: 0 75rpx; margin: 0 75rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
width: 500rpx; width: 500rpx;
height: 86rpx; height: 86rpx;
background: linear-gradient(0deg, #DE4224 0%, #B81706 100%); background: linear-gradient(0deg, #DE4224 0%, #B81706 100%);
border-radius: 43rpx; border-radius: 43rpx;
.help_btn_font{ .help_btn_font {
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;
line-height: 86rpx; line-height: 86rpx;
background: center; background: center;
} }
} }
} }
} }

Write Preview
Loading…
Cancel
Save