fix: 修改原先在不同课程详情页之间跳转不会刷新Notice列表的bug

src/App.vue

@@ -86,14 +86,16 @@ export default {
   },
   methods: {
     fetchUserInfo () {
-      return getUserInfo().then(res => {
-        this.$store.commit(SET_USER_INFO, { userInfo: res })
-        if (res.role === userType.student) {
-          this.$router.push({ name: 'student-explore' })
-        } else {
-          this.$router.push({ name: 'teacher-explore' })
-        }
-      }).catch(err => this.$setErrorMessage(err.response.data.msg))
+      setTimeout(() => {
+        getUserInfo().then(res => {
+          this.$store.commit(SET_USER_INFO, { userInfo: res })
+          if (res.role === userType.student) {
+            this.$router.push({ name: 'student-explore' })
+          } else {
+            this.$router.push({ name: 'teacher-explore' })
+          }
+        }).catch(err => this.$setErrorMessage(err.response.data.msg))
+      }, 5000)
     }
   }
 }

src/components/Cards/NoticeCard.vue

@@ -31,11 +31,12 @@ export default {
   components: { CButton, CIcon, ShowTransition, ShowTransitionSmall },
   props: {
     notice: Object,
-    canEdit: Boolean
+    canEdit: Boolean,
+    show: Boolean
   },
   data () {
     return {
-      showMore: false
+      showMore: this.show
     }
   },
   methods: {

src/views/student/components/StudentCourseDetail.vue

@@ -7,11 +7,12 @@
         {{showMore ? '收起' : '显示'}}详情
       </c-button>
     </back-title>
+    <div class="course-name-bar">{{course.name}}</div>
     <show-transition>
       <course-detail v-if="showMore" :course="course"></course-detail>
     </show-transition>
     <template v-for="notice of notices">
-      <notice-card :key="'notice-' + notice.id"
+      <notice-card show :key="'notice-' + notice.id"
                    :notice="notice">
       </notice-card>
     </template>
@@ -50,14 +51,22 @@ export default {
       return momentFromNow(this.course.createAt)
     }
   },
+  watch: {
+    course () {
+      this.fetchNotices()
+    }
+  },
   mounted () {
-    getNotices({ courseId: this.course.id }).then(res => {
-      this.notices = res.data
-    }).catch(err => {
-      this.$setErrorMessage(err.response.data.msg)
-    })
+    this.fetchNotices()
   },
   methods: {
+    fetchNotices () {
+      getNotices({ courseId: this.course.id }).then(res => {
+        this.notices = res.data
+      }).catch(err => {
+        this.$setErrorMessage(err.response.data.msg)
+      })
+    },
     handleCheckSlideList () {
       this.$router.push({ name: 'student-course-slides' })
     },
@@ -99,4 +108,10 @@ export default {
 .course-detail {
   transform: translateY(-16px);
 }
+
+.course-name-bar {
+  position: relative;
+  margin-bottom: 10px;
+  top: -12px;
+}
 </style>

src/views/teacher/components/TeacherCourseDetail.vue

@@ -12,7 +12,7 @@
     </show-transition>
     <template v-if="notices">
       <template v-for="notice of notices">
-        <notice-card can-edit :notice="notice" :key="'notice-' + notice.id"></notice-card>
+        <notice-card show can-edit :notice="notice" :key="'notice-' + notice.id"></notice-card>
       </template>
     </template>
     <div class="vertical-center mt-24">
@@ -61,12 +61,20 @@ export default {
       return momentFromNow(this.course.createAt)
     }
   },
+  watch: {
+    course () {
+      this.fetchNotices()
+    }
+  },
   mounted() {
-    getNotices({ courseId: this.course.id }).then(res => {
-      this.notices = res.data
-    })
+    this.fetchNotices()
   },
   methods: {
+    fetchNotices () {
+      getNotices({ courseId: this.course.id }).then(res => {
+        this.notices = res.data
+      })
+    },
     handleCheckSlideList () {
       this.$router.push({ name: 'teacher-course-slides' })
     },