|
@@ -1,37 +1,40 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view>
|
|
<view>
|
|
|
- <video class="works-video" :src="activity.videoUrl"></video>
|
|
|
|
|
- <view style="padding: 20rpx 30rpx 50rpx 30rpx;background: white;">
|
|
|
|
|
- <view class="title" style="border-bottom: 1rpx solid #EEEEEE ;">
|
|
|
|
|
- <span class="bg-red work-no"> {{activity.productNo}}号</span>
|
|
|
|
|
- <span class="work-title">{{activity.title}}</span>
|
|
|
|
|
- <view class="work-info-box">
|
|
|
|
|
- <image class="remen-icon" src="../../static/icon/remen.png"></image>
|
|
|
|
|
- <span class="vote-count">{{activity.voteCount}}</span>
|
|
|
|
|
- <span class="work-rank">排行榜第{{activity.rank}}名</span>
|
|
|
|
|
|
|
+ <view class="" v-show="!loading">
|
|
|
|
|
+ <video class="works-video" :src="activity.videoUrl"></video>
|
|
|
|
|
+ <view style="padding: 20rpx 30rpx 50rpx 30rpx;background: white;">
|
|
|
|
|
+ <view class="title" style="border-bottom: 1rpx solid #EEEEEE ;">
|
|
|
|
|
+ <span class="bg-red work-no"> {{activity.productNo}}号</span>
|
|
|
|
|
+ <span class="work-title">{{activity.title}}</span>
|
|
|
|
|
+ <view class="work-info-box">
|
|
|
|
|
+ <image class="remen-icon" src="../../static/icon/remen.png"></image>
|
|
|
|
|
+ <span class="vote-count">{{activity.voteCount}}</span>
|
|
|
|
|
+ <span class="work-rank">排行榜第{{activity.rank}}名</span>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view style="font-size: 24rpx;color: #888888;padding: 30rpx 10rpx 20rpx 10rpx;">
|
|
|
|
|
+ <u-parse :html="content"></u-parse>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view style="font-size: 24rpx;color: #888888;padding: 30rpx 10rpx 20rpx 10rpx;">
|
|
|
|
|
- <u-parse :html="content"></u-parse>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="bg-white padding-30 margin-top-30 flex">
|
|
|
|
|
- <view class="basis-xs">
|
|
|
|
|
- <image style="width: 84rpx;height: 84rpx;" src="../../static/icon/ic_zhuanfa.png"></image>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="bg-white padding-30 margin-top-30 flex">
|
|
|
|
|
+ <view class="basis-xs">
|
|
|
|
|
+ <image style="width: 84rpx;height: 84rpx;" src="../../static/icon/ic_zhuanfa.png"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="basis-lg flex flex-direction">
|
|
|
|
|
+ <view style="font-size: 28rpx;color: #353535;">转发邀请投票</view>
|
|
|
|
|
+ <view style="font-size: 22rpx;color: #AEACAF;padding-top: 10rpx;">成功邀请一位好友投票,获得{{vuex_active_setting.voteAndHeatRate}}热力值</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="flex justify-center align-center" style="color: #666666;flex-basis: 20%;">去邀请 ></view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="basis-lg flex flex-direction">
|
|
|
|
|
- <view style="font-size: 28rpx;color: #353535;">转发邀请投票</view>
|
|
|
|
|
- <view style="font-size: 22rpx;color: #AEACAF;padding-top: 10rpx;">成功邀请一位好友投票,获得{{vuex_active_setting.voteAndHeatRate}}热力值</view>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="footer-bar">
|
|
|
|
|
+ <u-button @click="login" shape="circle" :custom-style="customStyle">给ta投票</u-button>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="flex justify-center align-center" style="color: #666666;flex-basis: 20%;">去邀请 ></view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="footer-bar">
|
|
|
|
|
- <u-button @click="login" shape="circle" :custom-style="customStyle">给ta投票</u-button>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
<login ref="login" @signIn="signIn" @phoneSuccess="showVote"></login>
|
|
<login ref="login" @signIn="signIn" @phoneSuccess="showVote"></login>
|
|
|
|
|
+ <toast ref="toast" ></toast>
|
|
|
|
|
+ <loading ref="loading" type="3" theme="2"/>
|
|
|
<vote-popup ref="votePopup"></vote-popup>
|
|
<vote-popup ref="votePopup"></vote-popup>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
@@ -41,11 +44,15 @@
|
|
|
export default {
|
|
export default {
|
|
|
components:{ votePopup },
|
|
components:{ votePopup },
|
|
|
onLoad(props) {
|
|
onLoad(props) {
|
|
|
|
|
+ this.$refs.loading.showLoading()
|
|
|
const { id } = props;
|
|
const { id } = props;
|
|
|
this.$api.activity.getWorksDetail(id).then(res=> {
|
|
this.$api.activity.getWorksDetail(id).then(res=> {
|
|
|
this.activity = res.data.data;
|
|
this.activity = res.data.data;
|
|
|
- console.log(this.activity);
|
|
|
|
|
|
|
+ this.$refs.loading.hide()
|
|
|
|
|
+ this.loading=false
|
|
|
})
|
|
})
|
|
|
|
|
+ //处理授权结果
|
|
|
|
|
+ this.handelAuthResult(props)
|
|
|
},
|
|
},
|
|
|
computed:{
|
|
computed:{
|
|
|
content(){
|
|
content(){
|
|
@@ -54,6 +61,9 @@
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ loading:false,
|
|
|
|
|
+ authResult:{},
|
|
|
|
|
+
|
|
|
activity: {},
|
|
activity: {},
|
|
|
customStyle: {
|
|
customStyle: {
|
|
|
color: 'white',
|
|
color: 'white',
|
|
@@ -65,6 +75,23 @@
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ handelAuthResult(options){
|
|
|
|
|
+ if (options.result==undefined) {
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ this.authResult=JSON.parse(options.result)
|
|
|
|
|
+ if (this.authResult.resultCode == '0000') {
|
|
|
|
|
+ //授权成功,直接弹出礼物框
|
|
|
|
|
+ this.$refs.toast.info('积分授权成功')
|
|
|
|
|
+ this.showVote()
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ if (this.authResult.resultCode=='9999') {
|
|
|
|
|
+ //授权失败
|
|
|
|
|
+ this.$refs.toast.error(this.authResult.message)
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
async showVote(){
|
|
async showVote(){
|
|
|
this.$refs.votePopup.showVote();
|
|
this.$refs.votePopup.showVote();
|
|
|
},
|
|
},
|