1

src/components/subject/SortingProblem.vue

 <template>
   <!-- 计算题 -->
   <view>
-		<view class="item" style="padding:0 20px;">
+    <view class="item" style="padding: 0 20px">
       <view class="name">
         <view>
           {{ changeNumToHan(sortIndex) }}、{{ data.GroupName }}
-					<text style="color:#999999;">（共{{data.DetailsList.length}}道,{{data.GScore}}分）</text>
+          <text style="color: #999999"
+            >（共{{ data.DetailsList.length }}道,{{ data.GScore }}分）</text
+          >
         </view>
         <view>
-					<text class="Single_Before">{{ExamIndex}}</text>/
-					<text class="Exam_Total">{{data.DetailsList.length}}</text>
+          <text class="Single_Before">{{ ExamIndex }}</text
+          >/
+          <text class="Exam_Total">{{ data.DetailsList.length }}</text>
         </view>
       </view>
-			<swiper class="swiper-box" :autoplay="autoplay" :current="current" @change="onchange">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
         <swiper-item v-if="sortIndex != 1"></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+        <swiper-item
+          v-for="(item1, index1) in data.DetailsList"
+          :key="item1.id"
+        >
           <view class="item1">
             <view class="flex flex_start_center">
               <view>{{ index1 + 1 }}、</view>
               <view class="num" v-html="item1.Title"></view>
             </view>
             <view class="chooseName">
-							<textarea type="text" v-model="item1.myAnswer" class="input textarea" placeholder="请填写答案"
-								placeholder-style="textarea-placeholder" :maxlength="-1" />
+              <textarea
+                type="text"
+                v-model="item1.myAnswer"
+                class="input textarea"
+                placeholder="请填写答案"
+                placeholder-style="textarea-placeholder"
+                :maxlength="-1"
+              />
             </view>
           </view>
         </swiper-item>
@@ -34,7 +51,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -43,21 +60,18 @@
   watch,
   computed,
   onMounted,
-	} from "vue";
-	import {
-		changeNumToHan
-	} from "../../utils/index";
-	export default {
+} from "vue";
+import { changeNumToHan } from "../../utils/index";
+export default {
   props: {
     paperData: Object,
     sort: Number,
     sortTotal: Number,
-			isLast: Boolean
+    isLast: Boolean,
+    startIndex: Number,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -69,7 +83,10 @@
       current: 1, //默认从第几个开始-用于从快捷菜单点入
       ExamIndex: 1, //第几题
     });
-
+    if (props.startIndex) {
+      data.current = props.startIndex;
+      data.ExamIndex = props.startIndex;
+    }
     let methods = {
       changeNumToHan,
       jumpPage() {
@@ -83,29 +100,29 @@
       onchange(e) {
         data.ExamIndex = e.detail.current;
         if (data.ExamIndex === data.data.DetailsList.length + 1) {
-						console.log('进入')
-						this.$emit('getAfterTopic');
+          console.log("进入");
+          this.$emit("getAfterTopic");
         }
         if (e.detail.current == 0) {
-						this.$emit('getBeforeTopic');
-					}
+          this.$emit("getBeforeTopic");
         }
+      },
     };
     onMounted(() => {
       if (props.isLast) {
         data.current = props.paperData.DetailsList.length;
       }
-			})
+    });
     let that = methods;
     return {
       ...toRefs(data),
       ...methods,
     };
   },
-	};
+};
 </script>
 <style scoped>
-	.name {
+.name {
   height: 90rpx;
   font-size: 28rpx;
   font-family: PingFang SC;
@@ -114,46 +131,46 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
-	.Exam_Total {
+}
+.Exam_Total {
   font-size: 25rpx;
   color: gray;
-	}
-	.Single_Before {
+}
+.Single_Before {
   font-size: 28rpx;
   font-weight: bold;
-		color: #DA7878;
-	}
-	.swiper-box {
+  color: #da7878;
+}
+.swiper-box {
   height: calc(100vh - 270rpx);
   box-sizing: border-box;
-	}
-	.num {
+}
+.num {
   font-size: 26rpx;
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
-	}
+}
 
-	.item {
+.item {
   margin-bottom: 40rpx;
-	}
+}
 
-	.item1 {
+.item1 {
   align-items: center;
-	}
+}
 
-	.item2 {
+.item2 {
   /* padding-left: 25rpx; */
   margin: 30rpx 0;
-	}
+}
 
-	.choose {
+.choose {
   background-color: #00acf9 !important;
   color: #ffffff !important;
-	}
+}
 
-	.chooseNum {
+.chooseNum {
   width: 40rpx;
   height: 40rpx;
   text-align: center;
@@ -165,32 +182,32 @@
   font-family: PingFang SC;
   font-weight: bold;
   color: #111111;
-	}
+}
 
-	.chooseName {
+.chooseName {
   font-size: 24rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #111111;
-	}
+}
 
-	.input {
+.input {
   box-sizing: border-box;
   width: 690rpx;
   border-bottom: 2rpx solid #000;
   color: #000;
   font-size: 22rpx;
-	}
+}
 
-	.textarea {
+.textarea {
   box-sizing: border-box;
   padding: 20rpx 0;
-	}
+}
 
-	/deep/.textarea-placeholder {
+/deep/.textarea-placeholder {
   font-size: 20rpx;
   font-family: PingFang SC;
   font-weight: 500;
   color: #cccccc;
-	}
+}
 </style>

src/pages/exam/answerSheet.vue

@@ -39,6 +39,9 @@
         </view>
       </view>
     </view>
+    <view class="submitBox">
+      <view class="submit">立即提交</view>
+    </view>
     <van-toast id="van-toast" />
   </view>
 </template>
@@ -154,4 +157,21 @@ export default {
   background-color: #00acf9 !important;
   color: #ffffff !important;
 }
+.submitBox {
+  width: 750rpx;
+  height: 100rpx;
+  background-color: #e2e2e2;
+}
+.submit {
+  width: 600rpx;
+  height: 50rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #00acf9;
+  font-size: 28rpx;
+  font-family: PingFang SC;
+  font-weight: bold;
+  color: #fff;
+}
 </style>