1

src/components/subject/FillInTheBlanks.vue

@@ -16,10 +16,7 @@
         @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="index1">
           <view class="item1">
             <view class="flex flex_start_center">
               <view>{{ index1 + 1 }}、</view>
@@ -27,11 +24,11 @@
             </view>
             <view
               v-for="(item2, index2) in item1.QuestionContentObj"
-              :key="item2.id"
+              :key="index2"
               class="flex item2 flex_start_center"
             >
-              <view class="chooseName" @click="change(index1, index2)">
-                <input type="text" v-model="item1.myAnswer" class="input" />
+              <view class="chooseName">
+                <input type="text" v-model="item2.Content" class="input" />
               </view>
             </view>
           </view>
@@ -82,14 +79,6 @@ export default {
           url: "/pages/exam/examPaper",
         });
       },
-      back() {
-        uni.navigateBack();
-      },
-      //选题
-      change(index1, index2) {
-        data.data.DetailsList[index1].choose =
-          data.data.DetailsList[index1].QuestionContentObj[index2].Name;
-      },
       onchange(e) {
         data.ExamIndex = e.detail.current;
         if (data.ExamIndex === data.data.DetailsList.length + 1) {

src/components/subject/judge.vue

 <template>
-  <!-- 单选题 -->
+  <!-- 判断题 -->
   <view>
     <view class="item" style="padding: 0 20px">
       <view class="name">
@@ -21,10 +21,7 @@
         @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="index1">
           <view class="item1">
             <view class="flex flex_start_center">
               <view class="num" v-html="item1.Title"></view>
@@ -32,18 +29,18 @@
 
             <view
               v-for="(item2, index2) in item1.QuestionContentObj"
-              :key="item2.id"
+              :key="index2"
               class="flex item2 flex_start_center"
             >
               <view
                 class="chooseNum"
-                :class="{ myAnswer: item1.myAnswer === item2.Name }"
-                @click="change(index1, index2)"
+                :class="{ myAnswer: item2.IsAnswer }"
+                @click="change(item1, item2)"
                 >{{ item2.Name }}
               </view>
               <view
                 class="chooseName"
-                @click="change(index1, index2)"
+                @click="change(item1, item2)"
                 v-html="item2.Content"
               ></view>
             </view>
@@ -97,9 +94,14 @@ export default {
         uni.navigateBack();
       },
       //选题
-      change(index1, index2) {
-        data.data.DetailsList[index1].myAnswer =
-          data.data.DetailsList[index1].QuestionContentObj[index2].Name;
+      change(item1, item2) {
+        item1.QuestionContentObj.map((e) => {
+          if (e.Name == item2.Name) {
+            e.IsAnswer = true;
+          } else {
+            e.IsAnswer = false;
+          }
+        });
       },
       onchange(e) {
         data.ExamIndex = e.detail.current;

src/components/subject/shortAnswer.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,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>