合回msater

1

src/views/resetTeaming/components/archicesComponents/studentAndTeacher.vue

@@ -55,7 +55,7 @@
     </div>
     <p class="title">年级分布</p>
     <!-- <el-divider class="divider"></el-divider> -->
-    <descriptions :column="6" class="descriptions" v-if="grade.length >= 6">
+    <descriptions :column="4" class="descriptions" v-if="grade.length >= 4">
       <descriptions-item
         :label="gradeMap[item.key]"
         :key="index"
@@ -70,10 +70,10 @@
         </div>
       </descriptions-item>
     </descriptions>
-    <div v-else-if="grade.length > 0 && grade.length < 6" class="descriptions">
+    <div v-else-if="grade.length > 0 && grade.length < 4" class="descriptions">
       <div
         class="descriptionItem"
-        :style="`width:${100 / 6}%`"
+        :style="`width:${100 / 4}%`"
         :key="index"
         v-for="(item, index) in grade"
       >
@@ -302,13 +302,7 @@ export default {
     }
   }
 }
-.descriptions {
-  margin-bottom: 30px;
-  .col-value {
-    color: #14928a;
-    cursor: pointer;
-  }
-}
+
 .shapeWrap {
   display: flex;
   flex-direction: row;
@@ -326,8 +320,13 @@ export default {
   }
 }
 .descriptions {
+    margin-bottom: 30px;
   display: flex;
   flex-direction: row;
+    .col-value {
+    color: #14928a;
+    cursor: pointer;
+  }
   .descriptionItem {
     display: flex;
     flex-direction: row;