查找对应的职称与专业

src/views/index.vue

@@ -13,7 +13,7 @@
       <section v-show="!existBind" class="cb-wrapper padding-top-111">
         <CardBanner :hasLogin="hasLogin"></CardBanner>
       </section>
-      <section class="body">
+      <section class="body" :class="{'body-pt': !existBind}">
         <ul class="left fixed" :class="{'top': !existBind}">
           <li
             v-for="(model, mIndex) in titleTestModelList"
@@ -281,8 +281,10 @@ export default {
       let parentIndex = 0,
         subIndex = 0,
         firstSub = [],
-        secondSub = [];
-      for (let i = 0; i < list.length; i++) {
+        secondSub = [],
+        flag = false;
+      outloop: for (let i = 0; i < list.length; i++) {
+        if(flag) break;
         firstSub = list[i].firstSubjectModelList;
         for (let j = 0; j < firstSub.length; j++) {
           secondSub = firstSub[j].secondSubjectModelList;
@@ -290,11 +292,13 @@ export default {
             if (secondSub[k].bindCardStatus) {
               parentIndex = i;
               subIndex = k;
-              break;
+              flag = true;
+              break outloop;
             }
           }
         }
       }
+      // outloop: true;
       this.currentModelIndex = parentIndex;
       this.listData = this.titleTestModelList[parentIndex].firstSubjectModelList || [];
       console.log('查找对应的职称与专业', this.currentModelIndex, this.listData);
@@ -310,7 +314,7 @@ export default {
           let scrollTop = document.getElementById("subject_" + subIndex)
             .offsetTop;
           console.log(scrollTop);
-          window.scrollTo(0, scrollTop);
+          window.scrollTo(0, scrollTop + 110);
         }, 100);
       });
     },
@@ -372,6 +376,9 @@ export default {
     flex-direction: row;
     font-size: px2rem(14px);
     color: #676869;
+    &.body-pt {
+      padding-top: px2rem(40px);
+    }
     .left {
       width: px2rem(130px);
       background: red;
@@ -503,6 +510,11 @@ export default {
       }
     }
   }
+  .cb-wrapper {
+    position: fixed;
+    z-index: 2;
+    width: 100%;
+  }
 }
 .back-up-icon {
   position: fixed;