页面修改

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

@@ -3,7 +3,6 @@
     background: transparent !important;
     border: 0 !important;
   }
-
 </style>
 <template>
   <div>
@@ -15,7 +14,8 @@
     </div>
     <template v-if="isShowAdd">
       <div class="row wrap">
-        <q-input filled v-model="addMsg.ClassDate" ref="ClassDate" class="col-6 q-pb-lg q-pr-lg" mask="date" label="预约日期">
+        <q-input filled v-model="addMsg.ClassDate" ref="ClassDate" class="col-6 q-pb-lg q-pr-lg" mask="date"
+          label="预约日期">
           <template v-slot:append>
             <q-icon name="event" class="cursor-pointer">
               <q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
@@ -25,8 +25,8 @@
           </template>
         </q-input>
         <div class="Sysuser_Date col-6">
-          <q-field filled class="q-pb-lg">
-              <template v-slot:control>
+          <q-field filled class="q-pb-lg">
+             <template v-slot:control>
               <el-time-select v-model="addMsg.ClassTime" ref="ClassTime" style="width:50%" :picker-options="{
                       start: '09:00',
                       step: '00:15',
@@ -40,7 +40,7 @@
                   end: '21:00',
                   minTime:addMsg.ClassTime
               }" placeholder="预约结束时间">
-              </el-time-select>
+              </el-time-select>  
             </template>
           </q-field>
         </div>
@@ -48,44 +48,21 @@
       <div class="row wrap">
         <q-select filled stack-label option-value="Name" option-label="Name"
           @input="getTeacherChoose(addMsg.ClassContent)" v-model="addMsg.ClassContent" ref="ClassContent"
-          :options="ContentList" :rules="[val => !!val || '请选择主讲内容']" label="主讲内容" :dense="false" class="col-6 q-pb-lg q-pr-lg"
-          emit-value map-options />
+          :options="ContentList" :rules="[val => !!val || '请选择主讲内容']" label="主讲内容" :dense="false"
+          class="col-6 q-pb-lg q-pr-lg" emit-value map-options />
         <q-select filled stack-label option-value="TId" option-label="TeacherName" v-model="addMsg.TeacherId"
           ref="TeacherId" :options="TeacherList" label="选择教师" :dense="false" class="col-6 q-pb-lg" emit-value
           map-options />
       </div>
       <div class="row wrap">
         <q-select filled stack-label option-value="RoomId" option-label="RoomName" v-model="addMsg.ClassRoomId"
-          ref="ClassRoomId" :options="ClassRoomList" label="关联教室" :dense="false" class="col-6 q-pb-lg q-pr-lg" emit-value
-          map-options />
+          ref="ClassRoomId" :options="ClassRoomList" label="关联教室" :dense="false" class="col-6 q-pb-lg q-pr-lg"
+          emit-value map-options />
       </div>
       <div class="row wrap" style="margin-bottom:10px;">
         <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 v-html="tItem.Remark"></div>
-                <div @click="delFollow(tItem.Id)" class="visit_delete">删除</div>
-              </div>
-            </template>
-            <template v-slot:subtitle>
-              <div class="Time_TopList">
-                <div>{{ tItem.CreateTime }}</div>
-              </div>
-            </template>
-          </q-timeline-entry>
-        </q-timeline>
-      </div>
-    </div>
-    <div style="margin:20px 0;">
-      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="page_Count" input
-        @input="changePage" />
-    </div> -->
     <audition-form v-if="isShowTeacher" @close="closeAuditForm" @getchildInfo="getchildInfo"></audition-form>
   </div>
 </template>
@@ -104,7 +81,7 @@
       title: ""
     },
     components: {
-       auditionForm
+      auditionForm
     },
     props: {
       saveObj: {
@@ -126,6 +103,11 @@
           ClassRoomId: 0, //教室编号
           ClassContent: "", //主讲内容
         },
+        qMsg: {
+          pageIndex: 1,
+          pageSize: 12,
+          Visitor_Id: 0,
+        },
         ContentList: [{
           Id: 1,
           Name: '少儿类：主要以丰富可与时间和兴趣为主，要求课堂轻松活跃。趣味性十足'
@@ -147,17 +129,21 @@
         isShowTeacher: false
       }
     },
-    mounted() {
+    created() {
       this.getClassRoomList();
       this.GetTeacherList();
-    //   this.getList();
+      if (this.saveObj) {
+        this.addMsg.Visitor_Id = this.saveObj.StuId;
+        this.qMsg.Visitor_Id = this.saveObj.StuId;
+      }
+    },
+    mounted() {
+      this.getList();
     },
     methods: {
       //保存
       saveAppointForm() {
-        if (this.saveObj) {
-          this.addMsg.Visitor_Id = this.saveObj.StuId;
-        }
+
         this.$refs.ClassDate.validate();
         this.$refs.ClassContent.validate();
         if (this.addMsg.ClassTime == '') {
@@ -204,7 +190,7 @@
       },
       //获取试听列表
       getList() {
-        queryStudentFollowPage(this.msg).then(res => {
+        queryStudentFollowPage(this.qMsg).then(res => {
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
             this.page_Count = res.Data.PageCount;
@@ -216,7 +202,6 @@
       //清除
       clearMsg() {
         this.addMsg.Id = 0;
-        this.addMsg.Visitor_Id = 0;
         this.addMsg.ReserveClassId = 0;
         this.addMsg.ClassDate = '';
         this.addMsg.ClassTime = '';
@@ -299,7 +284,7 @@
           }
         });
       },
-      closeAuditForm(){
+      closeAuditForm() {
         this.isShowTeacher = false;
       },
       //子组件选中传值
@@ -312,11 +297,9 @@
           this.addMsg.ClassTime = obj.ClassTime;
           this.addMsg.EndTime = obj.EndTime;
           this.addMsg.ClassContent = obj.ClassContent;
-          this.isShowAdd=true;
+          this.isShowAdd = true;
         }
       },
-  
     },
   }
-
-</script>
+</script>
\ No newline at end of file