|  | @@ -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;
 | 
	
		
			
				|  |  |    }
 |