1

src/components/school/student/class-record.vue

@@ -46,8 +46,6 @@
     text-align: center;
     font-style: normal;
   }
-
-
 </style>
 <template>
   <div>
@@ -66,32 +64,38 @@
       </div>
       <div>
           <el-table :data="chapterList" v-loading="loading" ref="table" :height="tableHeight" style="width: 100%;">
-            <el-table-column prop="ChapterNo" label="章节" width="450">
+            <el-table-column prop="ChapterNo" label="章节" width="400">
               <template slot-scope="scope">
                 <div style="display: inline-block;">
                   <div class="flex q-ml-md">
-                    <div class="record_cala_Num" v-if="scope.row.ChapterNo.indexOf('.') == -1" style="cursor:pointer;">
+                    <div class="record_cala_Num">
                       <span>
                         <i>{{ scope.row.ChapterNo }}</i>
                       </span>
                     </div>
-                    <div style="margin-left: 36px;width:360px;cursor:pointer;" class="ellipsis"
-                      v-if="scope.row.ChapterNo.indexOf('.') == -1">
+                    <div style="margin-left: 36px;width:320px;" class="ellipsis">
                       {{ scope.row.ChapterName }}
                     </div>
                   </div>
                 </div>
               </template>
             </el-table-column>
-            <el-table-column prop="State" label="状态" width="100">
+            <el-table-column prop="State" label="状态" width="70">
               <template slot-scope="scope">
-                <div class="text-positive" v-if="scope.row.State == 1">
-                  正常上课
+                <div v-if="scope.row.State == 1">
+                  <span class="text-warning" v-if="scope.row.AppointState==1">待确认</span>
+                  <span class="text-info" v-if="scope.row.AppointState==2">待上课</span>
+                  <span class="text-positive" v-if="scope.row.AppointState==3">已上课</span>
                 </div>
                 <div class="text-warning" v-if="scope.row.State == 2">补课</div>
                 <div class="text-negative" v-if="scope.row.State == 3">缺课</div>
               </template>
             </el-table-column>
+            <el-table-column prop="AgainNum" label="重学次数" width="80">
+              <template slot-scope="scope">
+                {{scope.row.AgainNum}}
+              </template>
+            </el-table-column>
           </el-table>
 
       </div>