页面修改

src/pages/sale/appointManagement.vue

@@ -5,9 +5,7 @@
           <template v-slot:top="props">
             <div class="col-2 q-table__title">人员信息</div>
             <q-space />
-            <!-- <div class="page-option">
-              <q-btn color="accent" size="sm" class="q-mr-md" label="试听预约" />
-            </div> -->
+  
           </template>
           <template v-slot:body-cell-Id="props">
             <q-td :props="props">

src/pages/sale/reserveClass.vue

+<template>
+    <div class="page-body">
+        <q-table :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table sticky-right-column-table"
+          separator="none" :data="dataList" :columns="columns" row-key="name">
+          <template v-slot:top="props">
+            <div class="col-2 q-table__title">约课班级管理</div>
+            <q-space />
+  
+          </template>
+          <template v-slot:body-cell-Id="props">
+            <q-td :props="props">
+              <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="报入" />
+            </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" />
+          </template>
+        </q-table>
+    </div>
+</template>
+
+<script>
+  import {
+    GetReserveClassPage
+  } from '../../api/scheduling/schedu'
+  export default {
+    meta: {
+      title: "约课班级管理"
+    },
+    components: {
+    },
+    data() {
+      return {
+        msg: {
+          pageIndex:1,
+          pageSize:10
+        },
+        dataList: [],
+        loading: false,
+        PageCount: 0,
+        columns: [{
+            name: 'CateName',
+            label: '老师',
+            field: 'CateName',
+            align: 'left'
+          },
+          {
+            name: 'CourseCount',
+            label: '时间',
+            align: 'left',
+            field: row => row.CourseCount
+          },
+          {
+            name: 'Status',
+            label: '日期',
+            align: 'left',
+            field: row => row.Status
+          },
+          {
+            name: 'UpdateByName',
+            label: '教室',
+            align: 'left',
+            field: row => row.UpdateByName
+          },
+          {
+            name: 'UpdateTimeStr',
+            label: '人数',
+            align: 'left',
+            field: row => row.UpdateTimeStr
+          },
+          {
+            name: 'ClassContent',
+            label: '主讲内容',
+            align: 'left',
+            field: row => row.ClassContent
+          },
+          {
+            name: 'CateId',
+            label: '操作',
+            field: 'CateId'
+          }
+        ],
+      }
+    },
+
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      //重新查询
+      resetSearch() {
+        this.msg.pageIndex = 1;
+        this.getList();
+      },
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getList()
+      },
+      //获取课程系列分页列表
+      getList() {
+        GetReserveClassPage(this.msg).then(res => {
+          console.log(res,'数据');
+          if(res.Data==1){
+            this.dataList = res.Data.PageData;
+            this.PageCount = res.Data.PageCount;
+          }
+        })
+      }
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>
\ No newline at end of file

src/router/routes.js

@@ -660,6 +660,11 @@ const routes = [{
     component: () =>
       import("pages/sale/appointManagement.vue")
   },
+  {
+    path: "/sale/reserveClass", //销售 约课班级管理
+    component: () =>
+      import("pages/sale/reserveClass.vue")
+  },
   {
     path: "/course/teacherHours", //教学奖励 教师课时统计
     component: () =>