答题弹框修改

src/views/upload-result/index.vue

@@ -273,6 +273,33 @@
       :visible.sync="dialogVisible"
       class="answer_box"
     >
+      <div class="carousel_box">
+        <div
+          style="
+            width: 10%;
+            height: 30px;
+            display: inline-block;
+            cursor: pointer;
+          "
+          v-for="(item, index) in test_result_sub_data"
+          :key="index"
+          v-show="
+            index >= (Math.ceil((s_item + 1) / 10) - 1) * 10 &&
+            index < Math.ceil((s_item + 1) / 10) * 10
+          "
+          @click="s_item = index"
+        >
+          <!-- (s_item - 4 <= index && s_item + 5 >= index) ||
+            (s_item < 5 && index < 10) ||
+            (s_item >= test_result_sub_data.length - 5 &&
+              index > test_result_sub_data.length - 11) -->
+          <el-tag :type="index == s_item ? '' : 'info'"
+            >{{ index + 1 }}:{{
+              test_result_sub_data[index].value || '无'
+            }}</el-tag
+          >
+        </div>
+      </div>
       <div slot="title">
         <span>
           请选择第{{ s_item + 1 }}题等级：{{
@@ -325,6 +352,33 @@
       :visible.sync="dialogVisibleMobile"
       class="answer_box"
     >
+      <div class="carousel_box">
+        <div
+          style="
+            width: 20%;
+            height: 30px;
+            display: inline-block;
+            cursor: pointer;
+          "
+          v-for="(item, index) in test_result_sub_data"
+          :key="index"
+          v-show="
+            index >= (Math.ceil((s_item + 1) / 5) - 1) * 5 &&
+            index < Math.ceil((s_item + 1) / 5) * 5
+          "
+          @click="s_item = index"
+        >
+          <!-- (s_item - 4 <= index && s_item + 5 >= index) ||
+            (s_item < 5 && index < 10) ||
+            (s_item >= test_result_sub_data.length - 5 &&
+              index > test_result_sub_data.length - 11) -->
+          <el-tag :type="index == s_item ? '' : 'info'"
+            >{{ index + 1 }}:{{
+              test_result_sub_data[index].value || '无'
+            }}</el-tag
+          >
+        </div>
+      </div>
       <div slot="title">
         <span>
           请选择第{{ s_item + 1 }}题等级：{{
@@ -808,4 +862,9 @@ export default {
     right: 20%;
   }
 }
+.carousel_box {
+  width: 100%;
+  border-bottom: 1px solid #dcdfe6;
+  margin-bottom: 10px;
+}
 </style>