hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 04:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

勋章详细计算错误

Browse Source
This commit is contained in:
daihh
2022-10-20 20:01:53 +08:00
parent ad56663478
commit 8e891d7e2b
1 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/medal/Index.vue
View File

@@ -26,7 +26,7 @@
<div> <div>
<h4 class="title-medal">{{medal.medalName}} <span style="font-weight: 600;">LV{{medal.medalLevel}}</span> </h4> <h4 class="title-medal">{{medal.medalName}} <span style="font-weight: 600;">LV{{medal.medalLevel}}</span> </h4>
<p class="title-medal-info">你已经超过 {{medal.exceed}} 人</p> <p class="title-medal-info">你已经超过 {{medal.exceed}} 人</p>
<p class="title-medal-info">继续学习 <span style="color:#333333;font-size:18px;font-weight: 600;">{{medal.nextValue - medal.curValue}}</span> 小时可升级进入下一级</p> <p class="title-medal-info" v-html="nextmsg"></p>
</div> </div>
<div class="medal-img"> <div class="medal-img">
<medal-img style="width:186px;height:210px" :item="medal"></medal-img> <medal-img style="width:186px;height:210px" :item="medal"></medal-img>
@@ -37,9 +37,7 @@
<el-step v-for="set in 8" :title="'L'+set"></el-step> <el-step v-for="set in 8" :title="'L'+set"></el-step>
</el-steps> </el-steps>
</div> </div>
<el-table <el-table :data="rules" style="width: 100%;height:200px;overflow-y: auto;">
:data="rules"
style="width: 100%;height:200px;overflow-y: auto;">
<el-table-column prop="name" angin="center" label="勋章" width="80"> <el-table-column prop="name" angin="center" label="勋章" width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<img style="width:40px;height:40px" :src="`${webBaseUrl}/images/medal.png`" alt="" srcset=""> <img style="width:40px;height:40px" :src="`${webBaseUrl}/images/medal.png`" alt="" srcset="">
@@ -66,8 +64,23 @@
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
export default{ export default{
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(['userInfo']),
medalData(){ nextmsg(){
let msg='';
if(this.medal.medalId){
if(this.medal.medalId==1){ //学习时长
msg='继续学习 <span class="next-num">'+this.medal.dvalue+'</span> 小时可升级进入下一级';
}else if(this.medal.medalId==2){ //学习天数
msg='继续学习 <span class="next-num">'+this.medal.dvalue+'</span> 天可升级进入下一级';
}else if(this.medal.medalId==3){ //上传的知识
msg='继续发布 <span class="next-num">'+this.medal.dvalue+'</span> 个知识可升级进入下一级';
}else if(this.medal.medalId==4){ //被点赞数
msg='再被点赞 <span class="next-num">'+this.medal.dvalue+'</span> 次可升级进入下一级';
}
}
return msg;
},
medalData(){
let data = []; let data = [];
if(this.activeName == 'first') { if(this.activeName == 'first') {
data = this.medalList data = this.medalList
@@ -153,6 +166,11 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.next-num{
color:#333333;
font-size:18px;
font-weight: 600;
}
::v-deep .table-medal{ ::v-deep .table-medal{
.medal-text{ .medal-text{
display: none; display: none;