页面修改

src/components/school/student/student-shiting.vue

@@ -63,13 +63,43 @@
         <q-btn label="新增" color="accent q-mb-lg" size="md" @click="saveAppointForm()" />
       </div>
     </template>
+    <div style="display:flex;flex:1;flex-direction: column;overflow:hidden;">
+      <div class="TimeLineDiv">
+        <q-timeline color="primary">
+          <q-timeline-entry v-for="(tItem,tIndex) in dataList" :key="tIndex">
+            <template v-slot:title>
+              <div class="visit_Cont">
+                <div>预约时间{{tItem.ClassDateStr}} {{tItem.ClassTime}}-{{tItem.EndTime}}</div>
+                <div>主讲内容：{{tItem.ClassContent}}</div>
+                <div>主讲老师：{{tItem.TeacherName}}</div>
+                <div>教室：{{tItem.RoomName}}</div>
+                <div @click="delFollow(tItem.Id)" class="visit_delete">删除</div>
+              </div>
+            </template>
+            <template v-slot:subtitle>
+              <div class="Time_TopList">
+                <div>{{ tItem.CreateTimeStr2 }}</div>
+                <div>{{ tItem.CreateByName }}</div>
+              </div>
+            </template>
+          </q-timeline-entry>
+        </q-timeline>
+      </div>
+    </div>
+    <div style="margin:20px 0;">
+      <q-pagination class="full-width justify-end" v-model="qMsg.pageIndex" color="primary" :max="page_Count" input
+        @input="changePage" />
+    </div>
     <audition-form v-if="isShowTeacher" @close="closeAuditForm" @getchildInfo="getchildInfo"></audition-form>
   </div>
 </template>
 <script>
   import {
-    SetVisitorReserve
+    SetVisitorReserve,
+    queryVisitorReservePage,
+    RemoveVisitorReserve
   } from "../../../api/scheduling/schedu";
+
   import {
     getTeacherDropDownList,
     queryClassRoomList
@@ -143,7 +173,6 @@
     methods: {
       //保存
       saveAppointForm() {
-
         this.$refs.ClassDate.validate();
         this.$refs.ClassContent.validate();
         if (this.addMsg.ClassTime == '') {
@@ -174,7 +203,7 @@
                 message: res.Message,
                 position: 'top'
               })
-              this.$emit('success');
+              this.getList();
             } else {
               this.$q.notify({
                 type: 'negative',
@@ -190,13 +219,11 @@
       },
       //获取试听列表
       getList() {
-        queryStudentFollowPage(this.qMsg).then(res => {
+        queryVisitorReservePage(this.qMsg).then(res => {
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
             this.page_Count = res.Data.PageCount;
           }
-        }).catch(() => {
-
         })
       },
       //清除
@@ -211,7 +238,7 @@
         this.addMsg.ClassContent = '';
       },
       changePage(val) {
-        this.msg.pageIndex = val;
+        this.qMsg.pageIndex = val;
         this.getList();
       },
       //删除试听

src/components/school/student/stulist.vue

@@ -227,7 +227,7 @@
           obj.Status = obj.Status == 1 ? 0 : 1;
         });
       },
-      refreshStu() {
+      refreshPage() {
         this.$emit('success');
       },
       EditStudent(obj) {