From fcf01baa536f847f3128a89116a2f77f952d7182 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Thu, 24 Sep 2020 13:42:01 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=9E=E8=B5=9B=20=E7=90=86=E8=AE=BA?=
 =?UTF-8?q?=E8=80=83=E8=AF=95=20=E7=BB=83=E4=B9=A0=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dispatherContest/theoryExam.vue           | 129 ++++++++++++------
 1 file changed, 88 insertions(+), 41 deletions(-)

diff --git a/src/views/newMap/displayNew/dispatherContest/theoryExam.vue b/src/views/newMap/displayNew/dispatherContest/theoryExam.vue
index 6dbf52e49..283ac025d 100644
--- a/src/views/newMap/displayNew/dispatherContest/theoryExam.vue
+++ b/src/views/newMap/displayNew/dispatherContest/theoryExam.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" class="theoryExam" fullscreen style="background:#eeeeee">
-    <div class="theoryExamBody">
+    <div v-loading="loading" class="theoryExamBody">
       <div class="theoryExamBodyL">
         <div class="theoryExamQuestion">
           <div class="QuestionName">{{ covert() }}</div>
@@ -9,7 +9,7 @@
               <el-radio
                 v-for="(choice,index) in questionList[currentQuestionNum].optionList "
                 :key="index"
-                v-model="currentSelectAnswer"
+                v-model="currentRadioAnswer"
                 :label="choice.id"
                 class="eachChoice"
                 @change="changeAnswer"
@@ -26,11 +26,13 @@
               </el-checkbox-group>
             </div>
           </div>
-          <div v-if="mode=='practice'&&isSelect" class="correctAnswer">
-            {{ '答案：'+getCorrectAnswer() }}
+          <div v-if="mode=='practice'&&isSelect" class="correctAnswer" :style="answerIsCorrect?'color: #67C23A;':'color: #ff4d4f;'">
+            <span class="practiceIconTips" :class="answerIsCorrect?'el-icon-success':'el-icon-error'" />
+            <span class="practicecorrectAnswer">{{ '答案：'+correctAnswer }}</span>
           </div>
         </div>
         <div class="buttonList">
+          <el-button v-if="mode=='practice'" :disabled="isSelect" type="success" class="commitQuestion" size="small" @click="commitQuestion">确 认</el-button>
           <div class="prevAndNext">
             <el-button-group>
               <el-button type="primary" size="small" :disabled="currentQuestionNum==0" @click="prevQuestion"><span class="el-icon-arrow-left" style="margin-right:5px;" />上一题</el-button>
@@ -44,7 +46,7 @@
         <div v-if="mode=='test'" class="theoryExamBodyRT">
           <span class="noAnswer">未作答</span>
           <span class="hasAnswer">已作答</span>
-          <span class="hasSign">标记</span>
+          <!-- <span class="hasSign">标记</span> -->
         </div>
         <div class="theoryExamQuestionList">
           <div v-for="(eachNum,index) in questionList" :key="index" class="eachQuestionNum" @click="changeQuestion(index)">
