页面修改

src/components/course/classlog-form.vue

 <style>
-  .classLog{
-    margin:0 20px;
-    height:600px;
-    overflow:auto;
+  .classLog {
+    margin: 0 20px;
+    height: 600px;
+    overflow: auto;
   }
+
   .classLog::-webkit-scrollbar {
     width: 3px;
     height: 3px;
     background-color: #F5F5F5;
   }
+
   /*!*定义滚动条轨道 内阴影+圆角*!*/
- .classLog::-webkit-scrollbar-track {
+  .classLog::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
   }
+
   /*!*定义滑块 内阴影+圆角*!*/
   .classLog::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
     background-color: #0ae;
   }
-  .classLog_Title{
-    font-size:14px;
+
+  .classLog_Title {
+    font-size: 14px;
     font-weight: bold;
-    color:#2D2D2D;
+    color: #2D2D2D;
   }
+
 </style>
 <template>
   <div class="classLog" style="margin:0 20px;">
@@ -68,15 +73,14 @@
         dataList: [],
       }
     },
-    created() {
-      this.msg.School_Id = this.setingObj.School_Id;
-      this.msg.ClassId = this.setingObj.ClassId;
-    },
+    created() {},
     mounted() {
       this.getClassLog();
     },
     methods: {
       getClassLog() {
+        this.msg.School_Id = this.setingObj.School_Id;
+        this.msg.ClassId = this.setingObj.ClassId;
         queryClassLogPageList(this.msg).then(res => {
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
@@ -84,6 +88,11 @@
         })
       },
     },
+    watch: {
+      setingObj: function (val, oldval) {
+        this.getClassLog();
+      }
+    }
   }
 
 </script>

src/components/course/classstu-form.vue

@@ -122,7 +122,6 @@
             align: 'left'
           }
         ],
-
         stuMsg: {
 
         },
@@ -149,24 +148,16 @@
       }
     },
     created() {
+
+    },
+    mounted() {
       this.getStudentData();
       this.getStudentList();
     },
-    mounted() {},
     methods: {
       //获取学员信息
       getStudentData() {
-        queryClassStudent({
-          ClassId: this.setingObj.ClassId,
-          School_Id: this.setingObj.School_Id
-        }).then(res => {
-          if (res.Code == 1) {
-            this.studentList = res.Data;
-          }
-        })
-      },
-      //获取学员信息
-      getStudentData() {
+        this.studentList = [];
         queryClassStudent({
           ClassId: this.setingObj.ClassId,
           School_Id: this.setingObj.School_Id
@@ -254,6 +245,12 @@
         }
       }
     },
+    watch: {
+      setingObj: function (val, oldval) {
+        this.getStudentData();
+        this.getStudentList();
+      }
+    }
   }
 
 </script>

src/components/course/record-form.vue

@@ -27,7 +27,7 @@
     background: #ffffff;
     text-align: center;
     line-height: 30px;
-    color:#fff;
+    color: #fff;
   }
 
   .cicle1:first-child {
@@ -43,23 +43,28 @@
     padding-left: 20px;
     background-color: #F0F5FB;
   }
-  .recordForm .reCordRed{
-    color:#FDD5dc;
+
+  .recordForm .reCordRed {
+    color: #FDD5dc;
     background-color: #F72E52;
   }
-  .recordForm .reCordBlue{
-    color:#2961FE;
+
+  .recordForm .reCordBlue {
+    color: #2961FE;
     background-color: #D4DFFF;
   }
-  .recordForm .reCordOrange{
-    color:#F28C1D;
+
+  .recordForm .reCordOrange {
+    color: #F28C1D;
     background-color: #FCE8D2;
   }
-.timecenter_Line{
-  border-left:1px solid #366595; 
-  position:absolute;
-  left:130px;
-}  
+
+  .timecenter_Line {
+    border-left: 1px solid #366595;
+    position: absolute;
+    left: 130px;
+  }
+
 </style>
 <template>
   <div class="page-body">
@@ -72,7 +77,8 @@
         </div>
       </div>
       <div>
-        <div class="col-10" style="margin-top:30px;display:flex;" v-if="dataList.resultList&&dataList.resultList.length>0">
+        <div class="col-10" style="margin-top:30px;display:flex;"
+          v-if="dataList.resultList&&dataList.resultList.length>0">
           <div class="col-4" id="timeleft">
             <div v-for="item in dataList.resultList">
               {{item.YearStr}}-{{item.MonthStr}}-{{item.DayStr}}
@@ -132,16 +138,17 @@
       }
     },
     created() {
-      this.msg.School_Id = this.setingObj.School_Id;
-      this.msg.ClassId = this.setingObj.ClassId;
-      this.msg.TeacherId = this.setingObj.Teacher_Id;
-      this.getRecord();
+
     },
     mounted() {
+      this.getRecord();
       this.GetTeacherList();
     },
     methods: {
       getRecord() {
+        this.msg.School_Id = this.setingObj.School_Id;
+        this.msg.ClassId = this.setingObj.ClassId;
+        this.msg.TeacherId = this.setingObj.Teacher_Id;
         GetClassPlanLogPageList(this.msg).then(res => {
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
@@ -169,10 +176,16 @@
       getTop(index) {
         return index * 77 + 'px';
       },
-      getHeight(data){
-        return (data.length-1)*80+'px'
+      getHeight(data) {
+        return (data.length - 1) * 80 + 'px'
       }
     },
+    watch: {
+      setingObj: function (val, oldval) {
+        this.getRecord();
+        this.GetTeacherList();
+      }
+    }
   }
 
 </script>

src/pages/course/classManage.vue

@@ -22,7 +22,8 @@
           <q-select @input="getClassList" standout="bg-primary text-white" option-value="SId" option-label="SName"
             v-model="msg.School_Id" :options="schoolList" emit-value map-options label="关联校区" />
         </div>
-      </div>    </div>
+      </div>
+    </div>
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
         separator="none" :data="data" :columns="columns" row-key="name">
@@ -70,7 +71,8 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="订单中心" @click="gotoOrder(props.row)"></q-btn>
+            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="订单中心"
+              @click="gotoOrder(props.row)"></q-btn>
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="收支明细"></q-btn>
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
               @click="EditCourse(props.row)" />
@@ -276,6 +278,8 @@
       },
       //点击班级名称
       getClassInfo(obj) {
+        this.classObjOption = null;
+        this.isShowClassInfo = false;
         this.classObjOption = obj;
         this.isShowClassInfo = true;
       }