11111

src/pages/stuMan/ClassEliminationStatistics.vue

@@ -3,8 +3,8 @@
     <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-option v-for="item in TeacherList" :key="item.Id" :label="item.EmployeeName" :value="item.Id" clearable>
+          @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>
+          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">
@@ -89,7 +89,7 @@
       this.queryCourseRate();
     },
     mounted() {
-      this.getPlanList();
+     // this.getPlanList();
     },
     methods: {
       refreshPage() {

src/pages/stuMan/components/cancelClassList.vue

@@ -29,52 +29,57 @@
         </div>
       </div>
     </div> -->
-    <table>
-
+    <table v-loading="loading">
       <tr>
-        <td>
+        <td class="cancelClassList-left">
           报名课程
         </td>
         <template v-for="(item,index) in dataList">
-          <td :key="index+400000">
+          <td :key="index+400000" class=" courseName">
             {{item.CourseName}}
           </td>
         </template>
       </tr>
       <tr>
-        <td>
+        <td class="cancelClassList-left">
           中教
         </td>
         <template v-for="(item,index) in dataList">
-          <td :key="index+500000">
+          <td :key="index+500000" class="teacherName">
             {{item.TeacherName}}
           </td>
         </template>
       </tr>
       <tr>
-        <td>
-          学员姓名
+        <td class="cancelClassList-left">
+          姓名
         </td>
         <template v-for="(item,index) in dataList">
-          <td :key="index+600000">
+          <td :key="index+600000" class="traineesName">
             {{item.StuName}}
           </td>
         </template>
       </tr>
       <template v-for="(rItem,rIndex) in MaxLength ">
         <tr :key="rIndex">
-          <td>
+          <td class="cancelClassList-left">
             {{rIndex+1}}
           </td>
           <template v-for="(item,index) in dataList">
-            <td :key="index">
-              <template v-if="item.ChapterList&&item.ChapterList[rIndex]">
-                {{item.ChapterList[rIndex].ChapterName}}
-              </template>
-            </td>
+            <template v-if="item.ChapterList&&item.ChapterList[rIndex]">
+              <td :key="index" :style="{background:getColor(item.ChapterList[rIndex].State)}">
+                {{"第"+item.ChapterList[rIndex].ChapterNo+"次课"}}
+                <q-tooltip content-class="bg-indigo" :offset="[10, 10]">
+                  {{item.ChapterList[rIndex].ChapterName}}
+                </q-tooltip>
+              </td>
+            </template>
+            <template v-else>
+              <td :key="index">
+              </td>
+            </template>
           </template>
         </tr>
-
       </template>
       <!-- <tbody v-for="(item,index) in dataList" :key="index">
         <tr>
@@ -152,7 +157,21 @@
 
     },
     methods: {
-
+      getColor(State) {
+        var color = "";
+        if (State == 1) {
+          color = "green";
+        } else if (State == 2) {
+ color = "green";
+        }
+        else if (State == 3) {
+ color = "green";
+        }
+        else if (State == 4) {
+ 
+        }
+        return color;
+      }
     },
   };
 </script>