1111

src/api/stuMan/index.js

@@ -3,7 +3,7 @@ import request from '../../utils/request'
 /**
  * 新增修改学员预约配置
  */
- export function SetPlanAppointmentConfig(data) {
+export function SetPlanAppointmentConfig(data) {
   return request({
     url: '/PlanAppoiment/SetPlanAppointmentConfig',
     method: 'post',
@@ -14,7 +14,7 @@ import request from '../../utils/request'
 /**
  * 获取学员预约配置
  */
- export function PlanAppointmentConfig(data) {
+export function PlanAppointmentConfig(data) {
   return request({
     url: '/PlanAppoiment/PlanAppointmentConfig',
     method: 'post',
@@ -187,3 +187,25 @@ export function getCoffeeOrderList(data) {
     data
   })
 }
+
+/**
+ * 学员约课统计
+ */
+export function queryPlanAppointmentStatic(data) {
+  return request({
+    url: '/PlanAppoiment/GetPlanAppointmentStatic',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 获取预约详情列表
+ */
+export function queryPlanAppointmentDetail(data) {
+  return request({
+    url: '/PlanAppoiment/GetPlanAppointmentDetail',
+    method: 'post',
+    data
+  });
+}
\ No newline at end of file

src/pages/stuMan/components/classmateForm.vue

@@ -109,6 +109,7 @@
   </style>
   <template>
     <div>
+      1111
       <table class="ClassPlanTable plantHead" style="border-collapse:collapse;width:100%;margin:15px 0 0 0;">
         <thead>
           <tr>

src/pages/stuMan/components/stuAppointmentList.vue

+<template>
+  <!--学员预约统计-->
+  <div style="padding: 20px 0">
+    <div class="page-content">
+      <q-table :loading="loading" :pagination="pageMsg" no-data-label="暂无相关数据" flat
+        class="sticky-column-table sticky-right-column-table" :data="tableData" :columns="columns" row-key="name"
+        hide-bottom>
+        <template v-slot:body="props">
+          <q-tr :props="props">
+            <q-td key="DateStr">
+              {{props.row.DateStr}}
+              <br />
+              {{props.row.WeekStr}}
+            </q-td>
+            <q-td key="TimeList" :props="props">
+              <div v-for="item in props.row.TimeList">
+                <div class="border-bottom">
+                  {{item.StartTime}}-{{item.EndTime}}
+                </div>
+              </div>
+            </q-td>
+            <q-td key="Num" :props="props">
+              <div v-for="item in props.row.TimeList">
+                <div class="border-bottom" style="cursor:pointer;color:blue;text-decoration:underline" @click="ShowStuAppoint(item)">
+                  {{item.StuAppointNum}}
+                </div>
+              </div>
+            </q-td>
+          </q-tr>
+        </template>
+      </q-table>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    queryPlanAppointmentDetail,
+  } from "../../../api/stuMan/index";
+  export default {
+
+    props: {
+      tableData: {
+        type: Array,
+        default: null,
+      },
+      loading: {
+        type: Boolean,
+        default: false,
+      }
+    },
+    meta: {
+      title: "学员预约统计",
+    },
+    components: {},
+    data() {
+      return {
+        columns: [{
+            name: "DateStr",
+            label: "日期",
+            field: "DateStr",
+            align: "left",
+          },
+          {
+            name: "TimeList",
+            label: "时段",
+            field: "TimeList",
+            align: "left",
+            field: row => row.TimeList
+          },
+          {
+            name: "Num",
+            label: "预约人数",
+            field: "Num",
+            align: "left",
+            field: row => row.TimeList
+          },
+        ],
+        pageMsg: {
+          rowsPerPage: 1000
+        },
+      };
+    },
+    created() {},
+    mounted() {},
+    methods: {
+      //翻页
+      changePage(val) {
+
+      },
+      //跳转到课程回顾
+      goCourseRecord(item) {
+        this.OpenNewUrl("../../classroom/courseInfo", {
+          id: item.Id,
+        });
+      },
+      //跳转到课程反馈
+      goFeedBack(item) {
+        this.OpenNewUrl("/teacher/feedBackList", {
+          id: item.Id,
+        });
+      },
+      //显示预约详情
+      ShowStuAppoint(item) {
+        console.log("item", item);
+        if (item.PlanAppointmentId && item.PlanAppointmentId > 0) {
+          queryPlanAppointmentDetail({
+            PlanAppointmentId: item.PlanAppointmentId
+          }).then(res => {
+            console.log("res", res);
+          });
+        }
+      }
+    },
+  };
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+</style>
\ No newline at end of file

src/pages/stuMan/components/teachTable.vue

-<template>
-    <div style="padding: 20px 0">
-      <div class="page-content">
-        <!-- separator="none" -->
-        <q-table :pagination="setMsg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table sticky-right-column-table"
-           :data="tableData" :columns="showCZ ? columns : columns2" row-key="name">
-           <template v-slot:body-cell-ClassDate="props">
-            <q-td auto-width :props="props">
-              {{ props.row.ClassDate }}
-            </q-td>
-          </template>
-           <template v-slot:body-cell-StartTime="props">
-            <q-td :props="props">
-              <div v-for="item in 5">
-                {{ props.row.StartTime }}-{{ props.row.EndTime }}
-              </div>
-            </q-td>
-          </template>
-          <template v-slot:body-cell-ClassName="props">
-            <q-td :props="props">
-              {{ props.row.ClassName }}
-            </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" />
-          </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,
-        },
-        showCZ: {
-          //是否显示操作栏
-          Type: Boolean,
-          default: true,
-        },
-        loading:{
-          type:Boolean,
-          default:false,
-        }
-      },
-      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: "optioned",
-              label: "操作",
-              field: "Id",
-            },
-          ],
-          columns2: [{
-              name: "ClassDate",
-              label: "日期",
-              field: "ClassDate",
-              align: "left",
-            },
-            {
-              name: "StartTime",
-              label: "时段",
-              field: "StartTime",
-              // field: row => row.StartTime,
-              align: "left",
-            },
-            {
-              name: "ClassName",
-              label: "人数",
-              field: "ClassName",
-              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,
-          });
-        },
-      },
-    };
-  </script>
-  <style lang="sass">
-    
-    @import url('~assets/css/table.sass')
-    
-  </style>
\ No newline at end of file