bug fixes

src/pages/hall/components/schoolHelp.vue

@@ -94,9 +94,12 @@ export default {
   },
   methods: {
     pointScroll(){
-      $('html, body').animate({ 
-        scrollTop: $(`#point${this.$route.query.point}`).offset().top
-      }, 300)
+      console.log($(`#point${this.$route.query.point}`), '123')
+      if (this.$route.query.point !== undefined) {
+        $('html, body').animate({
+          scrollTop: $(`#point${this.$route.query.point}`).offset().top
+        }, 300)
+      }
     },
     goPage(path, n) {
       if (n) {
@@ -124,8 +127,9 @@ export default {
     }
   },
   watch: {
-    $route: {
+    '$route': {
       handler: function(val, oldVal){
+        // 'pointScroll'
         this.pointScroll()
       },
       deep: true

src/pages/hall/components/teacherHelp.vue

 <template>
   <div class="teacher-box">
     <div class="module1 content-max-width" id="pointt0">
-      <img src="https://zws-imgs-pub.ezijing.com/static/public/895216245db6e0fa6551d61a3a5de958.png" alt="">
-      <img class="mar-t16" src="https://zws-imgs-pub.ezijing.com/static/public/1b9f08b595bc674a2f26f58a14b7c974.png" alt="">
+      <img src="https://zws-imgs-pub.ezijing.com/static/public/895216245db6e0fa6551d61a3a5de958.png" alt="" />
+      <img
+        class="mar-t16"
+        src="https://zws-imgs-pub.ezijing.com/static/public/1b9f08b595bc674a2f26f58a14b7c974.png"
+        alt=""
+      />
       <!-- <div class="title">师资培训报名</div>
       <div class="p">紫荆教育计划2021年共开展9期针对“金融产品数字化营销职业技能等级证书”的师资培训，具体安排如下：</div>
       <img style="width:30%;display:block;margin:0 auto;" src="https://zws-imgs-pub.ezijing.com/static/public/50ce208136ab7e9c023450940d94fb14.png" alt="">
@@ -40,13 +44,13 @@
         <div class="p1">
           <span>培训地点：</span>
           <div class="color-c">
-            深圳 
+            深圳
           </div>
         </div>
         <div class="p1">
           <span>培训起始时间：</span>
           <div class="color-c">
-            2021年3月22日-26日（3月21日报到） 
+            2021年3月22日-26日（3月21日报到）
           </div>
         </div>
         <div class="p1">
@@ -58,7 +62,7 @@
       </div> -->
       <div class="title mar-t36-b26" id="pointt1">师资学习平台</div>
       <div class="item">
-        <img src="https://zws-imgs-pub.ezijing.com/static/public/0e01f2de1b44db0e612e1638cc087517.png" alt="">
+        <img src="https://zws-imgs-pub.ezijing.com/static/public/0e01f2de1b44db0e612e1638cc087517.png" alt="" />
         <div class="content">
           <div class="text">
             紫荆教育为师生精心打造综合一体化学习平台，可实现考核体系的标准化，数据资源的统一化，师资学习的多元化，以及学习管理的系统化，最终形成学、练、训、考、评、管一体的数字化营销学习平台。
@@ -77,7 +81,11 @@
         </div> -->
         <div class="title mar-t36-b16" id="pointt2">授权师资名单</div>
         <div class="cert-box">
-          <img style="margin: 0 16px" src="https://zws-imgs-pub.ezijing.com/static/public/0b0412a8f5673b0bde98a2c57949f641.png" alt="">
+          <img
+            style="margin: 0 16px"
+            src="https://zws-imgs-pub.ezijing.com/static/public/0b0412a8f5673b0bde98a2c57949f641.png"
+            alt=""
+          />
           <div class="content">
             <div class="text">
               紫荆教育1+X金融产品数字化营销职业技能等级证书师资培训为期3天，培训结束后一周内，公布授权师资名单。随后将结业证书邮寄到老师所在院校。
@@ -92,7 +100,7 @@
           <div class="title">开班授课</div>
           <div class="item">
             <div class="item">
-              <img src="https://zws-imgs-pub.ezijing.com/static/public/4da0818309b5b8f6ff494ae428dd24e0.png" alt="">
+              <img src="https://zws-imgs-pub.ezijing.com/static/public/4da0818309b5b8f6ff494ae428dd24e0.png" alt="" />
               <div class="content">
                 <div class="text">
                   获得培训资质后，老师可使用紫荆教育学习系统的辅助教学功能，完成对学生的授课教学。学习系统支持视频课程教学播放、PPT课程讲义播放、管理班级学员和开班课、了解进度等功能。
@@ -123,10 +131,15 @@ export default {
     }
   },
   methods: {
-    pointScroll(){
-      $('html, body').animate({ 
-        scrollTop: $(`#point${this.$route.query.point}`).offset().top
-      }, 500)
+    pointScroll() {
+      if (this.$route.query.point !== undefined) {
+        $('html, body').animate(
+          {
+            scrollTop: $(`#point${this.$route.query.point}`).offset().top
+          },
+          500
+        )
+      }
     },
     goPage(path, n) {
       if (n) {
@@ -156,7 +169,8 @@ export default {
   },
   watch: {
     $route: {
-      handler: function(val, oldVal){
+      handler: function(val, oldVal) {
+        // 'pointScroll'
         this.pointScroll()
       },
       deep: true
@@ -165,14 +179,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.content-max-width{
+.content-max-width {
   width: 1200px;
   margin: 0 auto;
 }
-.all-btn{
+.all-btn {
   width: 104px;
   height: 40px;
-  background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #C01540 100%);
+  background: linear-gradient(315deg, rgba(225, 47, 116, 0.83) 0%, #c01540 100%);
   border-radius: 4px;
   text-align: center;
   line-height: 40px;
@@ -180,150 +194,150 @@ export default {
   font-size: 14px;
   cursor: pointer;
 }
-.mar-t16{
+.mar-t16 {
   margin-top: 16px;
 }
-.teacher-box{
-  .module1{
+.teacher-box {
+  .module1 {
     padding: 36px 0;
-    .new-liu{
+    .new-liu {
       padding-top: 16px;
-      .title{
+      .title {
         font-size: 18px;
         color: rgba(63, 63, 63, 1);
       }
-      .new-p{
+      .new-p {
         line-height: 36px;
         color: rgba(157, 157, 157, 1);
         font-size: 18px;
-        span{
+        span {
           color: rgba(0, 133, 232, 1);
           cursor: pointer;
         }
       }
     }
-    .title{
+    .title {
       font-weight: bold;
       color: #333333;
       line-height: 33px;
       font-size: 24px;
-      &.mar-t36-b26{
+      &.mar-t36-b26 {
         margin: 36px 0 26px;
       }
     }
-    .p{
+    .p {
       font-size: 18px;
       color: #666666;
       line-height: 36px;
       margin: 16px 0;
     }
-    .p1{
+    .p1 {
       margin: 16px 0;
       display: flex;
       align-items: center;
-      .color-c{
+      .color-c {
         line-height: 30px;
         color: #666666;
         font-size: 18px;
       }
-      span{
+      span {
         font-size: 18px;
         font-weight: bold;
         color: #222222;
         line-height: 30px;
       }
     }
-    .item{
+    .item {
       display: flex;
-      img{
+      img {
         width: 326px;
         height: 180px;
       }
-      .content{
+      .content {
         margin-left: auto;
         width: 790px;
-        .text{
+        .text {
           font-size: 18px;
           color: #666666;
           line-height: 36px;
         }
-        .all-btn{
+        .all-btn {
           margin-top: 16px;
         }
       }
     }
   }
-  .module2{
+  .module2 {
     background: #fff;
     padding: 36px 0;
-    .title{
+    .title {
       font-size: 24px;
       font-weight: bold;
       color: #333333;
       line-height: 33px;
-      &.mar-t36-b16{
+      &.mar-t36-b16 {
         margin: 0px 0 16px;
       }
     }
-    .p{
+    .p {
       font-size: 18px;
       color: #666666;
       line-height: 36px;
       margin: 16px 0;
     }
-    .p1{
+    .p1 {
       margin: 16px 0;
       display: flex;
       align-items: center;
-      .color-c{
+      .color-c {
         line-height: 30px;
         color: #666666;
         font-size: 18px;
       }
-      span{
+      span {
         font-size: 18px;
         font-weight: bold;
         color: #222222;
         line-height: 30px;
       }
     }
-    .cert-box{
+    .cert-box {
       display: flex;
       align-items: center;
-      img{
+      img {
         // width: 230px;
         // height: 145px;
       }
-      .text{
+      .text {
         font-size: 18px;
         color: #666666;
         margin-left: 80px;
       }
     }
   }
-  .module3{
+  .module3 {
     padding: 72px 0;
-    .title{
+    .title {
       font-size: 24px;
       font-weight: bold;
       color: #333333;
       line-height: 33px;
     }
-    .item{
+    .item {
       margin-top: 20px;
       display: flex;
-      img{
+      img {
         width: 326px;
         height: 180px;
       }
-      .content{
+      .content {
         margin-left: 76px;
-        .text{
+        .text {
           font-size: 18px;
           color: #666666;
           line-height: 36px;
         }
-        .all-btn{
+        .all-btn {
           margin-top: 16px;
         }
       }

src/pages/hall/index.vue

@@ -101,9 +101,9 @@
         </ul>
       </div>
     </div>
-    <student-help v-show="offsetTabIndex == 0"></student-help>
-    <teacher-help v-show="offsetTabIndex == 1"></teacher-help>
-    <school-help v-show="offsetTabIndex == 2"></school-help>
+    <student-help ref="help" v-show="offsetTabIndex == 0"></student-help>
+    <teacher-help ref="help" v-show="offsetTabIndex == 1"></teacher-help>
+    <school-help ref="help" v-show="offsetTabIndex == 2"></school-help>
     <vue-passport ref="passport" @ready="onReady" :options="options"></vue-passport>
   </div>
 </template>
@@ -346,6 +346,7 @@ export default {
         this.$router.push({
           path: path
         })
+        this.$refs.help.pointScroll()
       }
     }
   },

src/router/index.js

@@ -8,7 +8,11 @@ export default new Router({
   routes,
   mode: 'history', // 还有一个 hash 默认
   fallback: true, // 浏览器不支持 history时，自动改成 hash方式
-  scrollBehavior (to, from, savedPosition) {
+  scrollBehavior(to, from, savedPosition) {
     return { x: 0, y: 0 }
   }
 })
+const originalPush = Router.prototype.push
+Router.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch(err => err)
+}