mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-24 02:02:53 +08:00
排行榜完成
This commit is contained in:
@@ -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: "",
|
||||
|
||||
Reference in New Issue
Block a user