|
@@ -61,7 +61,8 @@
|
|
</div>
|
|
</div>
|
|
<div class="body_student" v-loading="loading">
|
|
<div class="body_student" v-loading="loading">
|
|
<div class="typeCheck">
|
|
<div class="typeCheck">
|
|
- <el-switch v-model="typeCheck"></el-switch><span>分类显示</span>
|
|
|
|
|
|
+ <div><el-switch v-model="orderBy"></el-switch><span>按名字排序</span></div>
|
|
|
|
+ <div><el-switch v-model="typeCheck"></el-switch><span>分类显示</span></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<div class="main_box">
|
|
<div class="main_box">
|
|
@@ -261,6 +262,7 @@ export default {
|
|
typeE: [],
|
|
typeE: [],
|
|
loading: "",
|
|
loading: "",
|
|
typeCheck: false,
|
|
typeCheck: false,
|
|
|
|
+ orderBy: false,
|
|
CourseType3: [],
|
|
CourseType3: [],
|
|
pTypeCheck:[],
|
|
pTypeCheck:[],
|
|
pTypeCheckName: [],
|
|
pTypeCheckName: [],
|
|
@@ -275,7 +277,16 @@ export default {
|
|
this.page = 1
|
|
this.page = 1
|
|
this.selectAll2()
|
|
this.selectAll2()
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ orderBy(newValue, oldValue) {
|
|
|
|
+ this.loading = true
|
|
|
|
+ if (this.typeCheck) {
|
|
|
|
+ this.selectAll()
|
|
|
|
+ } else {
|
|
|
|
+ this.page = 1
|
|
|
|
+ this.selectAll2()
|
|
|
|
+ }
|
|
|
|
+ },
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
search(){
|
|
search(){
|
|
@@ -543,9 +554,10 @@ export default {
|
|
classid: this.classId,
|
|
classid: this.classId,
|
|
org: this.org,
|
|
org: this.org,
|
|
page: this.page,
|
|
page: this.page,
|
|
|
|
+ orderBy: this.orderBy ? '2' : '1'
|
|
};
|
|
};
|
|
this.ajax
|
|
this.ajax
|
|
- .get(this.$store.state.api + "selectTypeCourse2Mode", params)
|
|
|
|
|
|
+ .get(this.$store.state.api + "selectTypeCourse2Mode2", params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
this.isListAjax = false;
|
|
this.isListAjax = false;
|
|
@@ -619,10 +631,11 @@ export default {
|
|
classid: this.classId,
|
|
classid: this.classId,
|
|
org: this.org,
|
|
org: this.org,
|
|
page: this.page,
|
|
page: this.page,
|
|
- pageSize:this.pageSize
|
|
|
|
|
|
+ pageSize:this.pageSize,
|
|
|
|
+ orderBy: this.orderBy ? '2' : '1'
|
|
};
|
|
};
|
|
this.ajax
|
|
this.ajax
|
|
- .get(this.$store.state.api + "selectTypeCourse2", params)
|
|
|
|
|
|
+ .get(this.$store.state.api + "selectTypeCourse22", params)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
this.isListAjax = false;
|
|
this.isListAjax = false;
|
|
@@ -1267,6 +1280,10 @@ export default {
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.typeCheck > div + div{
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+}
|
|
|
|
+
|
|
.typeCheck {
|
|
.typeCheck {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -1274,7 +1291,13 @@ export default {
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
|
|
-.typeCheck>span {
|
|
|
|
|
|
+.typeCheck > div{
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.typeCheck > div >span {
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
|