Skip to content

C
CFFP-HB
Commit c2806456 by sunchao
Options

我的积分

parent ab014aeb
Showing with 166 additions and 16 deletions
api/api.ts
......@@ -104,5 +104,9 @@ export default {
// 订单详情
userCourseInfo(params){
return request(`${cffpURL}/course/userCourseInfo`, "POST", params)
},
//我的积分查询接口
findByUserIdForFortuneStatistic(params){
return request(`${cffpURL}/fortune/findByUserIdForFortuneStatistic`, "POST", params)
}
}
pages/index/index.vue
......@@ -168,7 +168,7 @@
},
goToCourselist(){
uni.navigateTo({
url:'../../components/courselist/courselist'
url:'../../pages/courselist/courselist'
})
}
},
......
pages/learnCertify/learnCertify.vue
......@@ -32,8 +32,8 @@
精品福利
</view>
<view class="welfare_pic">
<image src="/static/certifyProcess/welfare1.png" mode="widthFix"></image>
<image src="/static/certifyProcess/welfare2.png" mode="widthFix"></image>
<image src="/static/certifyProcess/welfare1.png" mode="widthFix" @click="showMask(1)"></image>
<image src="/static/certifyProcess/welfare2.png" mode="widthFix" @click="showMask(2)"></image>
</view>
</view>
<view class="question_wrppaer">
......@@ -51,6 +51,12 @@
</view>
</view>
</view>
<view class="mask" v-if="mask_flag"></view>
<view class="mask_content" v-if="mask_flag">
<image :src="qrCode" mode="widthFix"></image>
<view class="tips">{{maskTips}}</view>
<text class="iconfont icon-guanbi" @click="mask_flag = false"></text>
</view>
</template>
<script>
......@@ -60,7 +66,9 @@
return {
certificates:[],
planFaqs:[],
boutiqueWelfares:[]
boutiqueWelfares:[],
mask_flag:false,
qrCode:null
}
},
components:{},
......@@ -93,6 +101,17 @@
url:`../authentication-query/authentication-result?queryType=${this.queryType}&userName=${this.userName}&cerCode=${this.cerCode}`
})
}
},
showMask(type){
this.mask_flag = true;
if(type==1){
this.qrCode=this.boutiqueWelfares[0]['wechatCodeUrl'];
this.maskTips = '请添加微信小助手获取 精品辅助资料';
}
if(type==2){
this.qrCode=this.boutiqueWelfares[1]['wechatCodeUrl'];
this.maskTips = '请扫码进入微信学习 考证交流群';
}
}
}
......@@ -177,4 +196,50 @@
}
}
}
.mask{
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
z-index: 1;
background-color: rgba(0,0,0,.4);
}
.mask_content{
width: 90%;
background: #fff;
margin: auto;
z-index: 2;
height: 40%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
.iconfont{
display: inline-block;
width: 80rpx;
height: 80rpx;
text-align: center;
line-height: 80rpx;
color: #fff;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.6);
bottom: -100rpx;
position: relative;
right: 0;
margin: 0 auto;
}
uni-image{
width: 60%!important;
}
.tips{
width: 100%;
text-align: center;
}
}
</style>
\ No newline at end of file
pages/myPoints/myPoints.vue
<template>
<view class="container">
<view class="top">
<view class="">
<text>可兑换积分</text><text>5555.55积分</text>
<view class="exchange_wrapper">
<view>可兑换积分 <text style="color: #FF7704;">5555.55积分</text></view>
<view style="color:#C85E04;text-decoration: underline;">可兑换提现5555.55</view>
</view>
<view class="">
<text>可兑换提现5555.55</text>
<view class="bg">
<image src="/static/mypoint_pic.png" mode="widthFix"></image>
</view>
<ul class="nav">
<li class="nav_item" v-for="navItem in navList" @click="selectNav(navItem)"
:class="{'selected':navItem.id==selectedId}">
{{navItem.name}}
:class="{'selected':navItem.timeFlag==timeFlag}">
<text>{{navItem.name}}</text>
</li>
</ul>
<view class="opt_wrapper">
<view style="width: 33%;">销售以来</view>
<!-- 年月时间选择 -->
<view class="timeSelectContent" v-if="timeFlag=='M'" style="width: 33%;">
<picker mode="date" :value="fortuneDate" :end="maxDate" fields="month" @change="bindDateChange">
<view class="uni-input">{{fortuneDate}}
<text class="iconfont icon-youjiantou"></text>
</view>
</picker>
</view>
</view>
</view>
<view class="statistics_wrapper">
<view class="">
<text style="color: #0A2F99;">11111</text>
<text>累计积分</text>
</view>
<view class="">
<text style="color: #F15A1F;">333</text>
<text>今日获得积分</text>
</view>
<view class="">
<text style="color: #0A2F99;">-222</text>
<text>比上次得分</text>
</view>
</view>
<view class="point_content">
<view class="title">
......@@ -35,11 +62,14 @@
</template>
<script>
import api from '../../api/api';
export default{
data(){
return {
navList:[{name:'日积分',id:1},{name:'月积分',id:2},{name:'年积分',id:3}],
selectedId:1,
queryDate:`${new Date().getFullYear()}-${new Date().getMonth() + 1}`,
maxDate:`${new Date().getFullYear()}-${new Date().getMonth() + 1}`,
navList:[{name:'日积分',timeFlag:'D'},{name:'月积分',timeFlag:'M'},{name:'年积分',timeFlag:'Y'}],
timeFlag:'D',
pointList:[{name:'课程大类',id:1,source:'销售收入',classify:'家组信托',score:100}]
}
},
......@@ -49,7 +79,19 @@
},
methods:{
selectNav(navItem){
this.selectedId = navItem.id
this.timeFlag = navItem.timeFlag;
},
bindDateChange: function(e) {
this.fortuneDate = e.detail.value;
},
findByUserIdForFortuneStatistic(){
const param = {
isDtl:2
userId:uni.getStorageSync('cffp_userId')
fortuneDate:this.fortuneDate
timeFlag:this.timeFlag
}
}
}
}
......@@ -57,19 +99,57 @@
<style lang="scss">
.container{
padding: 30rpx;
.top{
background: linear-gradient(179deg, #F8B588 0%, rgba(255,239,216,0.2) 100%);
display: flex;
padding: 30rpx;
flex-wrap: wrap;
align-items: center;
.exchange_wrapper{
width: 60%;
margin-right: 10%;
view{
margin-bottom: 20rpx;
}
}
.bg{
width: 30%;
}
.nav{
display: flex;
justify-content: space-between;
align-items: center;
height: 80rpx;
.nav_item.selected{
width: 100%;
li{
width: 33%;
text-align: center;
}
.nav_item.selected text{
color: #CDA464;
padding-bottom: 10rpx;
border-bottom: 2rpx solid #CDA464;
}
}
.opt_wrapper{
display: flex;
text-align: center;
align-items: center;
width: 100%;
}
}
.statistics_wrapper{
margin: 30rpx;
display: flex;
view{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-size: 36rpx;
text{
margin-bottom: 10rpx;
}
}
}
.point_content{
background: #fff;
......
pages/personalCenter/personalCenter.vue
......@@ -76,7 +76,7 @@
{id:'02',categoryName:'活动管理',
children:[
{title:'我的学习',icon:'myLearning',link:'/pages/myLearning/myLearning',isOpen:true,isShow:true},
{title:'学习认证',icon:'learningCertify',link:'',isOpen:true,isShow:true},
{title:'学习认证',icon:'learningCertify',link:'/pages/learnCertify/learnCertify',isOpen:true,isShow:true},
{title:'我的分享',icon:'share',link:'/pages/myShare/myShare',isOpen:true,isShow:true}
],
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment