页面修改

src/components/course/record-form.vue

@@ -83,13 +83,16 @@
     text-decoration: underline;
     cursor: pointer;
   }
-  .TeacherNewClass{
+
+  .TeacherNewClass {
     display: flex;
-    margin-bottom:3px;
+    margin-bottom: 3px;
   }
-  .TeacherNewClass:last-child{
-    margin-bottom:0;
+
+  .TeacherNewClass:last-child {
+    margin-bottom: 0;
   }
+
 </style>
 <template>
   <div class="page-body">
@@ -157,6 +160,23 @@
                 </div>
               </q-td>
             </template>
+            <template v-slot:body-cell-AskforleaveNum="props">
+              <q-td auto-width :props="props" style="width:25%">
+                <div v-for="(item,index) in props.row.TimeList">
+                  <span style="color:red;" :class="{'underLine':item.AskforleaveList.length>0}">
+                    {{item.AskforleaveNum}}
+                    <q-popup-proxy v-if="item.AskforleaveList.length>0">
+                      <div style="min-width:360px;max-width:360px;">
+                        <q-banner>
+                          <q-chip dense v-for="(subItem,subindex) in item.AskforleaveList" :key="subindex">
+                            {{subItem.GuestName}}</q-chip>
+                        </q-banner>
+                      </div>
+                    </q-popup-proxy>
+                  </span>
+                </div>
+              </q-td>
+            </template>
             <template v-slot:bottom>
               <q-pagination class="full-width justify-end" v-model="msg.PageIndex" color="primary" :max="pageCount"
                 :input="true" @input="changePage" />
@@ -183,9 +203,10 @@
                 <div class="TeacherContent">
                   <div v-for="(subItem,subIndex) in item.TimeList" class="TeacherNewClass">
                     <div>{{subIndex+1}}节课 {{subItem.StartTime}}-{{subItem.EndTime}}</div>
-                    <div style="color:green;margin:0 20px;" title="签到数">{{subItem.CheckNum}}</div>
-                    <div style="color:red;" title="缺勤数">{{subItem.NoCheckNum}}</div>
-                  </div> 
+                    <div style="color:green;margin:0 20px;" title="签到数">签到数:{{subItem.CheckNum}}</div>
+                    <div style="color:red;margin:0 20px;" title="缺勤数">缺勤数:{{subItem.NoCheckNum}}</div>
+                    <div style="color:red;" title="请假数">请假数:{{subItem.AskforleaveNum}}</div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -261,10 +282,16 @@
             label: '缺勤数',
             field: 'NoCheckNum',
             align: 'left'
+          },
+          {
+            name: 'AskforleaveNum',
+            label: '请假数',
+            field: 'AskforleaveNum',
+            align: 'left'
           }
         ],
         checkType: 1, //默认列表模式
-        isShowBtn:true
+        isShowBtn: true
       }
     },
     created() {
@@ -272,8 +299,8 @@
     },
     mounted() {
       this.TeacherId = this.setingObj.Teacher_Id;
-      if(this.isShowMyBtn==1){
-        this.isShowBtn=false;
+      if (this.isShowMyBtn == 1) {
+        this.isShowBtn = false;
       }
 
       this.getRecord();