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:
weinan2087
2022-09-28 20:31:02 +08:00
parent 99d21bda8d
commit b2a2817b00
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/user/ranking.vue
View File

@@ -18,7 +18,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item> <el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item> <el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>
<div class="myselftext"> <div class="myselftext">
@@ -27,7 +27,7 @@
</div> </div>
<div class="myexperience"> <div class="myexperience">
我的经验值 : <span>{{experience.data.total || experience.data.months || experience.data.years || experience.data.weeks}}</span> 我的经验值 : <span>{{experience.data.total || experience.data.months || experience.data.years || experience.data.weeks}}</span>
</div> </div>
</div> </div>
<div class="exp-bar"> <div class="exp-bar">
@@ -61,31 +61,31 @@
<span>{{ran.authorInfo.name}}</span> <span>{{ran.authorInfo.name}}</span>
<div class="tab-bm">{{ran.authorInfo.orgInfo}}</div> <div class="tab-bm">{{ran.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
<div class="jy tab-jy"> <div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.total}}</div> <div style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.total}}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="omit"> <div v-if="experience.data.total>4" class="omit">
<div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div>
</div> </div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px"> <div v-if="experience.data.total>4" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div> <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
<div class="tab-name" v-if="experience.data.authorInfo && experience.data.authorInfo.aid"> <div class="tab-name" v-if="experience.data.authorInfo && experience.data.authorInfo.aid">
<author-img :avatar="experience.data.authorInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img> <author-img :avatar="experience.data.authorInfo.avatar" :aid="experience.data.authorInfo.aid" :sex="experience.data.authorInfo.sex"></author-img>
<div> <div>
<span style="color: #0059FF;">{{experience.data.authorInfo.name}}</span> <span style="color: #0059FF;">{{experience.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{experience.data.authorInfo.orgInfo}}</div> <div class="tab-bm" style="color: #0059FF;">{{experience.data.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
<div class="jy tab-jy"> <div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.total}}</div> <div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.total}}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -106,7 +106,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item> <el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item> <el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>
<div class="myselftext"> <div class="myselftext">
@@ -134,7 +134,7 @@
<div class="tab-name"> <div class="tab-name">
<author-img :avatar="lan.authorInfo.avatar" :aid="lan.authorInfo.aid" :sex="lan.authorInfo.sex"></author-img> <author-img :avatar="lan.authorInfo.avatar" :aid="lan.authorInfo.aid" :sex="lan.authorInfo.sex"></author-img>
<div> <div>
<span>{{lan.authorInfo.name}}</span> <span>{{lan.authorInfo.name}}</span>
<div class="tab-bm">{{lan.authorInfo.orgInfo}}</div> <div class="tab-bm">{{lan.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
@@ -143,15 +143,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="omit"> <div v-if="learningDuration.data.total>5" class="omit">
<div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div>
</div> </div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px"> <div v-if="learningDuration.data.total>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div> <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div>
<div class="tab-name" v-if="learningDuration.data.authorInfo && learningDuration.data.authorInfo.aid"> <div class="tab-name" v-if="learningDuration.data.authorInfo && learningDuration.data.authorInfo.aid">
<author-img :avatar="learningDuration.data.authorInfo.avatar" :aid="learningDuration.data.authorInfo.aid" :sex="learningDuration.data.authorInfo.sex"></author-img> <author-img :avatar="learningDuration.data.authorInfo.avatar" :aid="learningDuration.data.authorInfo.aid" :sex="learningDuration.data.authorInfo.sex"></author-img>
<div> <div>
<span style="color: #0059FF;">{{learningDuration.data.authorInfo.name}}</span> <span style="color: #0059FF;">{{learningDuration.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{learningDuration.data.authorInfo.orgInfo}}</div> <div class="tab-bm" style="color: #0059FF;">{{learningDuration.data.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
@@ -179,7 +179,7 @@
<el-dropdown-item command="months">本月</el-dropdown-item> <el-dropdown-item command="months">本月</el-dropdown-item>
<el-dropdown-item command="years">本年</el-dropdown-item> <el-dropdown-item command="years">本年</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</div> </div>
<div class="myselftext"> <div class="myselftext">
@@ -211,34 +211,34 @@
<div class="tab-bm" style="margin-left:30px;">{{day.authorInfo.orgInfo}}</div> <div class="tab-bm" style="margin-left:30px;">{{day.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
<div class="jy tab-jy"> <div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;">{{day.total}}</div> <div style="font-size: 18px;color: #333333;font-weight: 600;">{{day.total}}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="omit"> <div v-if="learningDays.data.total>5" class="omit">
<div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div> <div>.</div>
</div> </div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px"> <div v-if="learningDays.data.total>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
<div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div> <div style="color: #0059FF;line-height: 40px;padding-left:15px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div>
<div class="tab-name" v-if="learningDays.data.authorInfo && learningDays.data.authorInfo.aid"> <div class="tab-name" v-if="learningDays.data.authorInfo && learningDays.data.authorInfo.aid">
<author-img :avatar="learningDays.data.authorInfo.avatar" :aid="learningDays.data.authorInfo.aid" :sex="learningDays.data.authorInfo.sex"></author-img> <author-img :avatar="learningDays.data.authorInfo.avatar" :aid="learningDays.data.authorInfo.aid" :sex="learningDays.data.authorInfo.sex"></author-img>
<div> <div>
<span style="color: #0059FF;">{{learningDays.data.authorInfo.name}}</span> <span style="color: #0059FF;">{{learningDays.data.authorInfo.name}}</span>
<div class="tab-bm" style="color: #0059FF;">{{learningDays.data.authorInfo.orgInfo}}</div> <div class="tab-bm" style="color: #0059FF;">{{learningDays.data.authorInfo.orgInfo}}</div>
</div> </div>
</div> </div>
<div class="jy tab-jy"> <div class="jy tab-jy">
<div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.total}}</div> <div style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.total}}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@@ -251,7 +251,7 @@
export default { export default {
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(['userInfo']),
}, },
components: {authorImg}, components: {authorImg},
data(){ data(){
@@ -377,8 +377,8 @@ export default {
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]) this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
this.learningDuration.data = res.result.currentUserRankingData; this.learningDuration.data = res.result.currentUserRankingData;
} }
const ids= []; const ids= [];
res.result.rankingData.forEach(item=>{ res.result.rankingData.forEach(item=>{
ids.push(item.aid) ids.push(item.aid)
@@ -415,7 +415,7 @@ export default {
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]); this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]);
this.learningDays.data = res.result.currentUserRankingData; this.learningDays.data = res.result.currentUserRankingData;
} }
const ids= []; const ids= [];
res.result.rankingData.forEach(item=>{ res.result.rankingData.forEach(item=>{
ids.push(item.aid) ids.push(item.aid)
@@ -488,8 +488,8 @@ export default {
text-align: center; text-align: center;
} }
} }
} }
.myselftext{ .myselftext{
height: 75px; height: 75px;
@@ -556,20 +556,20 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
} }
.tab-rank{ .tab-rank{
// text-align: center; // text-align: center;
img{ img{
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
} }
.experience{ .experience{
min-width: 400px; min-width: 400px;
.exp-hear{ .exp-hear{
width: 100%; width: 100%;
height: 65px; height: 65px;
@@ -602,7 +602,7 @@ export default {
} }
} }
.exp-bar{ .exp-bar{
width: 100%; width: 100%;
h6{ h6{
@@ -643,7 +643,7 @@ export default {
z-index: 999; z-index: 999;
} }
} }
} }
} }
@@ -686,4 +686,4 @@ export default {
} }
} }
</style> </style>