页面修改

src/components/course/record-form.vue

@@ -105,15 +105,15 @@
           </el-radio-group>
         </div>
         <div class="col-3" v-if="isShowBtn">
-          <q-select filled stack-label option-value="TId" @input="changeRecord()" option-label="TeacherName"
+          <q-select filled stack-label option-value="TId" @input="resetQuery()" option-label="TeacherName"
             v-model="msg.TeacherId" ref="Teacher_Id" :options="TeacherList" label="关联教师" :dense="false" class="col-6"
             emit-value map-options />
         </div>
       </div>
       <div style="padding-bottom:50px;">
         <template v-if="checkType==1">
-          <q-table :pagination="msg" no-data-label="暂无相关数据" flat class="sticky-column-table" separator="none"
-            :data="dataList" :columns="columns">
+          <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
+            separator="none" :data="dataList" :columns="columns">
             <template v-slot:body-cell-YearStr="props">
               <q-td auto-width :props="props" style="width:25%">
                 {{props.row.YearStr}}-{{props.row.MonthStr}}-{{props.row.DayStr}}
@@ -184,7 +184,8 @@
           </q-table>
         </template>
         <template v-else>
-          <div class="col-10" style="margin-bottom:20px;display:flex;" v-if="dataList&&dataList.length>0">
+          <div class="col-10" style="margin-bottom:20px;display:flex;" v-if="dataList&&dataList.length>0"
+            :loading="loading">
             <div class="col-4" id="timeleft">
               <div v-for="(item,index) in dataList" :key="index">
                 {{item.YearStr}}-{{item.MonthStr}}-{{item.DayStr}}
@@ -290,7 +291,8 @@
           }
         ],
         checkType: 1, //默认列表模式
-        isShowBtn: true
+        isShowBtn: true,
+        loading: false,
       }
     },
     created() {
@@ -306,16 +308,15 @@
       this.getRecord();
     },
     methods: {
-      getRecord() {
-        GetClassPlanLogPageList(this.msg).then(res => {
-          if (res.Code == 1) {
-            this.dataList = res.Data.PageData;
-            this.pageCount = res.Data.PageCount;
-          }
-        })
+      resetQuery() {
+        this.msg.PageIndex = 1;
+        this.getRecord();
       },
-      changeRecord() {
+      getRecord() {
+        this.loading = true;
+        this.dataList = [];
         GetClassPlanLogPageList(this.msg).then(res => {
+          this.loading = false;
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
             this.pageCount = res.Data.PageCount;