1

src/components/subject/Calculation.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.Answer"
+                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,19 +60,17 @@
   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,
   },
   setup(props, context) {
-			let {ctx} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -81,29 +96,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;
@@ -112,44 +127,44 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.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 {
   margin: 25rpx 0;
   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;
@@ -161,32 +176,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/components/subject/Dataquestion.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-item v-if="sortIndex != 1"></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
+        <swiper-item></swiper-item>
+        <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 v-for="(item2, index2) in item1.QuestionContentObj" :key="item2.id"
-							class="flex item2 flex_start_center">
+            <view
+              v-for="(item2, index2) in item1.QuestionContentObj"
+              :key="index2"
+              class="flex item2 flex_start_center"
+            >
               <view class="chooseName">
                 <input type="text" v-model="item2.Content" class="input" />
               </view>
@@ -36,7 +50,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -45,21 +59,17 @@
   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,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -85,29 +95,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;
@@ -116,44 +126,44 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.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 {
   margin: 25rpx 0;
   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 +175,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/components/subject/EntryProblem.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-item v-if="sortIndex != 1"></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
+        <swiper-item></swiper-item>
+        <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
           <view class="item1">
             <view class="flex flex_start_center">
               <view>{{ index1 + 1 }}、</view>
               <view class="num" v-html="item1.Title"></view>
             </view>
-						<view v-for="(item2, index2) in item1.QuestionContentObj" :key="item2.id"
-							class="flex item2 flex_start_center">
+            <view
+              v-for="(item2, index2) in item1.QuestionContentObj"
+              :key="index2"
+              class="flex item2 flex_start_center"
+            >
               <view class="chooseName">
-								<input type="text" v-model="item2.Content" class="input" />
+                <input
+                  type="text"
+                  v-model="item2.Content"
+                  class="input"
+                  @input="input($event, item2)"
+                />
               </view>
             </view>
           </view>
@@ -36,7 +52,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -45,21 +61,17 @@
   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,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -85,29 +97,32 @@
       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");
         }
+      },
+      input(e, i) {
+        console.log(i);
+      },
     };
     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;
@@ -116,46 +131,46 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.Single_Before {
+.Single_Before {
   font-size: 28rpx;
   font-weight: bold;
-		color: #DA7878;
-	}
+  color: #da7878;
+}
 
-	.swiper-box {
+.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 {
   margin: 25rpx 0;
   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;
@@ -167,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/components/subject/ListenTopic.vue

 <template>
-  <!-- 单选题 -->
+  <!-- 听力题 -->
   <view class="listen">
     <view class="item" style="padding: 0 20px">
       <view class="name">
@@ -38,6 +38,7 @@
 				  :time="audioTime"
 				  :auto-start="false"
 				   class="flex flex_center_center"
+				   style="color:#00acf9;"
 				  ref="listenCountdown"
 				  format="mm:ss"
 				/>
@@ -157,7 +158,8 @@ export default {
     isLast: Boolean,
   },
   setup(props, context) {
-    let { refs } = getCurrentInstance();
+    let {refs}  = getCurrentInstance();
+	
     let data = reactive({
       autoplay: false,
       sortIndex: props.sort + 1, //大题序号
@@ -183,6 +185,7 @@ export default {
         }
       });
     });
+
     let methods = {
       changeNumToHan,
       jumpPage() {
@@ -212,7 +215,7 @@ export default {
 		if(data.isPlay)	{
 				innerAudioContext.play();
 				// refs.listenCountdown.start();
-				console.log("开始播放",refs);
+				console.log("开始播放");
 				 data.isPlay=false
 		}else{
 			innerAudioContext.stop();
@@ -265,6 +268,7 @@ export default {
       },
     };
     onMounted(() => {
+		console.log('refs',refs)
       if (props.isLast) {
         data.current = props.paperData.DetailsList.length;
       }
@@ -385,6 +389,5 @@ export default {
 .listen .van-count-down{
 	font-size: 22rpx !important;
 	color: #00acf9 !important;
-	background-color: #000000
 }
 </style>

src/components/subject/easyQuestion.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-item v-if="sortIndex != 1"></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
+        <swiper-item></swiper-item>
+        <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.Answer"
+                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,17 @@
   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,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -83,29 +96,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,44 +127,44 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.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 {
   margin: 25rpx 0;
   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;
@@ -163,32 +176,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/components/subject/nounExplanation.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-item v-if="sortIndex != 1"></swiper-item>
-				<swiper-item v-for="(item1, index1) in data.DetailsList" :key="item1.id">
+      <swiper
+        class="swiper-box"
+        :autoplay="autoplay"
+        :current="current"
+        @change="onchange"
+      >
+        <swiper-item></swiper-item>
+        <swiper-item v-for="(item1, index1) in data.DetailsList" :key="index1">
           <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.Answer"
+                class="input textarea"
+                placeholder="请填写答案"
+                placeholder-style="textarea-placeholder"
+                :maxlength="-1"
+              />
             </view>
           </view>
         </swiper-item>
@@ -34,7 +48,7 @@
 </template>
 
 <script>
-	import {
+import {
   ref,
   reactive,
   toRefs,
@@ -43,21 +57,17 @@
   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,
   },
   setup(props, context) {
-			let {
-				ctx
-			} = getCurrentInstance();
+    let { ctx } = getCurrentInstance();
     props.paperData.DetailsList.forEach((item, index) => {
       item.myAnswer = "";
     });
@@ -83,29 +93,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,44 +124,44 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-	}
+}
 
-	.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 {
   margin: 25rpx 0;
   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;
@@ -163,32 +173,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>