页面修改

src/components/course/classmate-form.vue

@@ -124,7 +124,7 @@
       </thead>
     </table>
     <div class="planTabDiv" ref="planTabDiv">
-      <table class="ClassPlanTable planClass-table" ref="PlanTable" style="border-collapse:collapse;margin-top:0;">
+      <table class="ClassPlanTable planClass-table" ref="PlanTable" style="border-collapse:collapse;margin-top:0;" v-loading="loading">
         <tbody>
           <tr v-for="(item,index) in dataList.fridayList" :key="index">
             <td>
@@ -176,6 +176,10 @@
         type: Object,
         default: null
       },
+      loading:{
+        type:Boolean,
+        default:false,
+      }
     },
     components: {
       mateitem,

src/pages/stuMan/classRecord.vue

@@ -45,7 +45,7 @@
       </div>
     </div>
     <teachTable v-if="commonType == 2" :tableData="tableData" :PageCount="PageCount" :setMsg="tabMsg" :showCZ="true"
-      @getChange="getChange"></teachTable>
+      @getChange="getChange" :loading="loading"></teachTable>
   </div>
 </template>
 
@@ -80,6 +80,7 @@
         TeacherId: 0,
         ClassRoomId: 0,
         dataList: {},
+        loading:false,
         msg: {
           StartTime: "",
           EndTime: "",
@@ -211,7 +212,9 @@
         this.tabMsg.ClassRoomId = this.msg.ClassRoomId;
         this.tabMsg.ClassType = this.msg.ClassType;
         this.tabMsg.TeacherId=this.msg.TeacherId;
+        this.loading=true;
         GetClassPlanStatisticalPage(this.tabMsg).then((res) => {
+          this.loading=false;
           if (res.Code == 1) {
             this.tableData = res.Data.PageData;
             this.PageCount = res.Data.PageCount;

src/pages/teacher/components/teachTable.vue

 <template>
   <div style="padding: 20px 0">
     <div class="page-content">
-      <q-table
-        :pagination="setMsg"
-        no-data-label="暂无相关数据"
-        flat
-        class="sticky-column-table sticky-right-column-table"
-        separator="none"
-        :data="tableData"
-        :columns="showCZ ? columns : columns2"
-        row-key="name"
-      >
+      <q-table :pagination="setMsg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table sticky-right-column-table"
+        separator="none" :data="tableData" :columns="showCZ ? columns : columns2" row-key="name">
         <template v-slot:body-cell-GuestList="props">
           <q-td auto-width :props="props">
-            <span
-              v-for="(item, index) in props.row.GuestList"
-              style="margin-right: 5px"
-            >
+            <span v-for="(item, index) in props.row.GuestList" style="margin-right: 5px" :key="index">
               {{ item.GuestName }}
             </span>
           </q-td>
@@ -31,198 +20,178 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td>
-            <q-btn
-              flat
-              size="xs"
-              icon="iconfont icon-view"
-              v-if="props.row.ClassType == 1"
-              color="accent"
-              style="font-weight: 400"
-              label="课程回顾"
-              @click="goCourseRecord(props.row)"
-            />
-            <q-btn
-              flat
-              size="xs"
-              icon="iconfont icon-view"
-              v-if="props.row.ClassType == 1"
-              color="accent"
-              style="font-weight: 400"
-              label="课程反馈"
-              @click="goFeedBack(props.row)"
-            />
+            <q-btn flat size="xs" icon="iconfont icon-view" v-if="props.row.ClassType == 1" color="accent"
+              style="font-weight: 400" label="课程回顾" @click="goCourseRecord(props.row)" />
+            <q-btn flat size="xs" icon="iconfont icon-view" v-if="props.row.ClassType == 1" color="accent"
+              style="font-weight: 400" label="课程反馈" @click="goFeedBack(props.row)" />
           </q-td>
         </template>
         <template v-slot:bottom>
-          <q-pagination
-            class="full-width justify-end"
-            v-model="PageIndex"
-            color="primary"
-            :max="PageCount"
-            :input="true"
-            @input="changePage"
-          />
+          <q-pagination class="full-width justify-end" v-model="PageIndex" color="primary" :max="PageCount"
+            :input="true" @input="changePage" />
         </template>
       </q-table>
     </div>
   </div>
 </template>
 <script>
-export default {
-  props: {
-    setMsg: {
-      type: Object,
-      default: null,
-    },
-    tableData: {
-      type: Array,
-      default: null,
-    },
-    PageCount: {
-      type: Number,
-      default: null,
+  export default {
+    props: {
+      setMsg: {
+        type: Object,
+        default: null,
+      },
+      tableData: {
+        type: Array,
+        default: null,
+      },
+      PageCount: {
+        type: Number,
+        default: null,
+      },
+      showCZ: {
+        //是否显示操作栏
+        Type: Boolean,
+        default: true,
+      },
+      loading:{
+        type:Boolean,
+        default:false,
+      }
     },
-    showCZ: {
-      //是否显示操作栏
-      Type: Boolean,
-      default: true,
+    meta: {
+      title: "我的课表",
     },
-  },
-  meta: {
-    title: "我的课表",
-  },
-  components: {},
-  data() {
-    return {
-      columns: [
-        {
-          name: "ClassDate",
-          label: "日期",
-          field: "ClassDate",
-          align: "left",
-        },
-        {
-          name: "StartTime",
-          label: "上课时间",
-          field: "StartTime",
-          align: "left",
-        },
-        {
-          name: "ClassName",
-          label: "班级",
-          field: "ClassName",
-          align: "left",
-        },
-        {
-          name: "CourseName",
-          label: "课程名称",
-          field: "CourseName",
-          align: "left",
-        },
-        {
-          name: "GuestList",
-          label: "学员名称",
-          field: "GuestList",
-          align: "left",
-        },
-        {
-          name: "TeacherName",
-          label: "教师",
-          field: "TeacherName",
-          align: "left",
-        },
-        {
-          name: "TotalPlanNum",
-          label: "课程进度",
-          field: "TotalPlanNum",
-          align: "left",
-        },
-        {
-          name: "optioned",
-          label: "操作",
-          field: "Id",
+    components: {},
+    data() {
+      return {
+        columns: [{
+            name: "ClassDate",
+            label: "日期",
+            field: "ClassDate",
+            align: "left",
+          },
+          {
+            name: "StartTime",
+            label: "上课时间",
+            field: "StartTime",
+            align: "left",
+          },
+          {
+            name: "ClassName",
+            label: "班级",
+            field: "ClassName",
+            align: "left",
+          },
+          {
+            name: "CourseName",
+            label: "课程名称",
+            field: "CourseName",
+            align: "left",
+          },
+          {
+            name: "GuestList",
+            label: "学员名称",
+            field: "GuestList",
+            align: "left",
+          },
+          {
+            name: "TeacherName",
+            label: "教师",
+            field: "TeacherName",
+            align: "left",
+          },
+          {
+            name: "TotalPlanNum",
+            label: "课程进度",
+            field: "TotalPlanNum",
+            align: "left",
+          },
+          {
+            name: "optioned",
+            label: "操作",
+            field: "Id",
+          },
+        ],
+        columns2: [{
+            name: "ClassDate",
+            label: "日期",
+            field: "ClassDate",
+            align: "left",
+          },
+          {
+            name: "StartTime",
+            label: "上课时间",
+            field: "StartTime",
+            align: "left",
+          },
+          {
+            name: "ClassName",
+            label: "班级",
+            field: "ClassName",
+            align: "left",
+          },
+          {
+            name: "CourseName",
+            label: "课程名称",
+            field: "CourseName",
+            align: "left",
+          },
+          {
+            name: "GuestList",
+            label: "学员名称",
+            field: "GuestList",
+            align: "left",
+          },
+          {
+            name: "TeacherName",
+            label: "教师",
+            field: "TeacherName",
+            align: "left",
+          },
+          {
+            name: "TotalPlanNum",
+            label: "课程进度",
+            field: "TotalPlanNum",
+            align: "left",
+          },
+        ],
+        tabMsg: {
+          PageIndex: 1,
+          PageSize: 15,
+          rowsPerPage: 15,
+          StartTime: "",
+          EndTime: "",
+          TeacherId: 0,
+          ClassRoomId: 0,
+          ClassType: 0,
         },
-      ],
-      columns2: [
-        {
-          name: "ClassDate",
-          label: "日期",
-          field: "ClassDate",
-          align: "left",
-        },
-        {
-          name: "StartTime",
-          label: "上课时间",
-          field: "StartTime",
-          align: "left",
-        },
-        {
-          name: "ClassName",
-          label: "班级",
-          field: "ClassName",
-          align: "left",
-        },
-        {
-          name: "CourseName",
-          label: "课程名称",
-          field: "CourseName",
-          align: "left",
-        },
-        {
-          name: "GuestList",
-          label: "学员名称",
-          field: "GuestList",
-          align: "left",
-        },
-        {
-          name: "TeacherName",
-          label: "教师",
-          field: "TeacherName",
-          align: "left",
-        },
-        {
-          name: "TotalPlanNum",
-          label: "课程进度",
-          field: "TotalPlanNum",
-          align: "left",
-        },
-      ],
-      tabMsg: {
         PageIndex: 1,
-        PageSize: 15,
-        rowsPerPage: 15,
-        StartTime: "",
-        EndTime: "",
-        TeacherId: 0,
-        ClassRoomId: 0,
-        ClassType: 0,
-      },
-      PageIndex: 1,
-    };
-  },
-  created() {},
-  mounted() {},
-  methods: {
-    //翻页
-    changePage(val) {
-      this.PageIndex = val;
-      this.$emit("getChange", this.PageIndex);
-    },
-    //跳转到课程回顾
-    goCourseRecord(item) {
-      this.OpenNewUrl("../../classroom/courseInfo", {
-        id: item.Id,
-      });
+      };
     },
-    //跳转到课程反馈
-    goFeedBack(item) {
-      this.OpenNewUrl("/teacher/feedBackList", {
-        id: item.Id,
-      });
+    created() {},
+    mounted() {},
+    methods: {
+      //翻页
+      changePage(val) {
+        this.PageIndex = val;
+        this.$emit("getChange", this.PageIndex);
+      },
+      //跳转到课程回顾
+      goCourseRecord(item) {
+        this.OpenNewUrl("../../classroom/courseInfo", {
+          id: item.Id,
+        });
+      },
+      //跳转到课程反馈
+      goFeedBack(item) {
+        this.OpenNewUrl("/teacher/feedBackList", {
+          id: item.Id,
+        });
+      },
     },
-  },
-};
+  };
 </script>
 <style lang="sass">
-@import url('~assets/css/table.sass')
-</style>
+  @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file