hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 11:26:43 +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-10 17:25:03 +08:00
parent 92fa7ebf76 ae8000bbfa
commit 2fb037a1df
9 changed files with 66 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -213,8 +213,9 @@
.xindex-case {
display: inline-block;
vertical-align: top;
width: 33.33%;
padding-right: 20px;
width: 30.33%;
margin-right: 20px;
// padding-right: 20px;
}
.xindex-qa {
@@ -490,7 +491,7 @@
}
.xindex-case {
padding-right: 20px;
// padding-right: 20px;
}
// .boe-index{
// width: 235px;
@@ -530,7 +531,7 @@
width: 200px;
height: 169px;
top:20px;
left:20px;
left:25px;
padding: 17px;
.time-one{
padding:3px 3px;
@@ -728,7 +729,7 @@
}
.xindex-case {
padding-right: 20px;
// padding-right: 20px;
}
.case-inter{
@@ -754,7 +755,7 @@
width: 290px;
height: 250px;
top:30px;
left:30px;
left:15px;
padding: 20px;
.time-one{
padding:3px 10px;
@@ -947,7 +948,7 @@
}
.xindex-case {
padding-right: 30px;
// padding-right: 30px;
}
.case-inter{
@@ -1162,7 +1163,7 @@
height:188px;
}
.xindex-case {
padding-right: 30px;
// padding-right: 30px;
}
.case-inter{

4
src/components/Course/courseImage.vue
View File

@@ -1,8 +1,8 @@
<template>
<!--用于显示课程的图片-->
<div class="img-box" id="img-box">
<div style="border-radius: 5px;" class="img-box" id="img-box">
<el-image
style="background-color: #eeeeee"
style="background-color: #eeeeee;border-radius: 5px;"
:style="`width:${width};height:${height};`"
fit="fill "
:src="imageUrl"

29
src/views/Index.vue
View File

@@ -14,6 +14,7 @@
<div class="personal-panel">
<div class="personal-img">
<author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
</div>
<!-- <img style="width:68px;height:68px" src="/images/Avatarman.png" alt=""> -->
<p class="personal-name">{{userInfo.name}} {{userInfo.userNo}}</p>
@@ -112,12 +113,13 @@
<div class="portal-ranking ranking-bg">
<p class="ranking-title">课程排行榜</p>
<ul class="xindex-ranking-course">
<li class="xindex-ranking-li" v-for="(item, index) in scorelist" :key="index">
<li class="xindex-ranking-li" v-for="(item, index) in scorelist" :key="index">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text blue-one">
<img :src="getPic(index)" alt="">
</span>
<span class="portal-title-desc two-line-ellipsis title-line-ellipsis" style="font-size: 14px;">{{ item.name }}</span>
</a>
<div class="list-active">
<div class="list-content">
<div class="list-img">
@@ -135,6 +137,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</li>
</ul>
</div>
@@ -153,7 +156,7 @@
</span>
</div>
<div class="modules-list">
<div class="xindex-case" v-for="(ca,ind) in caseList.list" :key="ca.id">
<div class="xindex-case" @click="jumcasedet(ca)" v-for="(ca,ind) in caseList.list" :key="ca.id">
<div class="case-index boe-case-index">
<div class="case-top"></div>
<div class="case-conent">
@@ -191,7 +194,7 @@
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<p class="ranking-title">案例排行榜</p>
<ul class="xindex-ranking-case">
<li class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
<li @click="jumcasedet(item)" class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
@@ -278,7 +281,7 @@
:sex="article.authorInfo.sex"></author-img>
<span
style="color: #6E7B84;font-size: 14px;margin:6px 13px 0 10px;">{{article.authorInfo.name}}</span>
<interactBar :type="2" :readonly="true" :data="article" :views="false"></interactBar>
<interactBar :type="2" :readonly="true" :data="article" :views="false" :shares="false"></interactBar>
</div>
<div><span class="article-info-time">{{ article.sysCreateTime.substring(0, 10) }}</span></div>
</div>
@@ -296,10 +299,12 @@
<p class="ranking-title">文章排行榜</p>
<ul class="xindex-ranking-article">
<li class="xindex-ranking-li" v-for="(item, index) in ankingList" :key="index" style="line-height: 22px;">
<a style="display: inherit" :href="`${webBaseUrl}/article/detail?id=${item.id}`">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
<span class="portal-index-summary two-line-ellipsis">{{ item.title }}</span>
</a>
</li>
</ul>
</div>
@@ -321,7 +326,7 @@
</div>
<div class="modules-list">
<!--内容列表内容-->
<div class="xindex-qa" v-for="qa in qaList.list" :key="qa.id">
<div @click="jumpRouter(qa)" class="xindex-qa" v-for="qa in qaList.list" :key="qa.id">
<div class="qa-card boe-qa-index" >
<p class="qa-top"><span>{{qa.views}}正在关注</span><span>{{ qa.sysCreateTime.substring(0, 10) }}</span></p>
<div class="qa-center">
@@ -349,7 +354,7 @@
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<p class="ranking-title">问答排行榜</p>
<ul class="xindex-ranking-qa">
<li class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
<li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
<span class="portal-right-text orange-one">
<img :src="getPic(index)" alt="">
</span>
@@ -395,14 +400,14 @@
swiperSlide
} from 'vue-awesome-swiper';
import apiPlace from "@/api/phase2/place.js"
import AuthorImg from '@/components/Portal/authorImg.vue';
import authorImg from '@/components/Portal/authorImg.vue';
import apiStart from '@/api/phase2/stat.js'
import apiIndex from '@/api/phase2/index.js'
export default {
name: 'index',
components: {
AuthorImg,
authorImg,
portalHeader,
ad,
portalFooter,
@@ -479,6 +484,7 @@
},
mounted() {
this.userInfo = this.$store.getters.userInfo;
console.log(this.userInfo)
this.getCourseData(1);
this.getCaseData();
this.getArticleData();
@@ -504,6 +510,9 @@
// })
},
methods: {
jumcasedet(item) {
this.$router.push({path:'/case/detail',query:{id:item.id}});
},
getPic(index) {
return `/images/listblue0${index+1}.png`
},
@@ -568,9 +577,11 @@
window.open('https://m.qingxuetang.com/x/?appId=qxtcorp306130', '_blank');
},
toCourseDetail(item) {
if (item.type == 10) {
return this.webBaseUrl + '/course/micro?id=' + item.id;
} else if (item.type == 20) {
console.log(item)
return this.webBaseUrl + '/course/detail?id=' + item.id;
}
return '';

2
src/views/portal/article/Detail.vue
View File

@@ -59,6 +59,7 @@
<p class="ranking-title">贡献榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<router-link :to="'article/detail?id=' + item.id">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/list-01.png" alt="">
</span>
@@ -75,6 +76,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</router-link>
</li>
</ul>
</div>

4
src/views/portal/article/Index.vue
View File

@@ -78,7 +78,8 @@
<div class="portal-ranking ranking-bg">
<p class="ranking-title">贡献榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<router-link :to="'article/detail?id=' + item.id">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/listblue01.png" alt="">
</span>
@@ -95,6 +96,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc">{{ item.sysCreateUname }}</span>
</router-link>
</li>
</ul>
</div>

16
src/views/portal/case/Detail.vue
View File

@@ -102,7 +102,8 @@
<div class="portal-ranking ranking-bg">
<p class="ranking-title">好评榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'case/detail?id='+item.id">
<span class="portal-right-text blue-one" v-if="index==0">
<img src="/images/listblue01.png" alt="">
</span>
@@ -119,6 +120,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
@@ -126,6 +128,7 @@
<p class="ranking-title">人气榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'case/detail?id='+item.id">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt="">
</span>
@@ -142,6 +145,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
@@ -255,6 +259,10 @@ export default {
clearInterval(this.setTimeCase);
},
methods: {
jumecase(item){
this.$router.push({ path: './Detail.vue', query: { id: item.id } });
},
couresreso(){
let key = 'case';
apiPlace.detail(key).then(res=>{
@@ -591,9 +599,9 @@ export default {
}
.ranking-title {
line-height: 34px;
font-size: 15px;
color: #333333;
// line-height: 34px;
// font-size: 15px;
// color: #333333;
.center-titlt{
font-size: 15px;
color: #333333;

4
src/views/portal/case/Index.vue
View File

@@ -123,6 +123,7 @@
<p class="ranking-title">好评榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id='+item.id">
<span class="portal-right-text blue-one" v-if="index==0">
<img src="/images/listblue01.png" alt="">
</span>
@@ -139,6 +140,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>
@@ -146,6 +148,7 @@
<p class="ranking-title">人气榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
<router-link :to="'/case/detail?id='+item.id">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt="">
</span>
@@ -162,6 +165,7 @@
<img src="/images/list05.png" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
</router-link>
</li>
</ul>
</div>

19
src/views/portal/course/Index.vue
View File

@@ -125,7 +125,8 @@
<div class="portal-ranking-list ranking-bg">
<div class="ranking-title">好评榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<li class="list-info" v-for="(item, index) in scorelist" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text blue-one" v-if="index==0">
<img src="/images/listblue01.png" alt="">
</span>
@@ -165,13 +166,15 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>
<div style="margin-top:26px" class="portal-ranking-list ranking-bg1">
<div class="ranking-title">人气榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/list-01.png" alt="">
</span>
@@ -211,6 +214,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>
@@ -218,6 +222,7 @@
<div class="ranking-title">热度榜</div>
<ul class="ranking-data">
<li class="list-info" v-for="(item, index) in hotList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text orange-one" v-if="index==0">
<img src="/images/listred01 .png" alt="">
</span>
@@ -256,6 +261,7 @@
<interactBar :type="1" :data="item" :couseViews="true" :shares="false" :views="false"></interactBar>
</div>
</div>
</a>
</li>
</ul>
</div>
@@ -917,15 +923,16 @@ export default {
}
.course-type{
position: absolute;
left: 0;
bottom: 26%;
right: 23.5%;
// bottom: 26%;
top:0;
height: 20;
line-height: 20px;
font-size: 12px;
color: #FFFFFF;
padding: 0px 8px;
background: #387DF7 ;
border-radius: 0px 12px 0px 0px;
background: #f99000 ;
border-radius: 0px 0px 0px 10px;
}
}
.list-text{

2
src/views/portal/qa/Index.vue
View File

@@ -83,7 +83,7 @@
<div class="portal-ranking ranking-bg">
<p class="ranking-title">贡献榜</p>
<ul class="ranking-data">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<li v-for="(item, index) in ankingList" :key="index" style="margin-top:30px;line-height: 22px;cursor: pointer;">
<span class="portal-right-text orange-one" v-if="index==0" style="margin-right:94px">
<img src="/images/listblue01.png" alt="">
</span>