| 
					
				 | 
			
			
				@@ -12,8 +12,24 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <p class="title">声部分布</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-divider class="divider"></el-divider> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <el-divider class="divider"></el-divider> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <descriptions :column="4" class="descriptions"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <descriptions-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :label="item.key" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-for="(item, index) in subject" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-if="item.value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="col-value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="getSoundInfo(item.courseScheduleId)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          {{ item.value }}人 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </descriptions-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </descriptions> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-row class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           class="col" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -27,18 +43,24 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <p class="title">年级分布</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-divider class="divider"></el-divider> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-row class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-col class="col" :span="6" v-for="(item, index) in grade" :key="index"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span class="col-title">{{ gradeMap[item.key] }}:</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span class="col-value" @click="getGradeInfo(String(item.key))" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          >{{ item.value }}人</span 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <el-divider class="divider"></el-divider> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <descriptions :column="6" class="descriptions"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <descriptions-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :label="gradeMap[item.key]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-for="(item, index) in grade" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-if="item.value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="col-value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="getGradeInfo(String(item.key))" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          {{ item.value }}人 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </descriptions-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </descriptions> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-alert :closable="false" class="alert marginBtm22" type="info"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <template slot="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <div class="shapeWrap"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -55,17 +77,30 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </el-alert> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <el-row class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <descriptions :column="4" class="descriptions"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <descriptions-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :label="item.key" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-for="(item, index) in teacher" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div v-if="item.value" @click="getSoundInfo(item.courseScheduleId)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <overflow-text :text="item.value || ''"></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </descriptions-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </descriptions> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <el-row class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         class="col" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :span="6" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         v-for="(item, index) in teacher" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span class="col-title">{{ item.key }}:</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span>{{ item.value }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <span class="col-title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <overflow-text :text="item.key || ''"></overflow-text>:</span 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <span>:</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-row> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <!-- studentMaster --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <el-dialog 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       width="1200px" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -133,19 +168,32 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.subject = res.data.subject; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.subject.length > 0 && this.subject.length < 4) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 样式丑 至少对齐一排 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        for (let i = 0; i <= 4 - this.subject.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.subject.push({ key: null, value: null }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.teacher = res.data.teacher; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.teacher.length > 0 && this.teacher.length < 4) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 样式丑 至少对齐一排 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        for (let i = 0; i <= 4 - this.subject.length; i++) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.teacher.push({ key: null, value: null }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } catch (e) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       console.log(e); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     getSoundInfo(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.$set(this,'searchForm',{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$set(this, "searchForm", { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         search: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         subjectId: val, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         currentGradeNum: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         isBuyInstrumentsInsurance: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // this.searchForm = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   search: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   subjectId: val, 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -156,12 +204,12 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.studentVisible = true; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     getGradeInfo(val) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.$set(this,'searchForm',{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$set(this, "searchForm", { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         search: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         subjectId: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        currentGradeNum:val, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        currentGradeNum: val, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         isBuyInstrumentsInsurance: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       // this.searchForm = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   search: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       //   subjectId: "", 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -204,6 +252,13 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.descriptions { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin-bottom: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .col-value { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #14928a; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 .shapeWrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   flex-direction: row; 
			 |