1111

src/pages/stuMan/ClassEliminationStatistics.vue

@@ -2,7 +2,8 @@
   <div class="page-body MainPlan xg">
     <div class="col row wrap q-col-gutter-md">
       <div class="col-2 flex">
-        <el-select v-model="msg.TeacherAccountId" style="width: 100%" placeholder="教师" size="small" @change="refreshPage()">
+        <el-select v-model="msg.TeacherAccountId" style="width: 100%" placeholder="教师" size="small"
+          @change="refreshPage()">
           <el-option v-for="item in TeacherList" :key="item.Id" :label="item.EmployeeName" :value="item.Id" clearable>
           </el-option>
           <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
@@ -31,7 +32,7 @@
         </el-select>
       </div>
     </div>
-    <cancelClassList :dataList="tableData"></cancelClassList>
+    <cancelClassList :dataList="tableData" :MaxLength="MaxLength"></cancelClassList>
   </div>
 </template>
 
@@ -69,6 +70,7 @@
         TeacherList: [], //教师团队
         CourseList: [], //课程列表
         CourseRateList: [], //课程等级
+        MaxLength: 0,
       };
     },
     created() {
@@ -97,7 +99,8 @@
       getPlanList() {
         queryStuLearnChapterStatic(this.msg).then((res) => {
           if (res.Code == 1) {
-            this.tableData = res.Data;
+            this.tableData = res.Data.list;
+            this.MaxLength = res.Data.MaxLength;
           }
         });
       },

src/pages/stuMan/components/cancelClassList.vue

 <template>
   <div class="page-cancelClassList-body">
-    <div class="fit row no-wrap items-start content-start">
+    <!-- <div class="fit row no-wrap items-start content-start">
       <div class="cancelClassList-left col-xl-1 col-lg-1 col-md-2 col-sm-3 col-xs-3">
         <div v-for="item in titleList" class="left-text">
           {{item.name}}
@@ -16,7 +16,6 @@
             <div class="content-title teacherName">老师名字</div>
             <div class="content-title traineesName activeOne">学员名字</div>
             <div class="right-content" v-for="item in 3">
-              <!-- <div class="content-single activeOne">语音1语音1语音1语音1</div> -->
               <div class="content-multiple fit row">
                 <div class="content-tetx activeOne">理解</div>
                 <div class="content-tetx activeTwo">活动2</div>
@@ -29,19 +28,56 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
+    <table>
+      <thead>
+        <tr>
+          <th>
+            课程名称
+          </th>
+          <th>
+            老师
+          </th>
+          <th>
+            学生
+          </th>
+        </tr>
+      </thead>
+      <tbody v-for="(item,index) in dataList" :key="index">
+        <tr>
+          <td>
+            {{item.CourseName}}
+          </td>
+          <td>
+            {{item.TeacherName}}
+          </td>
+          <td>
+            {{item.StuName}}
+          </td>
+          <template v-for="(subItem,subIndex) in item.ChapterList">
+            <td>
+                {{subItem.ChapterName}}
+            </td>
+          </template>
+        </tr>
+
+      </tbody>
+    </table>
   </div>
 </template>
 
 <script>
   export default {
     props: {
-
       dataList: {
         type: Array,
         default: null,
       },
-
+MaxLength:
+{
+type:Number,
+default:0,
+},
       loading: {
         type: Boolean,
         default: false,
@@ -90,7 +126,7 @@
 </script>
 <style lang="scss" scoped>
   .page-cancelClassList-body {
-    
+
     margin-top: 20px;
   }