@@ -61,17 +63,28 @@ export default {
     name:'TheoryExam',
     data() {
         return {
+            loading:false,
             dialogVisible:false,
             mode:'',
             questionList:[],
             currentQuestionNum:0,
-            currentSelectAnswer:'',
+            currentSelectAnswer:[],
+            currentRadioAnswer:'',
+            currentCorrectAnswer:[],
+            answerIsCorrect:false,
+            hasAnswerList:{},
+            correctAnswer:'',
             isSelect:false,
             choiceTypeList:['A', 'B', 'C', 'D', 'E', 'F', 'G']
         };
     },
     methods:{
         doShow({type}) {
+            this.loading = true;
+            this.isSelect = false;
+            this.questionList = [];
+            this.currentSelectAnswer = [];
+            this.currentRadioAnswer = '';
             let currentMode = '01';
             if (type == 'practice') {
                 currentMode = '01';
@@ -81,23 +94,23 @@ export default {
             this.mode = type;
             getItemListByProjectCode('drts', {mode:currentMode}).then(res=>{
                 this.questionList = res.data;
-                this.questionList = [...this.questionList, ...res.data, ...res.data, ...res.data, ...res.data, ...res.data, ...res.data];
+                if (this.mode == 'practice') {
+                    getPracticeQuestionProgress('drts').then(res=>{
+                        this.currentQuestionNum = res.data.questionIndex;
+                        this.loading = false;
+                    }).catch(error=>{
+                        console.log(error.message);
+                    });
+                } else {
+                    this.currentQuestionNum = 0;
+                    this.loading = false;
+                }
             });
-            if (this.mode == 'practice') {
-                getPracticeQuestionProgress('drts').then(res=>{
-                    this.currentQuestionNum = res.data.questionIndex;
-                }).catch(error=>{
-                    console.log(error.message);
-                });
-            }
             this.dialogVisible = true;
         },
         close() {
             this.dialogVisible = false;
         },
-        confirm() {
-            this.$$emit('startTheoryExam', this.form);
-        },
         covert() {
             const typeList = {'judge':'判断', 'select':'选择', 'multi':'多选'};
             const currentQuestion = this.questionList[this.currentQuestionNum];
@@ -109,6 +122,8 @@ export default {
         changeQuestion(num) {
             this.isSelect = false;
             this.currentQuestionNum = num;
+            this.currentSelectAnswer = [];
+            this.currentRadioAnswer = '';
         },
         judgeQuestionType(type) {
             const currentQuestion = this.questionList[this.currentQuestionNum];
@@ -120,23 +135,12 @@ export default {
                 return false;
             }
         },
-        getCorrectAnswer() {
-            let correctAnswer = '';
-            const question = this.questionList[this.currentQuestionNum];
-            if (question) {
-                const options = this.questionList[this.currentQuestionNum].optionList;
-                options.forEach((choice, index)=>{
-                    if (choice.correct) {
-                        correctAnswer = this.choiceTypeList[index] + '、' + choice.content;
-                    }
-                });
-            }
-            return correctAnswer;
-        },
         prevQuestion() {
             if (this.currentQuestionNum > 0) {
                 this.currentQuestionNum -= 1;
                 this.isSelect = false;
+                this.currentSelectAnswer = [];
+                this.currentRadioAnswer = '';
             }
 
         },
@@ -144,6 +148,8 @@ export default {
             if (this.currentQuestionNum < this.questionList.length) {
                 this.currentQuestionNum += 1;
                 this.isSelect = false;
+                this.currentSelectAnswer = [];
+                this.currentRadioAnswer = '';
             }
         },
         commitExam() {
@@ -155,17 +161,43 @@ export default {
             }
             return true;
         },
-        changeAnswer(data) {
+        commitQuestion() {
             if (this.mode == 'practice') {
-                this.isSelect = true;
+                this.currentCorrectAnswer = [];
+                this.correctAnswer = '';
+                this.answerIsCorrect = false;
                 const question = this.questionList[this.currentQuestionNum];
                 if (question) {
+                    const options = this.questionList[this.currentQuestionNum].optionList;
+                    options.forEach((choice, index)=>{
+                        if (choice.correct) {
+                            this.correctAnswer += this.choiceTypeList[index] + '、' + choice.content + ' ';
+                            this.currentCorrectAnswer.push(choice.id);
+                        }
+                    });
+                    if (this.currentRadioAnswer) {
+                        if (this.currentRadioAnswer == this.currentCorrectAnswer.toString()) {
+                            this.answerIsCorrect = true;
+                        } else {
+                            this.answerIsCorrect = false;
+                        }
+                    }
+                    if (this.currentSelectAnswer.length > 0) {
+                        if (this.currentCorrectAnswer.toString() == this.currentSelectAnswer.sort().toString()) {
+                            this.answerIsCorrect = true;
+                        } else {
+                            this.answerIsCorrect = false;
+                        }
+                    }
+                    this.isSelect = true;
                     updatePracticeQuestionProgress('drts', {index:this.currentQuestionNum}).then(res=>{
                     }).catch(error=>{
                         console.log(error.message);
                     });
                 }
             }
+        },
+        changeAnswer(data) {
         }
     }
 };
@@ -212,12 +244,12 @@ export default {
     border-radius: 4px;
     border: 1px #cfcfcf solid;
     display: inline-block;
-    width: 25px;
-    height: 25px;
+    width: 30px;
+    height: 30px;
     text-align: center;
-    line-height: 23px;
-    margin-right: 30px;
-    margin-top:10px;
+    line-height: 28px;
+    margin-right: 25px;
+    margin-top: 10px;
     cursor: pointer;
 }
 .noAnswer{
@@ -272,9 +304,8 @@ export default {
     margin-top: 15px;
 }
 .correctAnswer{
-    margin-left: 15px;
+    margin-left: 10px;
     margin-top: 20px;
-    color: #ff4d4f;
 }
 .buttonList{
     position: absolute;
@@ -284,9 +315,25 @@ export default {
 .prevAndNext{
     float: left;
     display: inline-block;
-    margin-right: 30px;
 }
-.commitExam{}
+.commitExam{margin-left: 30px;}
+.commitQuestion{
+    float: left;
+    margin-right: 200px;
+}
+.practiceIconTips{
+    font-size: 25px;
+    display: inline-block;
+    float: left;
+}
+.practicecorrectAnswer{
+    vertical-align: top;
+    line-height: 131%;
+    display: inline-block;
+    width: 375px;
+    margin-left: 8px;
+    margin-top: 3px;
+}
 </style>
 <style lang="scss">
 .theoryExam .el-dialog.is-fullscreen{