Skip to content

C
CFFP-HB
Commit c2806456 by sunchao
Options

我的积分

parent ab014aeb
Showing with 167 additions and 18 deletions
api/api.ts
...@@ -104,5 +104,9 @@ export default { ...@@ -104,5 +104,9 @@ export default {
// 订单详情 // 订单详情
userCourseInfo(params){ userCourseInfo(params){
return request(`${cffpURL}/course/userCourseInfo`, "POST", params) return request(`${cffpURL}/course/userCourseInfo`, "POST", params)
},
//我的积分查询接口
findByUserIdForFortuneStatistic(params){
return request(`${cffpURL}/fortune/findByUserIdForFortuneStatistic`, "POST", params)
} }
} }
components/tabBar/tabBar.vue
...@@ -78,4 +78,4 @@ import tabBarVue from './tabBar.vue'; ...@@ -78,4 +78,4 @@ import tabBarVue from './tabBar.vue';
} }
} }
</style> </style>
\ No newline at end of file
pages/index/index.vue
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
}, },
goToCourselist(){ goToCourselist(){
uni.navigateTo({ uni.navigateTo({
url:'../../components/courselist/courselist' url:'../../pages/courselist/courselist'
}) })
} }
}, },
......
pages/learnCertify/learnCertify.vue
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
精品福利 精品福利
</view> </view>
<view class="welfare_pic"> <view class="welfare_pic">
<image src="/static/certifyProcess/welfare1.png" mode="widthFix"></image> <image src="/static/certifyProcess/welfare1.png" mode="widthFix" @click="showMask(1)"></image>
<image src="/static/certifyProcess/welfare2.png" mode="widthFix"></image> <image src="/static/certifyProcess/welfare2.png" mode="widthFix" @click="showMask(2)"></image>
</view> </view>
</view> </view>
<view class="question_wrppaer"> <view class="question_wrppaer">
...@@ -51,6 +51,12 @@ ...@@ -51,6 +51,12 @@
</view> </view>
</view> </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> </template>
<script> <script>
...@@ -60,7 +66,9 @@ ...@@ -60,7 +66,9 @@
return { return {
certificates:[], certificates:[],
planFaqs:[], planFaqs:[],
boutiqueWelfares:[] boutiqueWelfares:[],
mask_flag:false,
qrCode:null
} }
}, },
components:{}, components:{},
...@@ -93,6 +101,17 @@ ...@@ -93,6 +101,17 @@
url:`../authentication-query/authentication-result?queryType=${this.queryType}&userName=${this.userName}&cerCode=${this.cerCode}` 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 @@ ...@@ -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> </style>
\ No newline at end of file
pages/myPoints/myPoints.vue
<template> <template>
<view class="container"> <view class="container">
<view class="top"> <view class="top">
<view class=""> <view class="exchange_wrapper">
<text>可兑换积分</text><text>5555.55积分</text> <view>可兑换积分 <text style="color: #FF7704;">5555.55积分</text></view>
<view style="color:#C85E04;text-decoration: underline;">可兑换提现5555.55</view>
</view> </view>
<view class=""> <view class="bg">
<text>可兑换提现5555.55</text> <image src="/static/mypoint_pic.png" mode="widthFix"></image>
</view> </view>
<ul class="nav"> <ul class="nav">
<li class="nav_item" v-for="navItem in navList" @click="selectNav(navItem)" <li class="nav_item" v-for="navItem in navList" @click="selectNav(navItem)"
:class="{'selected':navItem.id==selectedId}"> :class="{'selected':navItem.timeFlag==timeFlag}">
{{navItem.name}} <text>{{navItem.name}}</text>
</li> </li>
</ul> </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>
<view class="point_content"> <view class="point_content">
<view class="title"> <view class="title">
...@@ -35,11 +62,14 @@ ...@@ -35,11 +62,14 @@
</template> </template>
<script> <script>
import api from '../../api/api';
export default{ export default{
data(){ data(){
return { return {
navList:[{name:'日积分',id:1},{name:'月积分',id:2},{name:'年积分',id:3}], queryDate:`${new Date().getFullYear()}-${new Date().getMonth() + 1}`,
selectedId: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}] pointList:[{name:'课程大类',id:1,source:'销售收入',classify:'家组信托',score:100}]
} }
}, },
...@@ -49,7 +79,19 @@ ...@@ -49,7 +79,19 @@
}, },
methods:{ methods:{
selectNav(navItem){ 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 @@ ...@@ -57,19 +99,57 @@
<style lang="scss"> <style lang="scss">
.container{ .container{
padding: 30rpx;
.top{ .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{ .nav{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 80rpx; height: 80rpx;
.nav_item.selected{ width: 100%;
li{
width: 33%;
text-align: center;
}
.nav_item.selected text{
color: #CDA464; color: #CDA464;
padding-bottom: 10rpx; padding-bottom: 10rpx;
border-bottom: 2rpx solid #CDA464; 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{ .point_content{
background: #fff; background: #fff;
......
pages/personalCenter/personalCenter.vue
...@@ -76,7 +76,7 @@ ...@@ -76,7 +76,7 @@
{id:'02',categoryName:'活动管理', {id:'02',categoryName:'活动管理',
children:[ children:[
{title:'我的学习',icon:'myLearning',link:'/pages/myLearning/myLearning',isOpen:true,isShow:true}, {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} {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