页面修改

src/api/scheduling/schedu.js

@@ -184,4 +184,14 @@ export function SetVisitorReserve(data) {
   })
 }
 
-
+/**
+ * 约课管理
+ * @param {JSON参数} data 
+ */
+export function queryVisitorReservePage(data) {
+  return request({
+    url: '/VisitorReserve/GetVisitorReservePage',
+    method: 'post',
+    data
+  })
+}

src/pages/sale/appointManagement.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>
+  <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-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
+            <q-list>
+              <q-item clickable v-close-popup @click="OperateVitior(props.row,1)">
+                <q-item-section>
+                  <q-item-label>转订单</q-item-label>
+                </q-item-section>
+              </q-item>
+              <q-item clickable v-close-popup @click="OperateVitior(props.row,2)">
+                <q-item-section>
+                  <q-item-label>流单</q-item-label>
+                </q-item-section>
+              </q-item>
+              <q-item clickable v-close-popup @click="OperateVitior(props.row,3)"  >
+                <q-item-section>
+                  <q-item-label>取消</q-item-label>
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </q-btn-dropdown>
+        </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
+    queryVisitorReservePage
   } from '../../api/scheduling/schedu'
   export default {
     meta: {
       title: "约课管理"
     },
-    components: {
-    },
+    components: {},
     data() {
       return {
         msg: {
-          pageIndex:1,
-          pageSize:10
+          pageIndex: 1,
+          pageSize: 10
         },
         dataList: [],
         loading: false,
         PageCount: 0,
         columns: [{
-            name: 'CateName',
-            label: '老师',
-            field: 'CateName',
+            name: 'VisitorName',
+            label: '客户名称',
+            field: 'VisitorName',
             align: 'left'
           },
           {
-            name: 'CourseCount',
-            label: '时间',
-            align: 'left',
-            field: row => row.CourseCount
+            name: 'ClassDateStr',
+            label: '日期',
+            field: 'ClassDateStr',
+            align: 'left'
           },
           {
-            name: 'Status',
-            label: '日期',
-            align: 'left',
-            field: row => row.Status
+            name: 'ClassTime',
+            label: '时间',
+            field: 'ClassTime',
+            align: 'left'
           },
           {
-            name: 'UpdateByName',
-            label: '教室',
-            align: 'left',
-            field: row => row.UpdateByName
+            name: 'TeacherName',
+            label: '老师',
+            field: 'TeacherName',
+            align: 'left'
           },
           {
-            name: 'UpdateTimeStr',
-            label: '人数',
-            align: 'left',
-            field: row => row.UpdateTimeStr
+            name: 'RoomName',
+            label: '教室',
+            field: 'RoomName',
+            align: 'left'
           },
           {
             name: 'ClassContent',
             label: '主讲内容',
-            align: 'left',
-            field: row => row.ClassContent
+            field: 'ClassContent',
+            align: 'left'
           },
           {
-            name: 'CateId',
+            name: 'ReserveStatusStr',
+            label: '状态',
+            field: 'ReserveStatusStr',
+            align: 'left'
+          },
+          {
+            name: 'Id',
             label: '操作',
-            field: 'CateId'
+            field: 'Id'
           }
         ],
       }
@@ -99,13 +122,18 @@
       },
       //获取课程系列分页列表
       getList() {
-        GetReserveClassPage(this.msg).then(res => {
-          console.log(res,'数据');
-          if(res.Data==1){
+        queryVisitorReservePage(this.msg).then(res => {
+          console.log(res, '数据');
+          if (res.Code == 1) {
             this.dataList = res.Data.PageData;
             this.PageCount = res.Data.PageCount;
           }
         })
+      },
+      //预约操作按钮
+      OperateVitior(item,type)
+      {
+
       }
     }
   }
@@ -114,4 +142,4 @@
 <style lang="sass">
   @import url('~assets/css/table.sass')
 
-</style>
\ No newline at end of file
+</style>