|
@@ -57,6 +57,7 @@
|
|
|
</div>
|
|
|
<input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" @input="getCourse()" />
|
|
|
</div>
|
|
|
+ <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">重置</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
@@ -87,27 +88,27 @@
|
|
|
<div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
|
|
|
@click="getCourse2(item.name, item.id, item1.id, 2)">
|
|
|
<div class="cName" :class="typea == item1.id || typeb == item1.id || typed == item1.id
|
|
|
- ? 'isCType'
|
|
|
- : ''
|
|
|
+ ? 'isCType'
|
|
|
+ : ''
|
|
|
">
|
|
|
{{ item1.name }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="all_choose" v-if="role == '1'">
|
|
|
+ <div class="all_choose" v-if="role == '1'">
|
|
|
<span><span>所有者</span></span>
|
|
|
<div class="typeCss">
|
|
|
- <div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4';search();">
|
|
|
+ <div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4'; search();">
|
|
|
全部
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2';search();">
|
|
|
+ <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
我的课程
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3';search();">
|
|
|
+ <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
协同课程
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1';search();">
|
|
|
+ <div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1'; search();">
|
|
|
他人课程
|
|
|
</div>
|
|
|
</div>
|
|
@@ -115,13 +116,13 @@
|
|
|
<div class="all_choose" v-else>
|
|
|
<span><span>所有者</span></span>
|
|
|
<div class="typeCss">
|
|
|
- <div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0';search();">
|
|
|
+ <div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0'; search();">
|
|
|
全部
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2';search();">
|
|
|
+ <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
|
|
|
我的课程
|
|
|
</div>
|
|
|
- <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3';search();">
|
|
|
+ <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
|
|
|
协同课程
|
|
|
</div>
|
|
|
</div>
|
|
@@ -179,10 +180,10 @@
|
|
|
<div class="xtCourse" v-else>协同课程</div>
|
|
|
<div class="tup">
|
|
|
<img :src="item.cover != null && item.cover != ''
|
|
|
- ? JSON.parse(item.cover).length > 0
|
|
|
- ? JSON.parse(item.cover)[0].url
|
|
|
- : mr
|
|
|
+ ? JSON.parse(item.cover).length > 0
|
|
|
+ ? JSON.parse(item.cover)[0].url
|
|
|
: mr
|
|
|
+ : mr
|
|
|
" alt />
|
|
|
</div>
|
|
|
<!-- <div class="bottom_box">
|
|
@@ -215,22 +216,22 @@
|
|
|
<div @click="get(item)">预览</div>
|
|
|
<!-- <div @click="jump(item.courseId)" v-else>评课</div> -->
|
|
|
<div v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
item.state == 1
|
|
|
" @click="goToCourse(item.courseId)">
|
|
|
修改
|
|
|
</div>
|
|
|
<div v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
item.state == 2
|
|
|
" @click="goToCourse2(item.courseId)">
|
|
|
修改
|
|
|
</div>
|
|
|
<div v-if="((item.userid == userid) ||
|
|
|
- (item.course_teacher &&
|
|
|
- item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
+ (item.course_teacher &&
|
|
|
+ item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
|
|
|
item.state == 3
|
|
|
" @click="goToCourse3(item.courseId)">
|
|
|
修改
|
|
@@ -296,10 +297,10 @@
|
|
|
<div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
|
|
|
<div class="tup">
|
|
|
<img :src="item.cover != null && item.cover != ''
|
|
|
- ? JSON.parse(item.cover).length > 0
|
|
|
- ? JSON.parse(item.cover)[0].url
|
|
|
- : mr
|
|
|
+ ? JSON.parse(item.cover).length > 0
|
|
|
+ ? JSON.parse(item.cover)[0].url
|
|
|
: mr
|
|
|
+ : mr
|
|
|
" alt />
|
|
|
</div>
|
|
|
<div class="bottom_box">
|
|
@@ -389,7 +390,7 @@ export default {
|
|
|
typed: "",
|
|
|
pTypeCheck: [],
|
|
|
pTypeCheckName: [],
|
|
|
- btnDisplay:false
|
|
|
+ btnDisplay: false
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -484,6 +485,19 @@ export default {
|
|
|
}
|
|
|
// this.$router.push(path);
|
|
|
},
|
|
|
+ reset() {
|
|
|
+ this.typeE = []
|
|
|
+ this.typea = ''
|
|
|
+ this.typeb = ''
|
|
|
+ this.typed = ''
|
|
|
+ this.courseName = ''
|
|
|
+ if (this.role == "1") {
|
|
|
+ this.groupA = "4";
|
|
|
+ } else {
|
|
|
+ this.groupA = "0";
|
|
|
+ }
|
|
|
+ this.getCourse();
|
|
|
+ },
|
|
|
goToCourse2(courseId) {
|
|
|
if (courseId) {
|
|
|
this.$router.push(
|
|
@@ -1146,10 +1160,12 @@ export default {
|
|
|
.out_box {
|
|
|
width: calc(100% / 4 - (15px * 3) / 4) !important;
|
|
|
}
|
|
|
- .out_box:nth-child(5n){
|
|
|
+
|
|
|
+ .out_box:nth-child(5n) {
|
|
|
margin-right: 15px !important;
|
|
|
}
|
|
|
- .out_box:nth-child(4n){
|
|
|
+
|
|
|
+ .out_box:nth-child(4n) {
|
|
|
margin-right: 0 !important;
|
|
|
}
|
|
|
}
|
|
@@ -1158,13 +1174,16 @@ export default {
|
|
|
.out_box {
|
|
|
width: calc(100% / 3 - (15px * 2) / 3) !important;
|
|
|
}
|
|
|
- .out_box:nth-child(5n){
|
|
|
+
|
|
|
+ .out_box:nth-child(5n) {
|
|
|
margin-right: 15px !important;
|
|
|
}
|
|
|
- .out_box:nth-child(4n){
|
|
|
+
|
|
|
+ .out_box:nth-child(4n) {
|
|
|
margin-right: 15px !important;
|
|
|
}
|
|
|
- .out_box:nth-child(3n){
|
|
|
+
|
|
|
+ .out_box:nth-child(3n) {
|
|
|
margin-right: 0 !important;
|
|
|
}
|
|
|
}
|
|
@@ -1420,7 +1439,7 @@ export default {
|
|
|
border: 1px solid #3681FC;
|
|
|
}
|
|
|
|
|
|
-.out_box:nth-child(5n){
|
|
|
+.out_box:nth-child(5n) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
|
|
@@ -1445,7 +1464,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
-.bottom_box>div:nth-child(1) >span:nth-child(1){
|
|
|
+.bottom_box>div:nth-child(1)>span:nth-child(1) {
|
|
|
max-width: 100%;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
@@ -1453,10 +1472,10 @@ export default {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
-.bottom_box>div:nth-child(1) >span:nth-child(2){
|
|
|
- min-width:fit-content;
|
|
|
- font-size:14px;
|
|
|
- color:#8c8c8c;
|
|
|
+.bottom_box>div:nth-child(1)>span:nth-child(2) {
|
|
|
+ min-width: fit-content;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
}
|
|
|
|
|
|
.tup {
|
|
@@ -1746,9 +1765,11 @@ export default {
|
|
|
color: #205cc6;
|
|
|
/* font-size: 20px; */
|
|
|
}
|
|
|
-.reTop .reTopCh{
|
|
|
+
|
|
|
+.reTop .reTopCh {
|
|
|
display: flex;
|
|
|
}
|
|
|
+
|
|
|
.reTop .searchI {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
@@ -1809,17 +1830,20 @@ export default {
|
|
|
margin: 2px 0;
|
|
|
width: 100%;
|
|
|
}
|
|
|
-.all_choose>span{
|
|
|
+
|
|
|
+.all_choose>span {
|
|
|
display: flex;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
+
|
|
|
.all_choose>span>span {
|
|
|
min-width: 65px;
|
|
|
max-width: 65px;
|
|
|
display: block;
|
|
|
text-align-last: justify;
|
|
|
}
|
|
|
-.all_choose>span::after{
|
|
|
+
|
|
|
+.all_choose>span::after {
|
|
|
content: ':';
|
|
|
}
|
|
|
|
|
@@ -1881,7 +1905,7 @@ export default {
|
|
|
box-shadow: none !important;
|
|
|
}
|
|
|
|
|
|
-.buttonBox{
|
|
|
+.buttonBox {
|
|
|
position: absolute;
|
|
|
bottom: -0;
|
|
|
transform: translateY(100%);
|
|
@@ -1891,7 +1915,7 @@ export default {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
-.buttonBox > div{
|
|
|
+.buttonBox>div {
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
width: 100%;
|
|
@@ -1900,11 +1924,10 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
-.buttonBox > div + div{
|
|
|
+.buttonBox>div+div {
|
|
|
border-top: 1px solid #e0e0e0;
|
|
|
}
|
|
|
|
|
|
-.buttonBox > div:hover{
|
|
|
+.buttonBox>div:hover {
|
|
|
background: #f6f8ff;
|
|
|
-}
|
|
|
-</style>
|
|
|
+}</style>
|