1111

src/pages/stuMan/ClassEliminationStatistics.vue

@@ -3,7 +3,7 @@
     <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()" clearable filterable >
+          @change="refreshPage()" clearable filterable>
           <el-option v-for="item in TeacherList" :key="item.Id" :label="item.EmployeeName" :value="item.Id">
           </el-option>
           <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
@@ -13,7 +13,7 @@
       </div>
       <div class="col-2 flex">
         <el-select v-model="msg.CourseId" style="width: 100%" placeholder="课程" size="small" @change="refreshPage()"
-          clearable filterable >
+          clearable filterable>
           <el-option v-for="item in CourseList" :key="item.CourseId" :label="item.CourseName" :value="item.CourseId">
           </el-option>
           <div slot="prefix" class="full-height flex items-center" style="color: #000; padding-right: 10px">
@@ -32,7 +32,7 @@
         </el-select>
       </div>
     </div>
-    <cancelClassList :dataList="tableData" :MaxLength="MaxLength"></cancelClassList>
+    <consumptionCourseList :dataList="tableData" :MaxLength="MaxLength" :loading="loading"></consumptionCourseList>
   </div>
 </template>
 
@@ -49,13 +49,13 @@
     getCourseRate
   } from "../../api/course/index";
 
-  import cancelClassList from "./components/cancelClassList";
+  import consumptionCourseList from "./components/consumptionCourseList";
   export default {
     meta: {
       title: "学员消课统计",
     },
     components: {
-      cancelClassList
+      consumptionCourseList
     },
     data() {
       return {
@@ -89,7 +89,7 @@
       this.queryCourseRate();
     },
     mounted() {
-     // this.getPlanList();
+      // this.getPlanList();
     },
     methods: {
       refreshPage() {
@@ -97,7 +97,9 @@
       },
       // 获取校区教室导航列表
       getPlanList() {
+        this.loading=true;
         queryStuLearnChapterStatic(this.msg).then((res) => {
+          this.loading=false;
           if (res.Code == 1) {
             this.tableData = res.Data.list;
             this.MaxLength = res.Data.MaxLength;

src/pages/stuMan/components/cancelClassList.vue → src/pages/stuMan/components/consumptionCourseList.vue

@@ -29,7 +29,7 @@
         </div>
       </div>
     </div> -->
-    <table v-loading="loading">
+    <table v-loading="loading" style="width:100%;border-collapse: collapse;">
       <tr>
         <td class="cancelClassList-left">
           报名课程
@@ -81,25 +81,6 @@
           </template>
         </tr>
       </template>
-      <!-- <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>
@@ -162,13 +143,11 @@
         if (State == 1) {
           color = "green";
         } else if (State == 2) {
- color = "green";
-        }
-        else if (State == 3) {
- color = "green";
-        }
-        else if (State == 4) {
- 
+          color = "green";
+        } else if (State == 3) {
+          color = "green";
+        } else if (State == 4) {
+
         }
         return color;
       }
@@ -232,6 +211,7 @@
 
   .traineesName.activeOne {
     background: #F5AFAF;
+    
   }
 
   .cancelClassList-right-box {}