排行榜完成

This commit is contained in:
zhaofang
2022-09-26 17:55:13 +08:00
parent 8b2c1afabd
commit 154af6e634
6 changed files with 378 additions and 193 deletions

View File

@@ -10,13 +10,20 @@
<h6>U币历史记录</h6><span>最多保留近7天的记录</span>
<div style="width:100%;height:290px" ref="chart"></div>
</div>
<div class="my-Recording" v-for="(day, index) in uCoinRecord" :key="index">
<h3>{{day.dayNmae}}</h3>
<div class="Recording-info" v-for="info in day.list">
<div class="info-tit">{{getUType(info.eventKey)}}</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt="">{{info.uvalue > 0? '+':''}} {{info.uvalue}}</div>
<div v-if="uCoinRecord.length > 0">
<div class="my-Recording" v-for="(day, index) in uCoinRecord" :key="index">
<h3>{{day.dayNmae}}</h3>
<div class="Recording-info" v-for="info in day.list">
<div class="info-tit">{{getUType(info.eventKey)}}</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt="">{{info.uvalue > 0? '+':''}} {{info.uvalue}}</div>
</div>
</div>
</div>
<div v-else class="home-no-list">
<img class="img" style="width:76px;height:76px" src="/images/homeWu/u-wu.png" alt="" srcset="">
<p class="text">最近7天你可能太忙了快开始 努力获得U币吧</p>
</div>
</div>
</div>
@@ -29,7 +36,7 @@
<div class="exp-hear-xiala">
<el-dropdown trigger="click" @command="handleCommand">
<span class="el-dropdown-link pointer">
累计<i class="el-icon-arrow-down el-icon--right"></i>
{{name}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="total">累计</el-dropdown-item>
@@ -45,7 +52,7 @@
我的排名 : <span> {{currentUserRankingData.rankingNo}}</span>
</div>
<div class="myexperience">
我的经验值 : <span> {{currentUserRankingData.total}}</span>
我的经验值 : <span>{{currentUserRankingData.total || currentUserRankingData.months || currentUserRankingData.years || currentUserRankingData.weeks}}</span>
</div>
</div>
<div class="exp-bar">
@@ -83,7 +90,7 @@
<div class="omit">
<div>.</div> <div>.</div> <div>.</div>
</div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-if="currentUserRankingData.authorInfo && currentUserRankingData.authorInfo.aid">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{currentUserRankingData.rankingNo}}</div>
<div class="tab-name"><author-img :avatar="currentUserRankingData.authorInfo.avatar" :aid="currentUserRankingData.authorInfo.aid" :sex="currentUserRankingData.authorInfo.sex"></author-img> <span style="color: #0059FF;">{{currentUserRankingData.authorInfo.name}}</span> </div>
<div class="bm tab-bm" style="margin-left:30px;color: #0059FF;">{{currentUserRankingData.authorInfo.orgInfo}}</div>
@@ -194,6 +201,7 @@
data(){
return{
cycle:'total',
name:'累计',
getUType,
dialogVisible:false,
tableData:[
@@ -220,8 +228,21 @@
this.getRanking();
},
methods:{
translate(field) {
let name = '';
switch (field) {
case 'total':name = '累计'; break;
case 'weeks':name = '本周'; break;
case 'months':name = '本月'; break;
case 'years':name = '本年'; break;
default:
break;
}
return name;
},
handleCommand(e) {
this.cycle = e;
this.name = this.translate(e)
this.getRanking();
},
getRanking() {
@@ -242,10 +263,8 @@
}
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
this.currentUserRankingData = res.result.currentUserRankingData;
console.log(this.currentUserRankingData,'this.currentUserRankingData');
const ids= [];
res.result.rankingData.forEach(item=>{
item.aid = '952948626497724414'
ids.push(item.aid)
item.authorInfo = {
aid: "",