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

调整首页

Browse Source
This commit is contained in:
daihh
2022-10-14 12:34:03 +08:00
parent b12280e6fb
commit 3a04078717
5 changed files with 104 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/views/Index.vue
View File

@@ -18,18 +18,21 @@
</div>
<!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> -->
<p class="personal-name">{{userInfo.name}} {{userInfo.userNo}}
<span class="grade">LV.1</span>
<span class="grade">{{userData.level}}</span>
</p>
<p class="personal-info">{{userInfo.departName}}</p>
<!-- <a href="../study/task.vue"> -->
<div class="personal-box"><span>代办</span><span>3个待处理 <img src="/images/homeWu/Pending.png" alt=""> </span> <img class="personal-box-img"
src="/images/homeWu/agency.png" alt="" srcset=""></div>
<!-- </a> -->
<a href="uc/study/task">
<div class="personal-box">
<span>代办</span>
<span>{{studyTaskCount? studyTaskCount:0 }} 个待处理 <img src="/images/homeWu/Pending.png" alt=""> </span>
<img class="personal-box-img" src="/images/homeWu/agency.png" alt="" srcset="">
</div>
</a>
<ul class="personal-ul">
<li>
<span class="label">累计学习</span>
<p><span>{{userData.studyHourValue}}</span>h</p>
<p><span>{{userData.totalStudyHour}}</span>h</p>
</li>
<!-- <li>
<span class="label">经验值等级</span>
@@ -37,7 +40,7 @@
</li> -->
<li>
<span class="label">我的U币</span>
<p><span>{{userData.coinValue}}</span>个</p>
<p><span>{{userData.uvalue}}</span>个</p>
</li>
</ul>
</div>
@@ -47,7 +50,7 @@
<div class="modules xcontent2">
<div class="xcontent2-main">
<!--内容块-->
<div class="modules-title" >
<div class="modules-title xindex-main" >
<span class="modules-text">推荐课程</span>
<span class="quyer-tag">
<a :class="courseList.orderType == 2 ? 'current' : ''" @click="orderTypeFilter(2)">最热</a>
@@ -62,7 +65,7 @@
<router-link to="/course">查看更多</router-link>
</span>
</div>
<div class="modules-list" style="margin-right:0px">
<div class="modules-list">
<!-- 一个固定内容 -->
<div class="xindex-course">
<a href="course/boeframe?id=517CA622-238E-06BA-0AED-B1200D705800&type=online-course">
@@ -78,7 +81,7 @@
</div>
<div style="padding-left:15px">
<div>
<span class="course-score-value">5.0</span>
<span class="course-score-value">5.0分</span>
</div>
</div>
</div>
@@ -100,18 +103,19 @@
<span class="study-num" v-if="course.studiesFormat == 0">{{course.studiesFormat}}人学习</span>
<span class="study-num" v-if="course.studiesFormat != 0">{{course.studiesFormat}}+人学习</span>
</div>
<div style="padding-left:15px">
<div style="display: flex;">
<div style="width:30px;">
<interactBar nodeWidth="20px" :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar>
</div>
<div v-if="course.score">
<span class="course-score-value">{{ toScore(course.score) }}</span>
<span class="course-score-value">{{ toScore(course.score) }}分</span>
</div>
<div v-else class="course-score-no">未评分</div>
</div>
</div>
</a>
<div class="cor-praises">
<interactBar :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar>
</div>
</div>
</div>
</div>
@@ -152,7 +156,7 @@
</div>
<!-- 推荐案例2版 -->
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="xcontent2-main xindex-main" >
<div class="modules-title"><span class="modules-text">推荐案例</span>
<span class="quyer-tag">
<a :class="caseList.orderType==2?'current':''" @click="changeCaseOrder(2)">最热</a>
@@ -216,7 +220,7 @@
</div>
<!-- 推荐文章 -->
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="xcontent2-main xindex-main">
<div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐文章</span>
<span class="quyer-tag">
@@ -304,7 +308,7 @@
</div>
<!--内容块-->
<div class="xcontent2-minor">
<div style="margin-top:60px" class="portal-ranking ranking-bg">
<div style="margin-top:80px" class="portal-ranking ranking-bg">
<!-- 排行榜位置 -->
<p class="ranking-title">文章排行榜</p>
<ul class="xindex-ranking-article">
@@ -322,7 +326,7 @@
</div>
<!-- 推荐问答 -->
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="xcontent2-main xindex-main">
<!--内容块-->
<div class="modules-title" style="margin-top:22px">
<span class="modules-text">推荐问答</span>
@@ -361,7 +365,7 @@
</div>
<div class="xcontent2-minor">
<!-- 排行榜 -->
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<div class="portal-ranking ranking-bg" style="margin-top:80px">
<p class="ranking-title">问答排行榜</p>
<ul class="xindex-ranking-qa">
<li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
@@ -434,12 +438,15 @@
InterestCollection,
GuideBox
},
computed: {
...mapGetters(['userInfo'])
created() {
this.$store.dispatch('refrashStudyTaskCount');
},
data() {
return {
userData: {},
userData: {
uvalue:0,
totalStudyHour:0
},
userInfo: {},
ankingList: [],
answersList: [],
@@ -512,17 +519,10 @@
this.getQaAnswers();
},
computed: {
...mapGetters(['userInfo','studyTaskCount']),
swiper() {
return this.$refs.mySwiper.swiper
}
},
created() {
// undefined
// this.$nextTick(() => {
// console.log(this.$refs.bannimg) //获取到正确元素
// })
},
methods: {
jumstudy(){
@@ -538,6 +538,7 @@
apiStart.getUserStatTotalInfo(this.userInfo.aid).then(res => {
if (res.status == 200) {
this.userData = res.result;
//console.log(this.userData,'this.userData')
}
});
},
@@ -1402,33 +1403,6 @@
position: relative;
background-color: #ffffff;
// ::v-deep .cor-praises {
// position: absolute;
// right: 52px;
// bottom: 24px;
// // -moz-user-select: none; /*火狐*/
// // -webkit-user-select: none; /*webkit浏览器*/
// // -ms-user-select: none; /*IE10*/
// // -khtml-user-select: none; /*早期浏览器*/
// // user-select: none;
// .interact-bar-btn{
// .interact-bar-value{
// display: none;
// }
// }
// }
// .cor-icon {
// position: absolute;
// left: 100px;
// top: 54px;
// border-radius: 50%;
// background: rgba(88, 138, 252, 0.37);
// .el-icon-caret-right {
// font-size: 36px;
// color: #588afc;
// }
// }
.course-image-box {
position: relative;
@@ -1568,41 +1542,6 @@
}
}
.course-score-no {
text-align: right;
font-size: 14px;
color: #6B7C85;
line-height: 30px;
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
-khtml-user-select: none;
/*早期浏览器*/
user-select: none;
}
.course-score-value {
font-size: 14px;
// margin-top: 5px;
margin-left: 32px;
line-height: 30px;
color: #FA6400;
font-family: 'Arial';
-moz-user-select: none;
/*火狐*/
-webkit-user-select: none;
/*webkit浏览器*/
-ms-user-select: none;
/*IE10*/
-khtml-user-select: none;
/*早期浏览器*/
user-select: none;
// font-size: 30px;
}
.modules {
margin-top: 20px;
// width: 100%;
@@ -1657,7 +1596,7 @@
.more {
float: right;
margin-top: 7px;
margin-right: 40px;
margin-right: 30px;
color: #333333;
font-size: 14px;
}
@@ -1741,7 +1680,7 @@
}
.article-card {
width: 100%;
//width: 100%;
background: #fff;
// padding: 30px;
border-radius: 8px;