|
@@ -4,12 +4,12 @@
|
|
<div class="cardBox">
|
|
<div class="cardBox">
|
|
<card v-for="item in cardArray" :key="item.title" :title="item.title" :icon="item.icon" :to="item.to" :type="item.type"></card>
|
|
<card v-for="item in cardArray" :key="item.title" :title="item.title" :icon="item.icon" :to="item.to" :type="item.type"></card>
|
|
</div>
|
|
</div>
|
|
- <div class="courseList" v-loading="isLoading">
|
|
|
|
|
|
+ <div class="courseList" v-loading="isLoading">
|
|
<div class="courseListTit">精品课程</div>
|
|
<div class="courseListTit">精品课程</div>
|
|
<div class="courseListSearch">
|
|
<div class="courseListSearch">
|
|
<div style="display: flex;gap: 25px;">
|
|
<div style="display: flex;gap: 25px;">
|
|
- <el-select v-for="(i,index) in typeList" :key="index" v-model="i.typeE" @change="search" :placeholder="i.name">
|
|
|
|
- <el-option value="0" label="全部"></el-option>
|
|
|
|
|
|
+ <el-select v-for="(i,index) in typeList" clearable :key="index" v-model="i.typeE" @change="search" :placeholder="i.name">
|
|
|
|
+ <el-option :value="false" label="全部"></el-option>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in i.child"
|
|
v-for="item in i.child"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -66,6 +66,10 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="moreL" @click="lookMore">
|
|
|
|
+ <div>查看更多</div>
|
|
|
|
+ <img style="margin-top: 1px;" src="../../../assets/icon/liyuan/arrow-up.svg" alt="">
|
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -84,6 +88,7 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ betaL:'beta',
|
|
typeList:[],
|
|
typeList:[],
|
|
CourseType:[],
|
|
CourseType:[],
|
|
CourseTypeJson:[],
|
|
CourseTypeJson:[],
|
|
@@ -98,7 +103,7 @@ export default {
|
|
userid:this.$route.query["userid"],
|
|
userid:this.$route.query["userid"],
|
|
role:this.$route.query["role"],
|
|
role:this.$route.query["role"],
|
|
page:1,
|
|
page:1,
|
|
- pageSize:20,
|
|
|
|
|
|
+ pageSize:8,
|
|
cardArray: [
|
|
cardArray: [
|
|
{ title: '课程管理', icon: require('../../../assets/icon/liyuan/niandukaohe.svg'), type: 1, to: "/course" },
|
|
{ title: '课程管理', icon: require('../../../assets/icon/liyuan/niandukaohe.svg'), type: 1, to: "/course" },
|
|
{ title: '课程中心', icon: require('../../../assets/icon/liyuan/gerendangan.svg'), type: 4, to: `/pbl-student-table/dist/#/index?userid=${this.$route.query.userid}&oid=${this.$route.query.oid}&org=${this.$route.query.org}&tType=${this.$route.query.tType}&cid=&screenType=3&gotype=1` },
|
|
{ title: '课程中心', icon: require('../../../assets/icon/liyuan/gerendangan.svg'), type: 4, to: `/pbl-student-table/dist/#/index?userid=${this.$route.query.userid}&oid=${this.$route.query.oid}&org=${this.$route.query.org}&tType=${this.$route.query.tType}&cid=&screenType=3&gotype=1` },
|
|
@@ -109,7 +114,7 @@ export default {
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- methods:{
|
|
|
|
|
|
+ methods:{
|
|
search() {
|
|
search() {
|
|
console.log('6666');
|
|
console.log('6666');
|
|
this.isLoading = true;
|
|
this.isLoading = true;
|
|
@@ -117,6 +122,13 @@ export default {
|
|
this.page = 1;
|
|
this.page = 1;
|
|
this.getCourse();
|
|
this.getCourse();
|
|
},
|
|
},
|
|
|
|
+ lookMore(){
|
|
|
|
+ sessionStorage.setItem('gotype', this.$route.path);
|
|
|
|
+ let to = `/pbl-student-table/dist/#/index?userid=${this.$route.query.userid}&oid=${this.$route.query.oid}&org=${this.$route.query.org}&role=${this.$route.query.role}&tType=${this.$route.query.tType}&cid=&screenType=3&gotype=1`
|
|
|
|
+ let con = this.betaL =='beta'? 'https://beta.pbl.cocorobo.cn' : 'https://pbl.cocorobo.cn'
|
|
|
|
+ console.log( `${con}${to}`);
|
|
|
|
+ window.location.href = `${con}${to}`;
|
|
|
|
+ },
|
|
selectAllType() {
|
|
selectAllType() {
|
|
let params = {
|
|
let params = {
|
|
org: this.org && this.org != "" ? this.org : "",
|
|
org: this.org && this.org != "" ? this.org : "",
|
|
@@ -217,7 +229,7 @@ export default {
|
|
console.log('params',params);
|
|
console.log('params',params);
|
|
|
|
|
|
this.ajax
|
|
this.ajax
|
|
- .get(this.$store.state.api + "selectCourseNew2", params)
|
|
|
|
|
|
+ .get(this.$store.state.api + "selectCourseNew2Liyuan", params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
// this.loading.close();
|
|
// this.loading.close();
|
|
// this.loading = "";
|
|
// this.loading = "";
|
|
@@ -285,6 +297,7 @@ export default {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
mounted(){
|
|
mounted(){
|
|
|
|
+ this.betaL = window.location.href.includes("beta") ? "beta" : "cloud"
|
|
this.selectAllType()
|
|
this.selectAllType()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -346,13 +359,12 @@ export default {
|
|
background: #E7E7E7;
|
|
background: #E7E7E7;
|
|
}
|
|
}
|
|
.courseDataL{
|
|
.courseDataL{
|
|
- display: flex;
|
|
|
|
-
|
|
|
|
|
|
+ display: grid;
|
|
|
|
+ grid-template-columns: repeat(4, 1fr);
|
|
gap: 20px;
|
|
gap: 20px;
|
|
}
|
|
}
|
|
.Conblock{
|
|
.Conblock{
|
|
display: flex;
|
|
display: flex;
|
|
- width: 300px;
|
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 15px;
|
|
gap: 15px;
|
|
background: #fff;
|
|
background: #fff;
|
|
@@ -385,7 +397,6 @@ export default {
|
|
border: 1px solid #000000;
|
|
border: 1px solid #000000;
|
|
width: 68;
|
|
width: 68;
|
|
height: 28;
|
|
height: 28;
|
|
- angle: 0 deg;
|
|
|
|
opacity: 1;
|
|
opacity: 1;
|
|
gap: 10px;
|
|
gap: 10px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
@@ -396,4 +407,13 @@ export default {
|
|
padding-left: 20px;
|
|
padding-left: 20px;
|
|
border-width: 1px;
|
|
border-width: 1px;
|
|
}
|
|
}
|
|
|
|
+.moreL{
|
|
|
|
+ font-family: PingFang HK;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ color: #969BA3;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|