监听滚动事件

src/views/index.vue

@@ -29,7 +29,7 @@
             <li class="list" v-for="(item, index) in listData" :key="index">
               <span class="title">{{item.name}}</span>
               <ul class="item">
-                <li
+                <li :id="'subject_' + sIndex"
                   :class="{'no-active' : subject.openFlag == 0, 'has-bind' : subject.bindCardStatus == 1}"
                   v-for="(subject, sIndex) in item.secondSubjectModelList"
                   :key="sIndex"
@@ -134,6 +134,7 @@ export default {
   },
   created() {
     var _this = this;
+    _this.crrentModelIndex = 0;
     window.__getUserInfo = function(param) {
       _this.setUserInfo(param);
       _this.token = param.userToken;
@@ -237,6 +238,9 @@ export default {
         if (res.code == "000000") {
           this.existBind = res.data.existBind || 0;
           this.titleTestModelList = res.data.titleTestModelList;
+          if(this.existBind) {
+            this.resetPosition(this.titleTestModelList);
+          }
           this.listData = res.data.titleTestModelList[0].firstSubjectModelList;
         } else {
           this.message.error(res.message);
@@ -244,6 +248,39 @@ export default {
       });
     },
 
+    // 查找对应的职称与专业
+    resetPosition(list) {
+      if(!list.length) return;
+      let parentIndex = 0, subIndex = 0, firstSub = [], secondSub = [];
+      for(let i = 0; i < list.length; i ++) {
+        firstSub = list[i].firstSubjectModelList;
+        for(let j = 0; j < firstSub.length; j ++) {
+          secondSub = firstSub[j].secondSubjectModelList;
+          for(let k = 0; k < secondSub.length; k ++) {
+            if(secondSub[k].bindCardStatus) {
+              parentIndex = i;
+              subIndex = k;
+              break;
+            }
+          }
+        }
+      }
+      this.crrentModelIndex = parentIndex;
+      this.resetProjectPosition(subIndex);
+    },
+
+    // 将定位到的元素，滚动到最上面
+    resetProjectPosition(subIndex) {
+      this.$nextTick( () => {
+        setTimeout(() => {
+          // let scrollTop = this.$refs['subject_' + subIndex].offsetTop;
+          let scrollTop = document.getElementById('subject_' + subIndex).offsetTop;
+          console.log(scrollTop);
+          window.scrollTo(0, scrollTop);
+        }, 100);
+      })
+    },
+
     // 监听滚动事件
     scrollFun() {
       let scrollTop = window.scrollY;
@@ -259,6 +296,7 @@ export default {
       window.scrollTo(0, 0);
     },
 
+    // 格式化时间
     formatTime(time, cFormat) {
       return parseTime(time, cFormat)
     },

src/views/merge-detail.vue

@@ -71,7 +71,7 @@
         <div id="catalogue-content" class="catalogue-content">
           <div class="catalogue-title">
             <span class="c-title">目录</span>
-            <span class="c-sub">每周更新课程</span>
+            <span v-if="needShowUpdate" class="c-sub">每周更新课程</span>
           </div>
           <CellListDetail
             :projectComponent="projectComponentDTOS"
@@ -233,6 +233,7 @@ export default {
       showChangeCard: false, //是否展示激活弹框,
       changeCardErrorMsg: "",
       isInfresh: false,
+      needShowUpdate: false,
     };
   },
   components: {
@@ -801,6 +802,7 @@ export default {
       let list = data;
       let actionList = [];
       let detailNum = 0;
+      let needShowUpdate = false;
       for (let i = 0; i < list.length; i++) {
         for (let j = 0; j < list[i].portalModuleDTOS.length; j++) {
           detailNum++;
@@ -821,12 +823,18 @@ export default {
             z < list[i].portalModuleDTOS[j].contentList.length;
             z++
           ) {
+            if(!needShowUpdate) {
+              if(!list[i].portalModuleDTOS[j].contentList[z].id) {
+                this.needShowUpdate = true;
+              }
+            }
             list[i].portalModuleDTOS[j].contentList[z].height = _this.getHight(
               list[i].portalModuleDTOS[j].contentList[z]
             );
           }
         }
       }
+      _this.needShowUpdate = needShowUpdate;
       _this.actionList = actionList;
       _this.detailNum = detailNum;
       console.log("list转为：", list, actionList, detailNum);