|
@@ -6,140 +6,59 @@
|
|
|
积分排行榜
|
|
|
|
|
|
</view>
|
|
|
- <view class="self" v-if="false">
|
|
|
+ <view class="self" v-if="top" >
|
|
|
<view class="rank">
|
|
|
- 105
|
|
|
+
|
|
|
+ <img v-if="top.rank==1" src="../../../assets/img/Gold Medal@1x.png" alt="">
|
|
|
+ <img v-else-if="top.rank==2" src="../../../assets/img/Silver Medal Copy@1x.png" alt="">
|
|
|
+ <img v-else-if="top.rank==3" src="../../../assets/img/Bronze Medal Copy@1x.png" alt="">
|
|
|
+ <span v-else>{{top.rank}}</span>
|
|
|
</view>
|
|
|
<view class="photo">
|
|
|
- <img src="../../../assets/img/rankPhoto.png" alt="">
|
|
|
+ <img v-if="top.userImg" :src="top.userImg" alt="">
|
|
|
+ <u-avatar v-else size="80" ></u-avatar>
|
|
|
</view>
|
|
|
<view class="name">
|
|
|
- 王泽
|
|
|
+ {{top.userName}}
|
|
|
</view>
|
|
|
<view class="points">
|
|
|
- 1015积分
|
|
|
+ {{top.userScore}}积分
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="else" v-if="false">
|
|
|
- <view class="item">
|
|
|
+
|
|
|
+ <view class="else" v-if="list.length" >
|
|
|
+ <view class="item" v-for="(item,i) in list" :key="i" >
|
|
|
<view class="rank">
|
|
|
- <img src="../../../assets/img/Gold Medal@1x.png" alt="">
|
|
|
+ <img v-if="i==0" src="../../../assets/img/Gold Medal@1x.png" alt="">
|
|
|
+ <img v-else-if="i==1" src="../../../assets/img/Silver Medal Copy@1x.png" alt="">
|
|
|
+ <img v-else-if="i==2" src="../../../assets/img/Bronze Medal Copy@1x.png" alt="">
|
|
|
+ <span v-else>{{i+1}}</span>
|
|
|
+
|
|
|
</view>
|
|
|
<view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
+ <img v-if="item.userImg" :src="item.userImg" alt="">
|
|
|
+ <u-avatar v-else size="80" ></u-avatar>
|
|
|
+
|
|
|
</view>
|
|
|
<view class="name">
|
|
|
- 继广
|
|
|
+ {{item.userName}}
|
|
|
</view>
|
|
|
- <view class="points points1">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- <img src="../../../assets/img/Silver Medal Copy@1x.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/dingmanrong.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 丁曼容
|
|
|
- </view>
|
|
|
- <view class="points points2">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- <img src="../../../assets/img/Bronze Medal Copy@1x.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/lishuyi.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 李书易
|
|
|
- </view>
|
|
|
- <view class="points points3">
|
|
|
- 1917积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- 4
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 继广
|
|
|
- </view>
|
|
|
- <view class="points">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- 5
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 继广
|
|
|
- </view>
|
|
|
- <view class="points">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- 6
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 继广
|
|
|
- </view>
|
|
|
- <view class="points">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- 7
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 继广
|
|
|
- </view>
|
|
|
- <view class="points">
|
|
|
- 2011积分
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="rank">
|
|
|
- 8
|
|
|
- </view>
|
|
|
- <view class="photo">
|
|
|
- <img src="../../../assets/img/jiguang.png" alt="">
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- 继广
|
|
|
- </view>
|
|
|
- <view class="points">
|
|
|
- 2011积分
|
|
|
+ <view class="points " :class="{
|
|
|
+ points1:i==0,
|
|
|
+ points2:i==1,
|
|
|
+ points3:i==2
|
|
|
+ }">
|
|
|
+ {{item.userScore}}积分
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
- <u-divider :isnone="true" nonetext="统计中,敬请期待" bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+ <u-divider :isnone="!list.length" nonetext="统计中,敬请期待" bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import * as API from '@/apis/pagejs/user.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -151,12 +70,45 @@
|
|
|
pageSize:20,
|
|
|
},
|
|
|
recordsTotal:0,
|
|
|
+ top:null,
|
|
|
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ onLoad() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
methods: {
|
|
|
-
|
|
|
+ getList(){
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ API.pointsNotes({
|
|
|
+ year:new Date().getFullYear()
|
|
|
+ }).then((res) => {
|
|
|
+ this.list = res.data;
|
|
|
+ var userInfo=this.carhelp.getPersonInfo()
|
|
|
+ if(userInfo){
|
|
|
+ for(var i in this.list){
|
|
|
+ var item=this.list[i]
|
|
|
+ if(item.userId==userInfo.id){
|
|
|
+ this.top=item
|
|
|
+ this.top.rank=parseInt(i)+1;
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ uni.hideLoading();
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -218,7 +170,7 @@
|
|
|
background: #fff;
|
|
|
border-radius: 8px;
|
|
|
padding: 24rpx 48rpx;
|
|
|
- margin: 0 32rpx 24rpx;
|
|
|
+ margin: 20rpx 32rpx 24rpx;
|
|
|
.item{
|
|
|
display: flex;
|
|
|
align-items: center;
|