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