You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
2.9 KiB
143 lines
2.9 KiB
<template>
|
|
<!-- 获取积分 -->
|
|
<view class="page">
|
|
<navbar title="获取积分" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
|
|
|
|
<view class="box">
|
|
<view class="card">
|
|
<view class="top">
|
|
<image src="../static/mine/characteristic.png" mode="aspectFill" />
|
|
<view>签到得积分</view>
|
|
</view>
|
|
<view class="txt">签到得积分可立即领取</view>
|
|
<view class="uni-uncolor-btn"
|
|
v-if="UserExtensionInfo.signFlag">已领取</view>
|
|
|
|
<view class="button"
|
|
@click="checkin"
|
|
v-else>领取</view>
|
|
|
|
<view style="height: 40rpx;" />
|
|
</view>
|
|
<view class="card">
|
|
<view class="top">
|
|
<image src="../static/mine/crowd.png" mode="aspectFill" />
|
|
<view>邀请工友获取积分</view>
|
|
</view>
|
|
<view class="txt">成功邀请一名新好友注册，最高可获得
|
|
<text style="color: red;font-size: 32rpx;">2</text>
|
|
个正式积分。
|
|
<view style="color: red;">多邀多得！可叠加！</view>
|
|
</view>
|
|
|
|
<button
|
|
open-type="share"
|
|
class="share button">
|
|
邀请
|
|
</button>
|
|
|
|
<!-- <view class="button"
|
|
@click="$utils.navigateTo('/pages_order/mine/InvitationCredit')"
|
|
>邀请</view> -->
|
|
|
|
<view style="height: 40rpx;" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="service">如有疑问请联系客服：<text
|
|
style="color: #4280FD;"
|
|
@click="$refs.customerServicePopup.open()"
|
|
>{{ configList.config_service_phone }}</text></view>
|
|
|
|
<customerServicePopup ref="customerServicePopup"/>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
computed : {
|
|
...mapState(['UserExtensionInfo']),
|
|
},
|
|
onLoad() {
|
|
this.$store.commit('getUserExtensionInfo')
|
|
},
|
|
methods: {
|
|
checkin(){
|
|
this.$api('addScoreBySign', res => {
|
|
if(res.code == 200){
|
|
uni.showToast({
|
|
title: '签到成功'
|
|
})
|
|
this.$store.commit('getUserExtensionInfo')
|
|
}
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.page {
|
|
.box {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
background-color: #fff;
|
|
border-radius: 16rpx;
|
|
margin-top: 40rpx;
|
|
|
|
.card {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
|
|
.top {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 32rpx;
|
|
padding: 20rpx 0;
|
|
|
|
view {
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
image {
|
|
height: 50rpx;
|
|
width: 50rpx;
|
|
}
|
|
}
|
|
|
|
.txt {
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.button {
|
|
all: unset;
|
|
text-align: center;
|
|
background-color: #3796F8;
|
|
color: #fff;
|
|
padding: 25rpx 0;
|
|
margin-top: 40rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.service {
|
|
width: 94%;
|
|
margin-left: 3%;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
margin-top: 20rpx;
|
|
padding: 25rpx 0;
|
|
background-color: #fff;
|
|
border-radius: 12rpx;
|
|
}
|
|
}
|
|
</style>
|