@@ -1,6 +1,8 @@
< template >
< 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 help_div" >
<!-- -- >
@@ -11,17 +13,17 @@
< view v-if = "winnerInfo.awards != undefined" class="relative help_tip" style="font-size: 40rpx;" >
{{ winnerInfo.awards }}
< / view >
< view class = "help_list " >
< view v-for = "item in helpUserList" class="help_item" >
< u -avatar class = "help_item_avatar" :src = "item.avatarUrl" > < / u-avatar >
<!-- < view class = "help_item_2_yao " >
< image :src = "item. avatarUrl " > < / image >
< / view > -- >
< view class = "p20 " >
< u-grid :border = "false" col = "3" >
< 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 v-for = "item in diffNum" class="help_item_2" >
< view class = "help_item_2_yao" > 邀 < / view >
< / view >
< / u-grid-item >
< / u-grid >
< / view >
< view class = "help_btn" >
< button open -type = " share " class = "help_btn_font" > 邀请好友助力 < / button >
@@ -30,8 +32,9 @@
< view v-if = "type == 2" class="relative help_card" >
< view class = "relative help_list" style = "top: 200rpx;" >
< view v-if = "winnerInfo.activityName != undefined " class="help_tip" style="font-size: 40rpx; margin: 25rpx 0rpx;" >
{{ winnerInfo.activityName }}
< view v-if = "winnerInfo? .activityName" class="help_tip"
style = "font-size: 40rpx; margin: 25rpx 0rpx;" >
{ { winnerInfo ? . activityName } }
< / view >
< view v-if = "winnerInfo.schoolName != undefined" class="help_tip" >
举办单位 : {{ winnerInfo.schoolName }}
@@ -42,7 +45,8 @@
< / view >
< view class = "help_btn" >
< button class = "help_btn_font" open -type = " chooseAvatar " @chooseavatar ="handleHelp" :disabled = "disBtn" > 帮好友助力 < / button >
< button class = "help_btn_font" open -type = " chooseAvatar " @chooseavatar ="handleHelp"
:disabled = "disBtn" > 帮好友助力 < / button >
< / view >
< / view >
< / view >
@@ -51,16 +55,18 @@
< script >
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 {
data ( ) {
return {
winnerId : undefined ,
btnText : '点我刮奖' ,
showBtn : true ,
helpUserList : [ ] ,
drawNum : 0 ,
diffNum : 3 ,
phone : undefined ,
type : 2 ,
winnerInfo : undefined ,
@@ -68,7 +74,6 @@
}
} ,
onLoad ( op ) {
this . winnerId = op . id
// this.type = op.type ? Number(op.type) : 1
this . phone = useUserStore ( ) . userInfo ? . phone || undefined
@@ -87,22 +92,18 @@
path : '/pages/me/help?id=' + this . winnerId + '&type=2'
}
} ,
onPullDownRefresh ( ) {
if ( this . type == 1 ) {
this . getWinnerInfo ( )
this . getHelpInfo ( )
}
}
methods : {
//查询中奖信息
getWinnerInfo ( ) {
// uni.request({
// url: 'http://192.168.1.6:8089/applet/activity/winner/info?winnerId='+this. winnerId
// }).then(resp => {
// if(resp.data.code == 200) {
// console.log(resp)
// this.winnerInfo = resp.data.data;
// if(this.phone && this.winnerInfo.phone == this.phone){
// this.type == 1
// }
// }
// })
queryWinnerInfo ( { winnerId : this . winnerId } ) . then ( resp => {
queryWinnerInfo ( {
winnerId : this . winnerId
} ) . then ( resp => {
if ( resp . code == 200 ) {
console . log ( resp )
this . winnerInfo = resp . data ;
@@ -117,34 +118,24 @@
} ,
//查询助力信息
getHelpInfo ( ) {
// uni.request({
// url: 'http://192.168.1.6:8089/applet/activity/help/info?winnerId='+this. winnerId
// }).then(resp => {
// if(resp.data.code == 200) {
// console.log(resp)
// this.drawNum = resp.data.data.helpNum;
// this.helpUserList = resp.data.data.helpUsers
// this.diffNum = (this.drawNum - this.helpUserList.length) < 0 ? 0 : (this.drawNum - this.helpUserList.length);
// console.log(this.drawNum)
// console.log(this.diffNum)
// }
// })
queryHelpInfo ( { winnerId : this . winnerId } ) . then ( resp => {
queryHelpInfo ( {
winnerId : this . winnerId
} ) . then ( resp => {
if ( resp . code == 200 ) {
console . log ( resp )
this . drawNum = resp . data . helpNum ;
this . helpUserL ist = resp . data . helpUsers . map ( item => ( {
const l ist = resp . data . helpUsers . map ( item => ( {
... item ,
avatarUrl : 'https://jwl.ahduima.com' + item . avatarUrl
} ) ) ;
this . diffNum = ( this . drawNum - this . helpUserL ist . length ) < 0 ? 0 : ( this . drawNum - this . helpUserL ist . length ) ;
this . diffNum = ( this . drawNum - l ist. length ) < 0 ? 0 : ( this . drawNum - l ist. length ) ;
const arr = new Array ( this . diffNum ) . fill ( { } )
this . helpUserList = [ ... list , ... arr ]
}
} )
} ,
//点击助力
handleHelp ( e ) {
this . disBtn = false
console . log ( e )
uni . login ( {
provider : 'weixin' , //使用微信登录
success : ( loginRes ) => {
@@ -191,6 +182,7 @@
. img {
top : - 130 rpx ! important ;
}
. tip {
height : 75 px ;
font - family : PingFang SC ;
@@ -201,6 +193,13 @@
text - align : center ;
font - size : 35 rpx ;
}
. avatar - text {
border - radius : 50 % ;
border : 1 px dashed # ccc ;
}
. help _div {
width : 710 rpx ;
height : 996 rpx ;
@@ -233,51 +232,6 @@
margin : 68 rpx 25 rpx 25 rpx 20 rpx ;
height : 580 rpx ;
. help _item {
display : inline - block ;
padding : 35 rpx ;
width : 194 rpx ;
height : 194 rpx ;
border - radius : 50 % ;
. help _item _avatar {
margin : auto ;
width : 56 rpx ;
height : 56 rpx ;
color : # CCCCCC ;
background : # C42E13 ;
border : 4 px solid # C42E13 ;
image {
height : 45 px ;
width : 45 px ;
}
}
}
. help _item _2 {
display : inline - block ;
margin : 35 rpx ;
width : 124 rpx ;
height : 124 rpx ;
border : 2 px dotted # CCCCCC ;
border - radius : 50 % ;
. help _item _2 _yao {
margin : 34 rpx 33 rpx ;
width : 56 rpx ;
height : 56 rpx ;
font - size : 60 rpx ;
font - family : PingFang SC ;
font - weight : 400 ;
color : # CCCCCC ;
line - height : 48 rpx ;
}
}
}
. help _btn {