考场模拟开发中

src/api/open/type.d.ts

@@ -6,6 +6,7 @@ interface Res {
 declare namespace openApi {
     interface selectFreeQuestionInfoRes extends Res {
         rows: {
+            userAnswer:string
             optsArr: string[]
             answer: string
             answerkeyword: string

src/views/driverExam/index.vue

@@ -100,24 +100,32 @@
               <div class="pl20">00:39:00</div>
             </div>
 
-            <div class="ml90 font-bold inline-block">您选择的答案：√</div>
+            <div class="ml90 font-bold inline-block">
+              您选择的答案：{{ list[listIndex].userAnswer }}
+            </div>
           </div>
         </div>
         <div class="flex cursor-pointer mt20">
+          <!-- 答案列表 -->
           <div
+            @click="setUserAnswer(_item)"
+            v-for="(_item, _index) in list[listIndex].optsArr"
+            :key="_index"
             class="w46 lh46 h46 answer-select font20 font-bold mr15 flex-grow-0"
           >
-            √
+            {{ _index }}
           </div>
-          <div class="w46 lh46 h46 answer-select font20 font-bold flex-grow-0">
+          <!-- <div class="w46 lh46 h46 answer-select font20 font-bold flex-grow-0">
             ×
-          </div>
+          </div> -->
         </div>
       </div>
       <div
         class="border-b-gray-200 border-b w-full h84 text-left pr30 pl30 flex justify-between"
       >
-        <div class="text-red-500 pt15 font-bold">操作提示：判断题</div>
+        <div class="text-red-500 pt15 font-bold">
+          操作提示：{{ getProblemTypeName(list[listIndex].questionType) }}
+        </div>
         <div class="flex h-full w390 items-center justify-between">
           <div @click="preProblem()" class="w120 lh46 bottom-button">
             上一题
@@ -196,6 +204,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 4,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:43",
@@ -246,6 +256,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 2,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:43",
@@ -296,6 +308,8 @@ export default defineComponent({
         chapterId: 108,
         diffDegree: 2,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:43",
@@ -345,6 +359,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 1,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:43",
@@ -395,6 +411,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 2,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:43",
@@ -445,6 +463,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 1,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:58",
@@ -494,6 +514,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 1,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:58",
@@ -543,6 +565,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 5,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:58",
@@ -592,6 +616,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 5,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
       {
         createTime: "2022-10-09 15:05:58",
@@ -641,6 +667,8 @@ export default defineComponent({
         chapterId: 2,
         diffDegree: 1,
         isNew: 0,
+        userAnswer: "",
+        optsArr: ["√", "×"],
       },
     ]);
     let nextProblem = () => {
@@ -655,6 +683,27 @@ export default defineComponent({
         listIndex.value = listIndex.value - 1;
       }
     };
+    let getProblemTypeName = (type: number) => {
+      let name = "";
+      switch (type) {
+        case 1:
+          name = "判断题";
+          break;
+        case 2:
+          name = "选择题";
+          break;
+        case 3:
+          name = "多选题";
+          break;
+      }
+      return name;
+    };
+    let setUserAnswer = (answer: string) => {
+      list.value[listIndex.value].userAnswer = answer;
+    };
+    let getJudgeItem=(_index:number)=>{
+      return _index==0?'√':'×'
+    }
     onMounted(() => {
       api.open
         .questionInfoSelectFreeQuestionInfo({
@@ -662,8 +711,9 @@ export default defineComponent({
         })
         .then((res) => {
           res.rows.forEach((element) => {
-            element.optsArr = element.opts.split("-").sort();
+            element.optsArr = element.opts.split("-");
           });
+          list.value = res.rows;
         });
     });
     return {
@@ -673,6 +723,8 @@ export default defineComponent({
       listIndex,
       nextProblem,
       preProblem,
+      getProblemTypeName,
+      setUserAnswer
     };
   },