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

Merge branch 'stat' of https://codeup.aliyun.com/6265f483e4166464dc2f9c14/boeu/portal into stat

Browse Source
This commit is contained in:
daihh
2022-10-18 12:09:51 +08:00
parent 6e59d75cb9 50cc6a87d8
commit d0c5053799
7 changed files with 104 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/styles/portal-index.scss
View File

@@ -435,6 +435,9 @@
}
// boe-index
@media screen and (max-width: 1366px){
.medal-index{ // 勋章规则控制
margin: 40px 26px 0 26px;
}
.xindex-content{
width: 1100px;
}
@@ -669,6 +672,9 @@
}
}
@media screen and (max-width: 1680px) and (min-width:1367px){
.medal-index{ // 勋章规则控制
margin: 40px 50px 0 50px;
}
.xindex-content{
width: 1366px;
}
@@ -893,6 +899,9 @@
}
@media screen and (max-width: 1920px) and (min-width: 1681px){
.medal-index{ // 勋章规则控制
margin: 40px 60px 0 60px;
}
.xindex-content{
width: 1690px;
}
@@ -1123,6 +1132,9 @@
}
@media screen and (min-width: 1921px){
.medal-index{ // 勋章规则控制
margin: 40px 60px 0 60px;
}
.xindex-content{
width: 1880px;
}

4
src/components/Portal/guideBox.vue
View File

@@ -136,8 +136,8 @@
position: relative;
.close-right{
position: absolute;
right:-136px;
top:45px;
right:3%;
top:3%;
}
::v-deep .swiper-wrapper{

4
src/components/UserCenter/menu.vue
View File

@@ -14,7 +14,7 @@
:default-active="activeMenu"
router
active-text-color="#3379FB"
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','myqa', 'mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004']"
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004']"
class="el-menu-vertical"
@open="handleOpen"
@close="handleClose"
@@ -277,7 +277,7 @@
<!-- <svg-icon icon-class="myart"></svg-icon> -->
<span slot="title">我的文章</span>
</el-menu-item>
<el-submenu index="/article/contactme" v-show="curIdentity == 1">
<el-submenu index="notice" v-show="curIdentity == 1">
<template slot="title">
<svg-icon icon-class="qita"></svg-icon>
<span>其他通知</span>

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

@@ -275,7 +275,7 @@
}
.medal-index{
width: 144px;
margin: 40px 60px 0 60px;
text-align: center;

120
src/views/medal/urules.vue
View File

@@ -9,73 +9,75 @@
<div class="rules-content">
<div class="table-hear">
<div class="grade">勋章等级</div>
<div class="tabletime"><span>跬步千里</span></div>
<div class="tabledata"><span>持之以恒</span></div>
<div class="tabledata"><span>知识贡献者</span></div>
<div class="tabletime"><span>社交达人</span></div>
<div v-for="(ru, inx) in nameData" :class="(inx == 0 || inx == nameData.length -1)?'tabletime':'tabledata'"><span>{{ru.name}}</span></div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.1</div>
<div class="cont-left">累计学习 <span>1</span> h</div>
<div class="cont-right">连续 <span>1</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>1</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>10</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.2</div>
<div class="cont-left">累计学习 <span>5</span> h</div>
<div class="cont-right">连续 <span>5</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>5</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>30</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.3</div>
<div class="cont-left">累计学习 <span>10</span> h</div>
<div class="cont-right">连续 <span>15</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>10</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>50</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.4</div>
<div class="cont-left">累计学习 <span>50</span> h</div>
<div class="cont-right">连续 <span>30</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>20</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>100</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.5</div>
<div class="cont-left">累计学习 <span>100</span> h</div>
<div class="cont-right">连续 <span>70</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>50</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>200</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.6</div>
<div class="cont-left">累计学习 <span>300</span> h</div>
<div class="cont-right">连续 <span>120</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>100</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>500</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.7</div>
<div class="cont-left">累计学习 <span>500</span> h</div>
<div class="cont-right">连续 <span>200</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>300</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>1000</span> 次 </div>
</div>
<div class="table-content">
<div style="line-height: 58px;" class="grade">LV.8</div>
<div class="cont-left">累计学习 <span>1000</span> h</div>
<div class="cont-right">连续 <span>365</span> 天活跃且学习时长 >=10分钟 </div>
<div class="cont-right">累计上传 <span>800</span> 个知识 <span class="text">（课程、文章、笔记）</span> </div>
<div class="cont-left">累计被赞 <span>2000</span> 次 </div>
<div class="table-content" v-for="item in rulesData">
<div style="line-height: 58px;" class="grade">LV.{{item.level}}</div>
<div class="cont-left">{{item.study}}</div>
<div class="cont-right">{{item.day}}</div>
<div class="cont-right">{{item.steadily}}</div>
<div class="cont-left">{{item.popularity}}</div>
</div>
</div>
</div>
</template>
<script>
import apiStat from '@/api/phase2/stat.js';
export default {
data(){
return{
nameData:[],
rulesData:[],
}
},
mounted() {
this.getConfig();
},
methods:{
getConfig() {
apiStat.userMedalConfig().then(res=>{
let rulesData = [];
let studyList = [];
let dayList = [];
let steadilyList = [];
let popularityList = [];
if(res.status == 200){
res.result.forEach(item => {
item.rules = JSON.parse(item.rules);
this.nameData.push({
id: item.id,
name: item.name
})
if(item.id == 1) {
studyList = item.rules;
}
if(item.id == 2) {
dayList = item.rules;
}
if(item.id == 3) {
steadilyList = item.rules;
}
if(item.id == 4) {
popularityList = item.rules;
}
});
for (let index = 0; index < 8; index++) {
rulesData.push({
level:index+1,
study: studyList[index].remark,
day:dayList[index].remark,
steadily:steadilyList[index].remark,
popularity:popularityList[index].remark,
})
}
this.rulesData = rulesData;
}
})
},
}
// userMedalConfig
}
</script>

5
src/views/user/Mynotes.vue
View File

@@ -300,7 +300,8 @@ export default {
this.$message.error('导出失败');
} else {
const link = document.createElement('a');// 创建a标签
let blob = new Blob([res],{type: 'application/vnd.ms-pdf;charset=UTF-8'}); // 设置文件类型
// let blob = new Blob([res],{type: 'application/vnd.ms-pdf;charset=UTF-8'}); // 设置文件类型
let blob = new Blob([res],{type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}); // 设置文件类型
link.style.display = "none";
link.href = URL.createObjectURL(blob); // 创建URL
link.setAttribute("download", "我的笔记.pdf");
@@ -326,7 +327,7 @@ export default {
this.$message.error('导出失败');
} else {
const link = document.createElement('a');// 创建a标签
let blob = new Blob([res],{type: 'application/vnd.ms-excel;charset=UTF-8'}); // 设置文件类型
let blob = new Blob([res],{type: 'application/vnd.;charset=UTF-8'}); // 设置文件类型
link.style.display = "none";
link.href = URL.createObjectURL(blob); // 创建URL
link.setAttribute("download", "我的笔记.xls");

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

@@ -4,7 +4,10 @@
<div class="exp-hear">
<div class="exp-hear-text">
经验值排行榜
<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
<el-tooltip placement="top" effect="light">
<div slot="content">占位内容<br/>占位内容</div>
<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
</el-tooltip>
<span class="exp-hear-textbor"></span>
</div>
<div class="exp-hear-xiala">
@@ -99,7 +102,11 @@
<div class="page-ranking-col Duration">
<div class="exp-hear">
<div class="exp-hear-text">
学习时长排行榜<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
学习时长排行榜
<el-tooltip placement="top" effect="light">
<div slot="content">占位内容<br/>占位内容</div>
<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
</el-tooltip>
<span class="exp-hear-textbor"></span>
</div>
<div class="exp-hear-xiala">
@@ -124,7 +131,7 @@
我的学习时长: <span> {{learningDuration.data.total || learningDuration.data.months || learningDuration.data.years || learningDuration.data.weeks}}</span> h
</div>
</div>
<div class="exp-table">
<div class="exp-table" style="margin-top:20px">
<div class="table-hear">
<div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
@@ -179,7 +186,11 @@
<div class="page-ranking-col Duration">
<div class="exp-hear study-info">
<div class="exp-hear-text">
学习天数排行榜<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
学习天数排行榜
<el-tooltip placement="top" effect="light">
<div slot="content">占位内容<br/>占位内容</div>
<svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
</el-tooltip>
<span class="exp-hear-textbor" style="background:#f1b48f !important"></span>
</div>
<div class="exp-hear-xiala">
@@ -204,7 +215,7 @@
我的学习天数 : <span>{{learningDays.data.total || learningDays.data.months || learningDays.data.years || learningDays.data.weeks}}</span>
</div>
</div>
<div class="exp-table">
<div class="exp-table" style="margin-top:20px">
<div class="table-hear">
<div style="margin-left:5px">排名</div>
<div style="margin-left:5px">姓名</div>
@@ -487,8 +498,14 @@ export default {
padding:15px 18px;
display:flex;
overflow-x: auto;
}
::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
background-color: #fff !important;
color: #0059FF !important;
}
::v-deep.el-dropdown-menu {
border: none !important;
}
.page-ranking-col{
min-width: 430px;
//padding-right:30px;