|
@@ -51,8 +51,29 @@
|
|
|
<el-option value="1" label="下学期"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="班级类型">
|
|
|
+ <el-select
|
|
|
+ v-model.trim="searchForm.classType"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ @change="changeMixClass"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in musicClassTypeList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="课时状态">
|
|
|
+ <el-select v-model.trim="searchForm.isIng" clearable filterable>
|
|
|
+ <el-option label="未完成" :value="1"></el-option>
|
|
|
+ <el-option label="已完成" :value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</save-form>
|
|
|
- <div v-if="dataList.length >= 4">
|
|
|
+ <div v-if="tableList.length >= 4">
|
|
|
<!-- {{ item.name }}{{item.type | classType}}: -->
|
|
|
<!-- <el-row class="row">
|
|
|
<el-col
|
|
@@ -73,32 +94,29 @@
|
|
|
<descriptions-item
|
|
|
:label="item.name"
|
|
|
:key="index"
|
|
|
- v-for="(item, index) in dataList"
|
|
|
+ v-for="(item, index) in tableList"
|
|
|
>
|
|
|
- <div v-if="item.id">
|
|
|
- {{ item.currentClassTimes }}/{{ item.totalClassTimes }}课时
|
|
|
- </div>
|
|
|
-
|
|
|
+ <div v-if="item.id">
|
|
|
+ {{ item.currentClassTimes }}/{{ item.totalClassTimes }}课时
|
|
|
+ </div>
|
|
|
</descriptions-item>
|
|
|
</descriptions>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-else-if="dataList.length > 0 && dataList.length < 4"
|
|
|
+ <div
|
|
|
+ v-else-if="tableList.length > 0 && tableList.length < 4"
|
|
|
class="descriptions"
|
|
|
>
|
|
|
<div
|
|
|
class="descriptionItem"
|
|
|
:style="`width:${100 / 4}%`"
|
|
|
:key="index"
|
|
|
- v-for="(item, index) in dataList"
|
|
|
+ v-for="(item, index) in tableList"
|
|
|
>
|
|
|
<div class="descriptionItemLabel">
|
|
|
- {{item.name}}
|
|
|
+ {{ item.name }}
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="descriptionItemConcat"
|
|
|
- >
|
|
|
- {{ item.currentClassTimes }}/{{ item.totalClassTimes }}课时
|
|
|
+ <div class="descriptionItemConcat">
|
|
|
+ {{ item.currentClassTimes }}/{{ item.totalClassTimes }}课时
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -109,12 +127,16 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import { getPlanCourseNum } from "./api";
|
|
|
+import { musicClassTypeList } from "@/utils/searchArray";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ musicClassTypeList,
|
|
|
searchForm: {
|
|
|
year: "",
|
|
|
term: "",
|
|
|
+ classType: "",
|
|
|
+ isIng:''
|
|
|
},
|
|
|
dataList: [],
|
|
|
};
|
|
@@ -157,6 +179,35 @@ export default {
|
|
|
// console.log(this.dataList )
|
|
|
} catch (e) {}
|
|
|
},
|
|
|
+ changeMixClass(val) {},
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ tableList() {
|
|
|
+ let arr = [];
|
|
|
+ if (this.searchForm.classType) {
|
|
|
+ arr = this.dataList.filter((item) => {
|
|
|
+ return item.type == this.searchForm.classType;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ arr = this.dataList;
|
|
|
+ }
|
|
|
+ if(this.searchForm.isIng){
|
|
|
+ if(this.searchForm.isIng == 1){
|
|
|
+ //不相等
|
|
|
+ arr = arr.filter((item)=>{
|
|
|
+ return item.currentClassTimes !=item.totalClassTimes
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if(this.searchForm.isIng == 2){
|
|
|
+ //相等
|
|
|
+ arr = arr.filter((item)=>{
|
|
|
+ return item.currentClassTimes ==item.totalClassTimes
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 继续接着刚才搜索
|
|
|
+ return arr;
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -208,10 +259,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.descriptions {
|
|
|
- margin-bottom: 30px;
|
|
|
+ margin-bottom: 30px;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
- .col-value {
|
|
|
+ .col-value {
|
|
|
color: #14928a;
|
|
|
cursor: pointer;
|
|
|
}
|