1

src/components/stuMan/eventRecord.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">事件记录</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> -->
+            <!-- <div class="col-2 q-table__title">事件记录</div> -->
           </template>
           <template v-slot:body-cell-EventType="props">
             <q-td :props="props">
-            <div v-if="props.row.EventType===1" style="color:#ff0000">处分</div>
-            <div v-if="props.row.EventType===2" style="color:#00ff00">奖励</div>
+              <div v-if="props.row.EventType === 1" style="color: #ff0000">
+                处分
+              </div>
+              <div v-if="props.row.EventType === 2" style="color: #00ff00">
+                奖励
+              </div>
             </q-td>
           </template>
           <template v-slot:body-cell-optioned="props">
             <q-td :props="props">
               <div>
-              <q-btn  size="xs" color="accent" style="font-weight:400" label="修改"
-                @click="modify(props.row)" />
+                <q-btn
+                  size="xs"
+                  color="accent"
+                  style="font-weight: 400"
+                  label="修改"
+                  @click="modify(props.row)"
+                />
               </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" />
+            <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>
@@ -41,14 +76,12 @@
 </template>
 
 <script>
-  import {
-    getEventLogPageList
-  } from '../../api/stuMan/index.js'
-  export default {
+import { getEventLogPageList } from "../../api/stuMan/index.js";
+export default {
   props: {
     setObj: {
       type: Object,
-      }
+    },
   },
   data() {
     return {
@@ -59,8 +92,8 @@
         pageIndex: 1,
         pageSize: 10,
         rowsPerPage: 10,
-          StuId:0,
-          EventType:0
+        StuId: 0,
+        EventType: 0,
       },
       data: [],
       columns: [
@@ -74,7 +107,7 @@
           name: "EventType",
           label: "类型",
           align: "left",
-            field: "EventType"
+          field: "EventType",
         },
         {
           name: "EventContent",
@@ -101,28 +134,28 @@
           label: "操作",
           align: "left",
         },
-        ]
-      }
+      ],
+    };
   },
   mounted() {
     if (this.setObj) {
-        this.msg.StuId = this.setObj.Student_Id
+      this.msg.StuId = this.setObj.Id;
     }
 
     this.getList();
   },
   methods: {
     closeSaveForm() {
-        this.$emit('close')
-        this.persistent = false
+      this.$emit("close");
+      this.persistent = false;
     },
     getList() {
-        getEventLogPageList(this.msg).then(res => {
+      getEventLogPageList(this.msg).then((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() {
@@ -132,20 +165,19 @@
     //翻页
     changePage(val) {
       this.msg.pageIndex = val;
-        this.getList()
+      this.getList();
     },
     //修改
-      modify(item){
-         this.persistent = false
-         this.$emit('modify',item)
-      }
+    modify(item) {
+      this.persistent = false;
+      this.$emit("modify", item);
     },
-  }
-
+  },
+};
 </script>
 
 <style>
-  .avatar-uploader .el-upload {
+.avatar-uploader .el-upload {
   border-radius: 6px;
   cursor: pointer;
   width: 100%;
@@ -153,26 +185,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;
@@ -182,20 +214,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;
@@ -204,18 +236,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%;
@@ -223,6 +255,5 @@
   left: 0;
   text-align: center;
   color: #949494;
-  }
-
+}
 </style>