班级列表增加统计字断

src/components/class/index.vue

@@ -32,13 +32,36 @@
         </el-form-item>
       </el-form>
     </div>
-    <div v-if="classList && classList.length > 0">
-      <el-form label-width="90px" inline>
-        <el-form-item label="期数">{{title.title}}</el-form-item>
-        <el-form-item label="开始时间">{{title.start_at}}</el-form-item>
-        <el-form-item label="结束时间">{{title.over_at}}</el-form-item>
-        <el-form-item label="可看课包数">{{title.watch_num }}</el-form-item>
-        <el-form-item label="已看课包数">{{title.has_watch_num }}</el-form-item>
+    <div v-if="classList && classList.length > 0" class="intro">
+      <el-form label-width="100px">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="期数名称">{{title.title}}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="可看课包数">{{title.watch_num }}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="已看课包数">{{title.has_watch_num }}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="开始时间">{{title.start_at}}</el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="老师数量">{{countObj.count_teacher_num}}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计学生总数">{{countObj.count_max_join_num}}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="班级学生总数">{{countObj.count_join_num}}</el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="结束时间">{{title.over_at}}</el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
     </div>
     <div v-if="!classList || classList.length === 0">
@@ -98,6 +121,7 @@
         teacher_id:'',
         classList:[],
         title:'',
+        countObj: '',
         teacherList:[],
         userObj:{
           classId:'',
@@ -188,6 +212,7 @@
         }
         getClassListApi(this.periods.id,json).then(res=>{
           this.title = res.periods;
+          this.countObj = res.count ? res.count : '';
           this.classList = res.list;
           this.total = res.total;
         })
@@ -239,4 +264,8 @@
   .class{
     padding: 20px 0;
   }
+  .intro .el-form-item{
+    margin-bottom: 0;
+  }
+
 </style>

src/components/periods/newDialog.vue

@@ -55,7 +55,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="周几不上课">
+          <el-form-item label="不上课日期">
             <el-select v-model="form.rest_week_day" multiple placeholder="请选择">
               <el-option
                 v-for="item in options"