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

修改登录后跳转到首页

Browse Source
This commit is contained in:
daihh
2022-09-30 09:59:14 +08:00
parent 01105a425e
commit e01bc8b0d0
4 changed files with 80 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/assets/styles/portal.scss
View File

@@ -59,6 +59,50 @@ body {
color:#3d3d3d; color:#3d3d3d;
} }
} }
//门户页面右边
.xpage-right{
width: 410px;
}
.portal-right-box{
width: 410px;
border-radius: 8px;
padding: 30px;
}
.portal-model-btn{// 写文章，发课程等按钮
width: 100%;
height: 67px;
background: #DDEDFF;
border-radius: 8px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #387DF7;
line-height: 67px;
text-align: center;
margin-bottom: 22px;
}
.portal-ranking-box{
width: 344px;
// height: 544px;
// overflow-y: auto;
.course-index-list{
height: 410px;
overflow-y: auto;
}
.case-index-list{
height: 114px;
overflow-y: auto;
}
.anking-index-list{
height: 320px;
overflow-y: auto;
}
.qa-index-qa{
height: 64px;
overflow-y: auto;
}
}
@media screen and (max-width: 1366px){ @media screen and (max-width: 1366px){
.xcontent{ .xcontent{
@@ -71,6 +115,8 @@ body {
.course-index{ .course-index{
// width: 33.3333%; // width: 33.3333%;
} }
.portal-model-btn{width: 300px;}
.xpage-right{width: 300px;}
} }
@media screen and (max-width: 1680px) and (min-width:1367px){ @media screen and (max-width: 1680px) and (min-width:1367px){
@@ -88,6 +134,8 @@ body {
// width: 25%; // width: 25%;
// width: 33.3333%; // width: 33.3333%;
} }
.portal-model-btn{width: 410px;}
.xpage-right{width: 410px;}
} }
@media screen and (max-width: 1920px) and (min-width: 1681px){ @media screen and (max-width: 1920px) and (min-width: 1681px){
@@ -105,6 +153,8 @@ body {
// width: 20%; // width: 20%;
width: 33.3333%; width: 33.3333%;
} }
.portal-model-btn{width: 410px;}
.xpage-right{width: 410px;}
} }
@media screen and (min-width: 1921px){ @media screen and (min-width: 1921px){
@@ -120,5 +170,6 @@ body {
// width: 20%; // width: 20%;
// width: 33.3333%; // width: 33.3333%;
} }
.portal-model-btn{width: 410px;}
.xpage-right{width: 410px;}
} }

2
src/views/Loading.vue
View File

