update

src/components/exam/answerCard.vue

@@ -17,88 +17,90 @@
           <div class="code">{{ info.examinee_number }}</div>
         </div>
       </div>
-      <div class="order-num">
-        <template v-for="(item, index) in questionParams.question.question_items">
-          <div :key="index" v-if="item.question_item_type != 5 && item.question_item_type != 7 && item.question_item_type != 8">
-            <div class="tit">{{ item.question_item_title }}</div>
-            <ul>
-              <template v-for="(cItem, cIndex) in item.question_list">
-                <!-- stu1已答  stu2当前  stu3标记 -->
-                <li
-                  :key="cItem.q_order + '-' + cIndex"
-                  @click="goQuestion(cItem.q_order)"
-                  :class="
-                    questionParams.questionIndex + 1 === cItem.q_order
-                      ? questionParams.answerRecord[item.question_item_id]
-                        ? questionParams.answerRecord[item.question_item_id][cItem.id]
-                          ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
-                            ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
-                              ? 'stu1 stu2 stu3'
-                              : 'stu1 stu2'
-                            : questionParams.answerRecord[item.question_item_id][cItem.id].sign
-                            ? 'stu2 stu3'
-                            : 'stu2'
-                          : 'stu2'
-                        : 'stu2'
-                      : questionParams.answerRecord[item.question_item_id]
-                      ? questionParams.answerRecord[item.question_item_id][cItem.id]
-                        ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
-                          ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
-                            ? 'stu1 stu3'
-                            : 'stu1'
-                          : questionParams.answerRecord[item.question_item_id][cItem.id].sign
-                          ? 'stu3'
-                          : ''
-                        : ''
-                      : ''
-                  "
-                >
-                  {{ cItem.q_order }}
-                </li>
-              </template>
-            </ul>
-          </div>
-          <div :key="index" v-else>
-            <div class="tit">{{ item.question_item_title }}</div>
-            <ul>
-              <template v-for="cItem in item.question_list">
-                <template v-for="(lItem, lIndex) in cItem.list">
+      <div class="order-scroll">
+        <div class="order-num">
+          <template v-for="(item, index) in questionParams.question.question_items">
+            <div :key="index" v-if="item.question_item_type != 5 && item.question_item_type != 7 && item.question_item_type != 8">
+              <div class="tit">{{ item.question_item_title }}</div>
+              <ul>
+                <template v-for="(cItem, cIndex) in item.question_list">
+                  <!-- stu1已答  stu2当前  stu3标记 -->
                   <li
-                    :key="lItem.q_order + '-' + lIndex"
-                    @click="goQuestion(lItem.q_order)"
+                    :key="cItem.q_order + '-' + cIndex"
+                    @click="goQuestion(cItem.q_order)"
                     :class="
-                      questionParams.questionIndex + 1 === lItem.q_order
+                      questionParams.questionIndex + 1 === cItem.q_order
                         ? questionParams.answerRecord[item.question_item_id]
-                          ? questionParams.answerRecord[item.question_item_id][lItem.id]
-                            ? questionParams.answerRecord[item.question_item_id][lItem.id].answer.length !== 0
-                              ? questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                          ? questionParams.answerRecord[item.question_item_id][cItem.id]
+                            ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
+                              ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
                                 ? 'stu1 stu2 stu3'
                                 : 'stu1 stu2'
-                              : questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                              : questionParams.answerRecord[item.question_item_id][cItem.id].sign
                               ? 'stu2 stu3'
                               : 'stu2'
                             : 'stu2'
                           : 'stu2'
                         : questionParams.answerRecord[item.question_item_id]
-                        ? questionParams.answerRecord[item.question_item_id][lItem.id]
-                          ? questionParams.answerRecord[item.question_item_id][lItem.id].answer[0]
-                            ? questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                        ? questionParams.answerRecord[item.question_item_id][cItem.id]
+                          ? questionParams.answerRecord[item.question_item_id][cItem.id].answer.length !== 0
+                            ? questionParams.answerRecord[item.question_item_id][cItem.id].sign
                               ? 'stu1 stu3'
                               : 'stu1'
-                            : questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                            : questionParams.answerRecord[item.question_item_id][cItem.id].sign
                             ? 'stu3'
                             : ''
                           : ''
                         : ''
                     "
                   >
-                    {{ lItem.q_order }}
+                    {{ cItem.q_order }}
                   </li>
                 </template>
