1

src/components/stuMan/makeUpHours.vue

 <template>
   <!-- 可补课时 -->
-  <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
-    <q-card style="width: 900px;max-width:900px;">
+  <q-dialog
+    v-model="persistent"
+    content-class="bg-grey-1"
+    persistent
+    transition-show="scale"
+    transition-hide="scale"
+  >
+    <q-card style="width: 900px; max-width: 900px">
       <q-card-section>
-        <div class="text-h6" v-if="type==1">可补课课时</div>
-        <div class="text-h6" v-if="type==2">缺勤次数</div>
-        <div class="text-h6" v-if="type==3">请假</div>
+        <div class="text-h6" v-if="type == 1">可补课课时</div>
+        <div class="text-h6" v-if="type == 2">缺勤次数</div>
+        <div class="text-h6" v-if="type == 3">请假次数</div>
       </q-card-section>
       <q-card-section class="q-pt-none">
-        <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table "
-          separator="none" :data="data" :columns="columns" row-key="name">
+        <q-table
+          :pagination="msg"
+          :loading="loading"
+          no-data-label="暂无相关数据"
+          flat
+          class="sticky-column-table"
+          separator="none"
+          :data="data"
+          :columns="columns"
+          row-key="name"
+        >
           <template v-slot:top="props">
             <!-- <div class="col-2 q-table__title">可补课课时</div> -->
           </template>
@@ -22,13 +37,25 @@
         </template> -->
 
           <template v-slot:bottom>
-            <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
-              :input="true" @input="changePage" />
+            <q-pagination
+              class="full-width justify-end"
+              v-model="msg.pageIndex"
+              color="primary"
+              :max="pageCount"
+              :input="true"
+              @input="changePage"
+            />
           </template>
         </q-table>
       </q-card-section>
       <q-card-actions align="right" class="bg-white">
-        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
+        <q-btn
+          label="取消"
+          flat
+          color="grey-10"
+          style="font-weight: 400 !important"
+          @click="closeSaveForm"
+        />
         <!-- <q-btn label="立即提交" color="accent q-px-md" style="font-weight:400 !important" :loading="saveLoading"
           @click="save" /> -->
       </q-card-actions>
@@ -37,18 +64,16 @@
 </template>
 
 <script>
-  import {
-    getClassCheckPageList
-  } from '../../api/stuMan/index.js'
-  export default {
+import { getClassCheckPageList } from "../../api/stuMan/index.js";
+export default {
   props: {
     type: {
       type: Number,
-        default: 1
+      default: 1,
     },
     setObj: {
       type: Object,
-      }
+    },
   },
   data() {
     return {
@@ -82,7 +107,7 @@
           name: "ClassNo",
           label: "班号",
           align: "left",
-            field: "ClassNo"
+          field: "ClassNo",
         },
         {
           name: "CourseName",
@@ -121,41 +146,41 @@
           align: "left",
           field: "CreateTime",
         },
-        ]
-      }
+      ],
+    };
   },
   mounted() {
     if (this.setObj) {
-        this.msg.OrderGuestId = this.setObj.Student_Id
+      this.msg.OrderGuestId = this.setObj.Student_Id;
     }
     if (this.type === 1) {
       //可补课时
-        this.msg.CheckStatus = 1
-        this.msg.MakeUpStatus = 2
+      this.msg.CheckStatus = 1;
+      this.msg.MakeUpStatus = 2;
     } else if (this.type === 2) {
       //   缺勤
-        this.msg.CheckStatus = 1
-        delete this.msg.MakeUpStatus
+      this.msg.CheckStatus = 1;
+      delete this.msg.MakeUpStatus;
     } else if (this.type === 3) {
       //   请假
-        this.msg.CheckStatus = 2
-        delete this.msg.MakeUpStatus
+      this.msg.CheckStatus = 2;
+      delete this.msg.MakeUpStatus;
     }
     this.getList();
   },
   methods: {
     closeSaveForm() {
-        this.$emit('close')
-        this.persistent = false
+      this.$emit("close");
+      this.persistent = false;
     },
     getList() {
-        getClassCheckPageList(this.msg).then(res => {
-          console.log(83, res)
+      getClassCheckPageList(this.msg).then((res) => {
+        console.log(83, res);
         if (res.Code === 1) {
-            this.data = res.Data.PageData
-            this.pageCount = res.Data.PageCount
+          this.data = res.Data.PageData;
+          this.pageCount = res.Data.PageCount;
         }
-        })
+      });
     },
     //重新查询
     resetSearch() {
@@ -165,15 +190,14 @@
     //翻页
     changePage(val) {
       this.msg.pageIndex = val;
-        this.getList()
+      this.getList();
     },
   },
-  }
-
+};
 </script>
 
 <style>
-  .avatar-uploader .el-upload {
+.avatar-uploader .el-upload {
   border-radius: 6px;
   cursor: pointer;
   width: 100%;
@@ -181,26 +205,26 @@
   color: #8c939d;
   position: relative;
   overflow: hidden;
-  }
+}
 
-  .addDutyMain {
+.addDutyMain {
   display: inline-block;
   width: 118px;
   height: 118px;
   font-size: 70px;
   border: 1px dashed #d9d9d9;
   line-height: 120px;
-  }
+}
 
-  .ItemImgDiv {
+.ItemImgDiv {
   width: 118px;
   height: 118px;
   position: relative;
   margin: 0 10px 10px 0;
   display: inline-block;
-  }
+}
 
-  ._delete_img {
+._delete_img {
   position: absolute;
   top: 0px;
   height: 82px;
@@ -210,20 +234,20 @@
   background-color: rgba(2, 2, 2, 0.6);
   display: inherit;
   opacity: 0;
-    transition: all linear .5s
-  }
+  transition: all linear 0.5s;
+}
 
-  ._delete_img i.iconfont {
+._delete_img i.iconfont {
   display: inline-block;
   width: 32px;
   height: 32px;
   border-radius: 50%;
-    color: #E95252 !important;
+  color: #e95252 !important;
   background-color: rgba(251, 251, 251, 0.9);
   margin-top: 26px;
-  }
+}
 
-  ._upload_box ul li {
+._upload_box ul li {
   float: left;
   height: 82px;
   width: 143px;
@@ -232,18 +256,18 @@
   position: relative;
   cursor: pointer;
   margin-right: 10px;
-  }
+}
 
-  ._upload_box ul li img {
+._upload_box ul li img {
   height: 82px;
   width: 143px;
-  }
+}
 
-  ._upload_box ul li:hover ._delete_img {
+._upload_box ul li:hover ._delete_img {
   opacity: 1;
-  }
+}
 
-  ._upload_tips {
+._upload_tips {
   font-size: 12px;
   position: absolute;
   top: 71%;
@@ -251,6 +275,5 @@
   left: 0;
   text-align: center;
   color: #949494;
-  }
-
+}
 </style>