Browse Source

个人中心-等级排名;

master
ZhaoTongYao 5 years ago
parent
commit
8d223fb3ea
  1. 49
      subpages/integralCentre/pages/index/index.js
  2. 144
      subpages/integralCentre/pages/index/index.wxml
  3. 22
      utils/api.js

49
subpages/integralCentre/pages/index/index.js

@ -2,7 +2,8 @@
import {
pointsRecordlist,
pointsRankinglist,
userPointsRankinglist
userPointsRankinglist,
gradeRankinglist
} from '../../../../utils/api'
import {
getTimestamp
@ -40,7 +41,7 @@ Page({
],
timestamp: getTimestamp(),
loadMoreType: 'none',
loadMoreVisible: false,
loadMoreVisible: false
},
/**
* 生命周期函数--监听页面加载
@ -93,8 +94,11 @@ Page({
loadMoreType: 'loading',
loadMoreVisible: true,
})
that.pointsRankinglist()
if ( e.currentTarget.dataset.type == '2') {
that.gradeRankinglist()
} else {
that.pointsRankinglist()
}
},
// 积分记录-积分排行接口
@ -211,11 +215,9 @@ Page({
this.setData({
loadMoreVisible: true
})
if (this.data.selectTab == 'tab1') {
// this.pointsRankinglist(); //积分排行
} else {
if (this.data.loadMoreType === 'loading') {
this.setData({
pageIndex: this.data.pageIndex + 1,
@ -228,6 +230,41 @@ Page({
}
},
//6.28 等级排行榜
gradeRankinglist () {
let that = this
const para = {
pageIndex: 1,
pageSize: 20,
timestamp: getTimestamp()
}
gradeRankinglist(para).then(res => {
that.setData({
pointsRankingUser: res.data.currentUser,
pointsRankinglist: that.data.pointsRankinglist.concat(res.data.rank),
})
if (that.data.pointsRankinglist.length > 0) {
that.setData({
nodatapointsRanking: false,
loadMoreType: 'none',
})
} else {
that.setData({
nodatapointsRanking: true,
loadMoreType: 'none',
loadMoreVisible: false,
})
}
}).catch(err => {
that.setData({
pointsRankinglist: [],
nodatapointsRanking: true,
loadMoreType: 'none',
loadMoreVisible: false,
})
console.log(err)
})
},
/**
* 用户点击右上角分享
*/

144
subpages/integralCentre/pages/index/index.wxml

@ -1,73 +1,73 @@
<view class="home">
<view class='title'>
<text class="number">{{points}}</text>
<text class="name">积分</text>
</view>
<!-- tabbar -->
<view class="tab-bar">
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">积分排行 </view>
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">积分记录</view>
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view>
</view>
<!-- 积分排行 -->
<block wx:if="{{selectTab === 'tab1'}}">
<view class="Top"></view>
<view class="tab-item">
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}">
{{item.name}}
</button>
</view>
<view class="ph-list" wx:if="{{pointsRankingUser}}">
<view class="left">
<!-- 左边图片 -->
<view class="left-img">
<view class="list-number_frist">{{pointsRankingUser.rank}}</view>
</view>
<!-- 名字 -->
<view class="list-name">{{pointsRankingUser.realName}}</view>
</view>
<view class="right">{{pointsRankingUser.points}}</view>
</view>
<view class="warning">注:该排行仅显示已完善信息用户</view>
<!-- <view class="marginTop"></view> -->
<view class="ph-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRankinglist}}">
<view class="left">
<!-- 左边图片 -->
<view class="left-img">
<!-- <image class="img-bg" wx:if="{{index == 0}}" src="../../images/first.png"></image>
<image class="img-bg" wx:elif="{{index == 1}}" src="../../images/second.png"></image>
<image class="img-bg" wx:elif="{{index == 2}}" src="../../images/third.png"></image> -->
<!-- <image class="img-bg" wx:else src="../../images/fourth.png"></image> -->
<!-- <view wx:if="{{index < 3}}" class="list-number">{{item.rank}}</view> -->
<view class="{{index < 3 ? 'list-number_frist' : 'list-number_'}} {{index===0 ? 'color1_' : index===1 ? 'color2_' : index===2 ? 'color2_' : ''}}">{{item.rank}}</view>
</view>
<!-- 名字 -->
<view class="list-name">{{item.realName}}</view>
</view>
<view class="right">{{item.points}}</view>
</view>
<no-data isShow="{{nodatapointsRanking}}"></no-data>
</block>
<!-- 积分记录 -->
<block wx:else>
<view class="Top"></view>
<view class="jf-title">
<view class="jf-title-item">事件名称</view>
<view class="jf-title-item-two">积分</view>
<view class="jf-title-item-last">时间</view>
</view>
<!-- 积分记录列表 -->
<view class="jf-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRecordlist}}">
<view class="jf-list-li color1">{{item.ruleDesc}}</view>
<view class="jf-list-li-two color2">
<text wx:if="{{item.operationType == 0}}">-</text>
<text wx:else>+</text>{{item.points}}</view>
<view class="jf-list-li jf-list-li-last color1">{{item.operationTime}}</view>
</view>
<no-data isShow="{{nodatapointsRecord}}"></no-data>
</block>
<!--加载更多提示-->
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more>
<view class="home">
<view class='title'>
<text class="number">{{points}}</text>
<text class="name">积分</text>
</view>
<!-- tabbar -->
<view class="tab-bar">
<view class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" data-tab="tab1" bindtap="onTabChange">积分排行 </view>
<view class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" data-tab="tab2" bindtap="onTabChange">积分记录</view>
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : 'tab2'}}"></view>
</view>
<!-- 积分排行 -->
<block wx:if="{{selectTab === 'tab1'}}">
<view class="Top"></view>
<view class="tab-item">
<button wx:for="{{typeList}}" wx:key="index" wx:for-index="index" bindtap="onButtonChange" hover-class="hover-btn" data-type="{{item.type}}" id="item-{{ item.type }}" class="{{item.select ? 'font-w' : 'font-b'}}">
{{item.name}}
</button>
</view>
<view class="ph-list" wx:if="{{pointsRankingUser}}">
<view class="left">
<!-- 左边图片 -->
<view class="left-img">
<view class="list-number_frist">{{pointsRankingUser.rank}}</view>
</view>
<!-- 名字 -->
<view class="list-name">{{pointsRankingUser.realName||pointsRankingUser.nickName}}</view>
</view>
<view class="right">{{pointsRankingUser.points||pointsRankingUser.grade}}</view>
</view>
<view class="warning">注:该排行仅显示已完善信息用户</view>
<!-- <view class="marginTop"></view> -->
<view class="ph-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRankinglist}}">
<view class="left">
<!-- 左边图片 -->
<view class="left-img">
<!-- <image class="img-bg" wx:if="{{index == 0}}" src="../../images/first.png"></image>
<image class="img-bg" wx:elif="{{index == 1}}" src="../../images/second.png"></image>
<image class="img-bg" wx:elif="{{index == 2}}" src="../../images/third.png"></image> -->
<!-- <image class="img-bg" wx:else src="../../images/fourth.png"></image> -->
<!-- <view wx:if="{{index < 3}}" class="list-number">{{item.rank}}</view> -->
<view class="{{index < 3 ? 'list-number_frist' : 'list-number_'}} {{index===0 ? 'color1_' : index===1 ? 'color2_' : index===2 ? 'color2_' : ''}}">{{item.rank}}</view>
</view>
<!-- 名字 -->
<view class="list-name">{{item.realName||item.nickName}}</view>
</view>
<view class="right">{{item.points||item.grade}}</view>
</view>
<no-data isShow="{{nodatapointsRanking}}"></no-data>
</block>
<!-- 积分记录 -->
<block wx:else>
<view class="Top"></view>
<view class="jf-title">
<view class="jf-title-item">事件名称</view>
<view class="jf-title-item-two">积分</view>
<view class="jf-title-item-last">时间</view>
</view>
<!-- 积分记录列表 -->
<view class="jf-list" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{pointsRecordlist}}">
<view class="jf-list-li color1">{{item.ruleDesc}}</view>
<view class="jf-list-li-two color2">
<text wx:if="{{item.operationType == 0}}">-</text>
<text wx:else>+</text>{{item.points}}</view>
<view class="jf-list-li jf-list-li-last color1">{{item.operationTime}}</view>
</view>
<no-data isShow="{{nodatapointsRecord}}"></no-data>
</block>
<!--加载更多提示-->
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more>
</view>

22
utils/api.js

@ -54,7 +54,8 @@ module.exports = {
getDefaultGridInfo:getDefaultGridInfo,
getResidentConfig:getResidentConfig,
getScrip:getScrip,
getHomePhone:getHomePhone
getHomePhone:getHomePhone,
gradeRankinglist:gradeRankinglist
}
function getToken(wxCode) {
@ -512,4 +513,23 @@ function getScrip() {
// 获取首页电话
function getHomePhone() {
return fly.get('imgConfig/getImgUrl/3')
}
/**
* 积分记录-等级排行接口 6.28
* timestamp String 第一页查询发起时的时间
* pageIndex Number 页码
* pageSize Number 页容量
*/
function gradeRankinglist({
timestamp,
pageIndex,
pageSize
}) {
return fly.get('app-user/user/gradeRanking/list', {
timestamp,
pageIndex,
pageSize
})
}
Loading…
Cancel
Save