@@ -45,7 +45,7 @@
if(this.toUrl){ if(this.toUrl){
location.href=this.toUrl; location.href=this.toUrl;
}else{ }else{
this.$router.push({ path: "/study/index" }) this.$router.push({ path: "/index" })
} }
//this.$router.push({ path: "/index" }) //this.$router.push({ path: "/index" })
}else{ }else{

2
src/views/Login.vue
View File

@@ -108,7 +108,7 @@
this.$store.dispatch("portal/SetLoginRememberMe", rememberMeOjb) this.$store.dispatch("portal/SetLoginRememberMe", rememberMeOjb)
} }
//console.log(this.redirect,'this.redirect'); //console.log(this.redirect,'this.redirect');
this.$router.push({ path: this.redirect || "/study/index" }).catch(()=>{ this.$router.push({ path: this.redirect || "/index" }).catch(()=>{
$this.loading = false; $this.loading = false;
}); });
}else{ }else{

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

@@ -3,22 +3,17 @@
<div class="course-banner"> <div class="course-banner">
<portal-header current="course" @emitInput="emitInput"></portal-header> <portal-header current="course" @emitInput="emitInput"></portal-header>
</div> </div>
<!-- <div class="course-input">
<el-input class="course-value" v-model.trim="course.keyword" maxlength="20" @input="inputOn($event)" clearable placeholder="请输入关键词搜索"><el-button slot="append" icon="el-icon-search" @click="searchData()" class="course-btn"></el-button></el-input>
</div> -->
<div class="xcontent portal-content"> <div class="xcontent portal-content">
<div class="xrow" style="display: flex;justify-content: space-between;"> <div class="xrow" style="display: flex;justify-content: space-between;">
<div style="flex: 1;margin-right:0px" class="xcol content-div"> <div style="flex: 1;margin-right:0px" class="xcol content-div">
<el-row class="search-div" style="margin-right:36px"> <div class="search-div" style="margin-right:36px">
<div class="searchbar" v-if="searchTags.length > 0"> <div class="searchbar" v-if="searchTags.length > 0">
<div style="line-height: 30px;"> <div style="line-height: 30px;">
<span class="item-title"> 搜索条件</span> <span class="item-title"> 搜索条件</span>
<el-tag closable v-for="(tag, tagIdx) in searchTags" :key="tagIdx" @close="tagsClose(tag,tagIdx)">{{ tag.name }}</el-tag> <el-tag closable v-for="(tag, tagIdx) in searchTags" :key="tagIdx" @close="tagsClose(tag,tagIdx)">{{ tag.name }}</el-tag>
</div> </div>
</div> </div>
<el-row class="search-item"> <div class="search-item">
<el-col :span="24">
<div style="margin-top:10px; display: flex;"> <div style="margin-top:10px; display: flex;">
<div style="line-height: 25px;padding-right: 10px;"> <div style="line-height: 25px;padding-right: 10px;">
<span class="item-title" style="padding-right: 5px;">授课方式:</span> <span class="item-title" style="padding-right: 5px;">授课方式:</span>
@@ -33,8 +28,7 @@
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
</el-col> </div>
</el-row>
<div :class="queryExpand ? 'search-div-expand' : 'search-div-collapse'"> <div :class="queryExpand ? 'search-div-expand' : 'search-div-collapse'">
<el-row class="search-item"> <el-row class="search-item">
<el-col :span="24"> <el-col :span="24">
@@ -69,30 +63,30 @@
<el-radio-button v-for="item in types.towSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button> <el-radio-button v-for="item in types.towSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button>
</el-radio-group> </el-radio-group>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-row> </div>
<el-row class="order-div" v-if="listType == 1"> <div class="order-div" v-if="listType == 1">
<span class="quyer-tag"> <span class="quyer-tag">
<el-button type="text" class="order-class" @click="orderChange('studys')" :class="{ actice: course.orderField == 'studys' }">最热</el-button> <el-button type="text" class="order-class" @click="orderChange('studys')" :class="{ actice: course.orderField == 'studys' }">最热</el-button>
<el-button type="text" class="order-class" @click="orderChange('publishTime')" :class="{ actice: course.orderField == 'publishTime' }">最新</el-button> <el-button type="text" class="order-class" @click="orderChange('publishTime')" :class="{ actice: course.orderField == 'publishTime' }">最新</el-button>
</span> </span>
</el-row> </div>
<div class="xrow data-content" v-if="listType == 1"> <div class="xrow data-content" v-if="listType == 1">
<div class="xrow-course course-index" v-for="(cinfo,cidx) in courseList" :key="cinfo.id" v-if="(courseList.length<=course.pageSize) || (cidx<parseInt(courseList.length/columns)*columns)"> <div class="xrow-course course-index" v-for="(cinfo,cidx) in courseList" :key="cinfo.id" v-if="(courseList.length<=course.pageSize) || (cidx<parseInt(courseList.length/columns)*columns)">
<div class="course-card"> <div class="course-card">
<a :href="toCourseDetail(cinfo)"> <a :href="toCourseDetail(cinfo)">
<div class="course-image-box" style="height:196px"> <div class="course-image-box" style="height:196px">
<course-image height="196px" :course="cinfo"></course-image> <course-image height="196px" :course="cinfo"></course-image>
</div> </div>
<div :title="cinfo.title" class="course-title two-line-ellipsis" v-html="cinfo.name"> <div :title="cinfo.title" class="course-title two-line-ellipsis" v-html="cinfo.name">
</div> </div>
<div class="course-author"> <div class="course-author">
<div class="course-author-left"> <div class="course-author-left">
<span v-if="cinfo.teacher">{{cinfo.teacher=='BOE教师'? '':cinfo.teacher}}</span> <span v-if="cinfo.teacher">{{cinfo.teacher=='BOE教师'? '':cinfo.teacher}}</span>
<span class="study-num">{{cinfo.studies}}人学习</span> <span class="study-num">{{cinfo.studies}}人学习</span>
</div> </div>
<div style="display:flex"> <div style="display:flex">
@@ -101,8 +95,9 @@
<div v-if="cinfo.score"> <div v-if="cinfo.score">
<span class="course-score-value">{{toScore(cinfo.score)}}分</span> <span class="course-score-value">{{toScore(cinfo.score)}}分</span>
</div> </div>
<div v-else class="course-score-no">未评分</div></div> <div v-else class="course-score-no">未评分</div>
</div> </div>
</div>
</div> </div>
</a> </a>
</div> </div>
@@ -115,16 +110,14 @@
<span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span> <span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span>
</div> </div>
</div> </div>
<div style="width: 410px;"> <div class="xpage-right">
<div>
<div id="fixd-box"> <div id="fixd-box">
<div v-if="identity == 2 || identity == 3 || identity == 5"> <div v-if="identity == 2 || identity == 3 || identity == 5">
<!-- <el-button style="width: 100%;margin-bottom:15px;height: 37px;border-radius: 0;" type="primary" @click="toNeedCourse">做课程</el-button> --> <div class="portal-model-btn pointer" @click="toNeedCourse">
<div class="portal-model-btn pointer" @click="toNeedCourse"> <svg-icon style="margin-right: 10px;font-size: 24px;" icon-class="upCourse"></svg-icon>
<svg-icon style="margin-right: 10px;font-size: 24px;" icon-class="upCourse"></svg-icon> 上传课程
上传课程 </div>
</div> </div>
</div>
<div class="ranking-card portal-right-box list-bg"> <div class="ranking-card portal-right-box list-bg">
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p> <p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
<ul> <ul>
@@ -265,7 +258,6 @@
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -428,7 +420,7 @@ export default {
this.searchterm(); this.searchterm();
this.couresreso(); this.couresreso();
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener("scroll", this.handleScroll); window.removeEventListener("scroll", this.handleScroll);
@@ -438,7 +430,7 @@ export default {
let key = 'course'; let key = 'course';
apiPlace.detail(key).then(res=>{ apiPlace.detail(key).then(res=>{
console.log(res) console.log(res)
let lmj = JSON.parse(res.result.content) let lmj = JSON.parse(res.result.content)
// console.log(lmj) // console.log(lmj)
this.resonimg = lmj[0] this.resonimg = lmj[0]
console.log(this.resonimg.image) console.log(this.resonimg.image)
@@ -844,7 +836,7 @@ export default {
.course-resources{ .course-resources{
width: 410px; width: 410px;
margin-top: 24px; margin-top: 24px;
img{ img{
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -863,7 +855,7 @@ export default {
left: -35px; left: -35px;
width: 420px !important; width: 420px !important;
height: 236px !important; height: 236px !important;
} }
.list-active{ .list-active{
@@ -1261,9 +1253,9 @@ export default {
height: 50px; height: 50px;
} }
.content-div { .content-div {
.quyer-tag { .quyer-tag {
// margin-left: 10px; // margin-left: 10px;
.order-class { .order-class {
margin: 30px 0; margin: 30px 0;