updates

src/components/exam/questionList.vue

@@ -52,8 +52,8 @@ export default {
   position: relative;
 }
 .question-list-hd {
-  position: sticky;
-  top: 0;
+  // position: sticky;
+  // top: 0;
   display: flex;
   align-items: center;
   height: 45px;

src/pages/exam/components/resultCard.vue

@@ -20,7 +20,7 @@
           <div class="tit">{{ item.title }}</div>
           <ul>
             <template v-for="(cItem, index) in item.question_list">
-              <li @click="goQuestion(cItem.id)" :class="`stu${cItem.cardStust}`" :key="cItem.id ">{{ index + 1 }}</li>
+              <li @click="goQuestion(cItem.id)" :class="`stu${cItem.cardStust}`" :key="cItem.id">{{ index + 1 }}</li>
             </template>
           </ul>
         </div>
@@ -76,13 +76,13 @@ export default {
       this.data.questions.question_items.forEach(list => {
         list.question_list = list.question_list.reduce((a, b) => {
           return a.concat(b)
-        })
+        }, [])
         list.question_list.map(item => {
           if (!this.data.answers[list.question_item_id][item.id].answer.length) {
             item.cardStust = 3
             return item
           } else {
-            this.data.score_items[list.question_item_id][item.id].is_right ? item.cardStust = 1 : item.cardStust = 2
+            this.data.score_items[list.question_item_id][item.id].is_right ? (item.cardStust = 1) : (item.cardStust = 2)
             return item
           }
         })
@@ -97,10 +97,10 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.card-box{
+.card-box {
   position: relative;
   height: 100%;
-  .tips-box{
+  .tips-box {
     display: flex;
     justify-content: center;
     padding: 15px 0 10px;
@@ -108,57 +108,57 @@ export default {
     margin: 0;
     list-style: none;
     border-bottom: 1px solid #ccc;
-    li{
-      &:nth-child(2){
+    li {
+      &:nth-child(2) {
         margin: 0 50px;
       }
-      .circle1{
+      .circle1 {
         width: 24px;
         height: 24px;
         background: #fff;
-        border: 2px solid #0FC118;
+        border: 2px solid #0fc118;
         border-radius: 50%;
         box-sizing: border-box;
       }
-      .circle2{
+      .circle2 {
         width: 24px;
         height: 24px;
-        border: 2px solid #C01540;
+        border: 2px solid #c01540;
         border-radius: 50%;
         box-sizing: border-box;
       }
-      .circle3{
+      .circle3 {
         width: 24px;
         height: 24px;
         background: #999999;
         border-radius: 50%;
       }
-      .circle4{
+      .circle4 {
         position: relative;
         width: 24px;
         height: 24px;
-        border: 1px solid #CCCCCC;
+        border: 1px solid #cccccc;
         border-radius: 50%;
-        &::after{
+        &::after {
           content: '';
           position: absolute;
           top: -1px;
           right: -1px;
           width: 4px;
           height: 4px;
-          background: #C01540;
+          background: #c01540;
           border-radius: 50%;
         }
       }
-      .txt{
+      .txt {
         margin-top: 5px;
         font-size: 12px;
-        color: #CCCCCC;
+        color: #cccccc;
         line-height: 17px;
       }
     }
   }
-  .order-num{
+  .order-num {
     height: 420px;
     overflow-y: scroll;
     padding-left: 30px;
@@ -167,27 +167,27 @@ export default {
       display: none;
     }
     // padding-bottom: 90px;
-    .tit{
+    .tit {
       font-size: 12px;
       color: #999999;
       line-height: 17px;
       margin-bottom: 12px;
       margin-top: 30px;
     }
-    ul{
+    ul {
       display: flex;
       list-style: none;
       padding: 0;
       margin: 0;
       flex-wrap: wrap;
-      li{
+      li {
         box-sizing: border-box;
         cursor: pointer;
         position: relative;
         border-radius: 50px;
         width: 24px;
         height: 24px;
-        border: 1px solid #CCCCCC;
+        border: 1px solid #cccccc;
         font-size: 12px;
         color: #666666;
         line-height: 24px;
@@ -197,22 +197,22 @@ export default {
         // &:nth-child(5n+5){
         //   margin-right: 0;
         // }
-        &.stu1{
-          border: 2px solid #0FC118;
+        &.stu1 {
+          border: 2px solid #0fc118;
           line-height: 22px;
         }
-        &.stu2{
-          border: 2px solid #C01540;
+        &.stu2 {
+          border: 2px solid #c01540;
           line-height: 22px;
         }
-        &.stu3{
+        &.stu3 {
           color: #fff;
           background: #999999;
         }
       }
     }
   }
-  .btn-box{
+  .btn-box {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -222,26 +222,26 @@ export default {
     align-items: center;
     height: 60px;
     background: #fff;
-    .btn{
+    .btn {
       width: 116px;
       height: 40px;
       text-align: center;
       line-height: 40px;
       border-radius: 4px;
       cursor: pointer;
-      &:nth-child(1){
-        border: 1px solid #CCCCCC;
+      &:nth-child(1) {
+        border: 1px solid #cccccc;
         font-size: 14px;
         font-weight: bold;
         color: #999999;
         box-sizing: border-box;
       }
-      &:nth-child(2){
-        background: #C01540;
+      &:nth-child(2) {
+        background: #c01540;
         border-radius: 4px;
         font-size: 14px;
         font-weight: bold;
-        color: #FFFFFF;
+        color: #ffffff;
         margin-left: 30px;
       }
     }

src/pages/exam/testExam/index.vue

@@ -37,9 +37,13 @@ export default {
       })
     },
     startExam(item) {
-      if (item.status === 0 || item.status === 3) {
+      if ([0, 3].includes(item.status)) {
         this.open(item)
+      } else if ([1, 2].includes(item.status)) {
+        // 已完成
+        this.$router.push({ path: '/testExam/result', query: { exam_id: item.id } })
       } else {
+        // 未做
         this.$router.push({ path: '/testExam/exam', query: { exam_id: item.id, is_create: 0 } })
       }
     },
@@ -65,8 +69,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.exam-list {
-}
 .exam-item {
   display: inline-block;
   width: 300px;