-              </template>
-            </ul>
-          </div>
-        </template>
+              </ul>
+            </div>
+            <div :key="index" v-else>
+              <div class="tit">{{ item.question_item_title }}</div>
+              <ul>
+                <template v-for="cItem in item.question_list">
+                  <template v-for="(lItem, lIndex) in cItem.list">
+                    <li
+                      :key="lItem.q_order + '-' + lIndex"
+                      @click="goQuestion(lItem.q_order)"
+                      :class="
+                        questionParams.questionIndex + 1 === lItem.q_order
+                          ? questionParams.answerRecord[item.question_item_id]
+                            ? questionParams.answerRecord[item.question_item_id][lItem.id]
+                              ? questionParams.answerRecord[item.question_item_id][lItem.id].answer.length !== 0
+                                ? questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                                  ? 'stu1 stu2 stu3'
+                                  : 'stu1 stu2'
+                                : questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                                ? 'stu2 stu3'
+                                : 'stu2'
+                              : 'stu2'
+                            : 'stu2'
+                          : questionParams.answerRecord[item.question_item_id]
+                          ? questionParams.answerRecord[item.question_item_id][lItem.id]
+                            ? questionParams.answerRecord[item.question_item_id][lItem.id].answer[0]
+                              ? questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                                ? 'stu1 stu3'
+                                : 'stu1'
+                              : questionParams.answerRecord[item.question_item_id][lItem.id].sign
+                              ? 'stu3'
+                              : ''
+                            : ''
+                          : ''
+                      "
+                    >
+                      {{ lItem.q_order }}
+                    </li>
+                  </template>
+                </template>
+              </ul>
+            </div>
+          </template>
+        </div>
       </div>
     </div>
     <!-- <ul class="flag-tips">
@@ -129,14 +131,29 @@ export default {
     questionParams: { type: Object, default: () => {} },
     info: { type: Object, default: () => {} }
   },
+  data() {
+    return {
+    }
+  },
   mounted() {
-    Bus.$on('monitoringChanges', target => {
-      this.$forceUpdate()
-    })
-    const wrapper = this.$refs.wrapper
-    new BScroll(wrapper)
+    if (!this.isMobile()) {
+      Bus.$on('monitoringChanges', target => {
+        this.$forceUpdate()
+      })
+      const wrapper = this.$refs.wrapper
+      new BScroll(wrapper)
+    }
   },
   methods: {
+    isMobile() {
+      const ua = navigator.userAgent
+      const isWindowsPhone = /(?:Windows Phone)/.test(ua)
+      const isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone
+      const isAndroid = /(?:Android)/.test(ua)
+      const isPhone = /(?:iPhone)/.test(ua)
+      const isPc = !isPhone && !isAndroid && !isSymbian
+      return isPc
+    },
     goQuestion(n) {
       this.$emit('switchQuestion')
       this.questionParams.questionIndex = n - 1
@@ -175,6 +192,10 @@ export default {
     }
   }
 }
+.order-scroll{
+  // max-height: 100px;
+  // overflow-y: scroll;
+}
 .order-num {
   padding-bottom: 90px;
   .tit {

src/components/exam/question.vue

@@ -46,7 +46,7 @@
       <!-- || item.question_item_type == 7 || item.question_item_type == 8 -->
       <div class="title-type">
         <div class="type">{{ questionData.question_item_title }}</div>
-        <div class="num">{{ questionData.q_order }}/{{ questionParams.question.total_question_count }}</div>
+        <div class="num">{{ questionParams.questionIndex + 1 }}/{{ questionParams.question.total_question_count }}</div>
       </div>
       <div class="case-que">
         <div class="stem" v-html="questionData.common_content"></div>

src/pages/exam/examAnswer.vue

@@ -24,7 +24,7 @@
             ></question>
           </div>
         </div>
-        <div class="right" ref="wrapper">
+        <div :class="isMobile() ? 'right scroll' : 'right hidden'" ref="wrapper">
           <answer-card
             :questionParams="questionParams"
             :changeTime="changeTime"
@@ -449,7 +449,16 @@ export default {
       width: 220px;
       background: #fff;
       padding: 0 20px;
-      overflow-y: hidden;
+      &.hidden{
+        overflow: hidden;
+      }
+      &.scroll{
+        overflow-y: scroll;
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
       // scrollbar-width: none;
       // &::-webkit-scrollbar {
       //   display: none;