|
@@ -17,7 +17,7 @@
|
|
<div class="search" @click="search">
|
|
<div class="search" @click="search">
|
|
<img src="../../assets/icon/search.png" alt="" />
|
|
<img src="../../assets/icon/search.png" alt="" />
|
|
</div>
|
|
</div>
|
|
- <input class="sInput" type="text" placeholder="请输入关键字" v-model="sCourse" @keyup.enter="search"/>
|
|
|
|
|
|
+ <input class="sInput" type="text" placeholder="请输入关键字" v-model="sCourse" @keyup.enter="search" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="choose">
|
|
<div class="choose">
|
|
@@ -31,11 +31,10 @@
|
|
</div>
|
|
</div>
|
|
<div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
<div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
@click="getCourse(item.name, item.id, item1.id, 2)">
|
|
@click="getCourse(item.name, item.id, item1.id, 2)">
|
|
- <div class="cName" :class="
|
|
|
|
- typea == item1.id || typeb == item1.id || typec == item1.id
|
|
|
|
|
|
+ <div class="cName" :class="typea == item1.id || typeb == item1.id || typec == item1.id
|
|
? 'isCType'
|
|
? 'isCType'
|
|
: ''
|
|
: ''
|
|
- ">
|
|
|
|
|
|
+ ">
|
|
{{ item1.name }}
|
|
{{ item1.name }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -51,31 +50,30 @@
|
|
<div class="main_box" v-loading="loading">
|
|
<div class="main_box" v-loading="loading">
|
|
<div style="display:flex;flex-wrap:wrap" v-if="!typeCheck">
|
|
<div style="display:flex;flex-wrap:wrap" v-if="!typeCheck">
|
|
<div class="box_course" v-for="(item, index) in zoneClass" :key="index" @click="
|
|
<div class="box_course" v-for="(item, index) in zoneClass" :key="index" @click="
|
|
- goTo(
|
|
|
|
- '/coursedetailStudio?courseId=' +
|
|
|
|
- item.courseId +
|
|
|
|
- '&userid=' +
|
|
|
|
- userid +
|
|
|
|
- '&oid=' +
|
|
|
|
- oid +
|
|
|
|
- '&org=' +
|
|
|
|
- org +
|
|
|
|
- '&cid=' +
|
|
|
|
- classId +
|
|
|
|
- '&tType=' +
|
|
|
|
- tType +
|
|
|
|
- '&role=' +
|
|
|
|
- role +
|
|
|
|
- '&screenType=' +
|
|
|
|
- screenType
|
|
|
|
- )
|
|
|
|
|
|
+ goTo(
|
|
|
|
+ '/coursedetailStudio?courseId=' +
|
|
|
|
+ item.courseId +
|
|
|
|
+ '&userid=' +
|
|
|
|
+ userid +
|
|
|
|
+ '&oid=' +
|
|
|
|
+ oid +
|
|
|
|
+ '&org=' +
|
|
|
|
+ org +
|
|
|
|
+ '&cid=' +
|
|
|
|
+ classId +
|
|
|
|
+ '&tType=' +
|
|
|
|
+ tType +
|
|
|
|
+ '&role=' +
|
|
|
|
+ role +
|
|
|
|
+ '&screenType=' +
|
|
|
|
+ screenType
|
|
|
|
+ )
|
|
">
|
|
">
|
|
<div class="wheel">
|
|
<div class="wheel">
|
|
- <img :src="
|
|
|
|
- item.cover
|
|
|
|
|
|
+ <img :src="item.cover
|
|
? JSON.parse(item.cover)[0].url
|
|
? JSON.parse(item.cover)[0].url
|
|
: require('../../assets/wheel.png')
|
|
: require('../../assets/wheel.png')
|
|
- " alt="" />
|
|
|
|
|
|
+ " alt="" />
|
|
</div>
|
|
</div>
|
|
<div class="middle_white">
|
|
<div class="middle_white">
|
|
<div class="textOverflow">{{ item.title }}</div>
|
|
<div class="textOverflow">{{ item.title }}</div>
|
|
@@ -114,7 +112,7 @@
|
|
'&screenType=' +
|
|
'&screenType=' +
|
|
screenType
|
|
screenType
|
|
)
|
|
)
|
|
- ">
|
|
|
|
|
|
+ ">
|
|
立即学习
|
|
立即学习
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -124,31 +122,30 @@
|
|
<div class="title">{{ type.name }}</div>
|
|
<div class="title">{{ type.name }}</div>
|
|
<div style="display: flex;flex-flow: wrap;margin-top: 20px;">
|
|
<div style="display: flex;flex-flow: wrap;margin-top: 20px;">
|
|
<div class="box_course" v-for="(item, index) in type.course" :key="tindex + '-' + index" @click="
|
|
<div class="box_course" v-for="(item, index) in type.course" :key="tindex + '-' + index" @click="
|
|
- goTo(
|
|
|
|
- '/coursedetailStudio?courseId=' +
|
|
|
|
- item.courseId +
|
|
|
|
- '&userid=' +
|
|
|
|
- userid +
|
|
|
|
- '&oid=' +
|
|
|
|
- oid +
|
|
|
|
- '&org=' +
|
|
|
|
- org +
|
|
|
|
- '&cid=' +
|
|
|
|
- classId +
|
|
|
|
- '&tType=' +
|
|
|
|
- tType +
|
|
|
|
- '&role=' +
|
|
|
|
- role +
|
|
|
|
- '&screenType=' +
|
|
|
|
- screenType
|
|
|
|
- )
|
|
|
|
- ">
|
|
|
|
|
|
+ goTo(
|
|
|
|
+ '/coursedetailStudio?courseId=' +
|
|
|
|
+ item.courseId +
|
|
|
|
+ '&userid=' +
|
|
|
|
+ userid +
|
|
|
|
+ '&oid=' +
|
|
|
|
+ oid +
|
|
|
|
+ '&org=' +
|
|
|
|
+ org +
|
|
|
|
+ '&cid=' +
|
|
|
|
+ classId +
|
|
|
|
+ '&tType=' +
|
|
|
|
+ tType +
|
|
|
|
+ '&role=' +
|
|
|
|
+ role +
|
|
|
|
+ '&screenType=' +
|
|
|
|
+ screenType
|
|
|
|
+ )
|
|
|
|
+ ">
|
|
<div class="wheel">
|
|
<div class="wheel">
|
|
- <img :src="
|
|
|
|
- item.cover
|
|
|
|
|
|
+ <img :src="item.cover
|
|
? JSON.parse(item.cover)[0].url
|
|
? JSON.parse(item.cover)[0].url
|
|
: require('../../assets/wheel.png')
|
|
: require('../../assets/wheel.png')
|
|
- " alt="" />
|
|
|
|
|
|
+ " alt="" />
|
|
</div>
|
|
</div>
|
|
<div class="middle_white">
|
|
<div class="middle_white">
|
|
<div class="textOverflow">{{ item.title }}</div>
|
|
<div class="textOverflow">{{ item.title }}</div>
|
|
@@ -187,7 +184,7 @@
|
|
'&screenType=' +
|
|
'&screenType=' +
|
|
screenType
|
|
screenType
|
|
)
|
|
)
|
|
- ">
|
|
|
|
|
|
+ ">
|
|
立即学习
|
|
立即学习
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -240,25 +237,25 @@ export default {
|
|
typef: "",
|
|
typef: "",
|
|
typeE: [],
|
|
typeE: [],
|
|
loading: "",
|
|
loading: "",
|
|
- typeCheck:false,
|
|
|
|
|
|
+ typeCheck: false,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
typeCheck(newValue, oldValue) {
|
|
typeCheck(newValue, oldValue) {
|
|
this.loading = true
|
|
this.loading = true
|
|
- if(newValue){
|
|
|
|
|
|
+ if (newValue) {
|
|
this.selectAll()
|
|
this.selectAll()
|
|
- }else{
|
|
|
|
|
|
+ } else {
|
|
this.page = 1
|
|
this.page = 1
|
|
this.selectAll2()
|
|
this.selectAll2()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- search(){
|
|
|
|
- if(this.typeCheck){
|
|
|
|
|
|
+ search() {
|
|
|
|
+ if (this.typeCheck) {
|
|
this.selectAll()
|
|
this.selectAll()
|
|
- }else{
|
|
|
|
|
|
+ } else {
|
|
this.page = 1
|
|
this.page = 1
|
|
this.selectAll2()
|
|
this.selectAll2()
|
|
}
|
|
}
|
|
@@ -1005,13 +1002,14 @@ export default {
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
|
|
-.typeCheck{
|
|
|
|
|
|
+.typeCheck {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
- /* margin-bottom: 20px; */
|
|
|
|
|
|
+ margin-bottom: 10px;
|
|
}
|
|
}
|
|
-.typeCheck>span{
|
|
|
|
|
|
+
|
|
|
|
+.typeCheck>span {
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|