页面修改

src/components/questiontype/v-single.vue

@@ -11,9 +11,17 @@
       <tbody v-for="(item,index) in data.QuestionContentObj" :key="index">
         <tr>
           <td style="width:40px;text-align:center;">
-            <div class="Answer_List2">
-              {{item.Name}}
-            </div>
+            <template v-if="isOperate">
+              <div class="Answer_List2" style="cursor:pointer;" @click="ChangeItem(item)"
+                :class="{'Is_Answer':item.IsAnswer}">
+                {{item.Name}}
+              </div>
+            </template>
+            <template v-else>
+              <div class="Answer_List2">
+                {{item.Name}}
+              </div>
+            </template>
           </td>
           <td>
             <div class="InpDIV" style="border:0;" v-html="item.Content"></div>
@@ -41,7 +49,12 @@
       isShowAnswer: {
         type: Boolean,
         default: false,
-      }
+      },
+      //是否可操作(PC端考试使用)
+      isOperate: {
+        type: Boolean,
+        default: false,
+      },
     },
     data() {
       return {
@@ -51,7 +64,17 @@
 
     mounted() {},
     methods: {
+      ChangeItem(item) {
 
+        if (this.data.QuestionContentObj && this.data.QuestionContentObj.length > 0) {
+          this.data.QuestionContentObj.forEach(item => {
+            item.IsAnswer = false;
+          })
+        }
+        item.IsAnswer = true;
+        this.data.Answer = item.Name;
+        console.log("this.data",this.data);
+      },
     },
     watch: {
       isShowAnswer: {

src/pages/exam/examtest.vue

@@ -270,7 +270,7 @@
             </span>
             <!--单选题-->
             <v-single v-if="dItem.QuestionTypeKey=='single'||dItem.QuestionTypeKey=='single-number'"
-              :questionObj="dItem" :isShowAnswer="isShowAnswer">
+              :questionObj="dItem" :isShowAnswer="isShowAnswer" :isOperate="isOperate">
             </v-single>
             <!--多选题-->
             <v-multiple v-if="dItem.QuestionTypeKey=='multiple'" :questionObj="dItem" :isShowAnswer="isShowAnswer">
@@ -365,6 +365,7 @@
         },
         PaperConfig: {}, //试卷配置
         isShowAnswer: false, //是否显示答案
+        isOperate:true,//是否可操作
         examScore: 0, //总分,
         examNum: 0, //总题量
       }