From 2caa0da8c67d54f620aa3ac9bfd73f48e7181ecf Mon Sep 17 00:00:00 2001
From: xusd <xu13181496959@163.com>
Date: Tue, 14 May 2024 16:57:29 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E6=A0=B8=E8=AF=84=E4=BC=B0=20?=
 =?UTF-8?q?=E6=88=91=E7=9A=84=E8=80=83=E8=AF=95=20=E8=80=83=E8=AF=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../java/com/inspur/examine/vo/MyExamVO.java  |  31 ++
 .../main/resources/mapper/MyExamineMapper.xml |  17 +-
 inspur-ui/src/api/examine/myExamine.js        |  17 ++
 .../src/views/examine/myExamine/index.vue     | 273 +++++++++++++++++-
 4 files changed, 330 insertions(+), 8 deletions(-)

diff --git a/inspur-service/inspur-examine/src/main/java/com/inspur/examine/vo/MyExamVO.java b/inspur-service/inspur-examine/src/main/java/com/inspur/examine/vo/MyExamVO.java
index 03212e4..4650def 100644
--- a/inspur-service/inspur-examine/src/main/java/com/inspur/examine/vo/MyExamVO.java
+++ b/inspur-service/inspur-examine/src/main/java/com/inspur/examine/vo/MyExamVO.java
@@ -1,5 +1,6 @@
 package com.inspur.examine.vo;
 
+import com.inspur.common.annotation.Excel;
 import lombok.Data;
 
 import java.math.BigDecimal;
@@ -44,6 +45,36 @@ public class MyExamVO {
      */
     private String examRules;
 
+    /**
+     * 单选题数量
+     */
+    private Integer singleChoice;
+
+    /**
+     * 多选题数量
+     */
+    private Integer multipleChoice;
+
+    /**
+     * 判断题数量
+     */
+    private Integer judge;
+
+    /**
+     * 单选题分数
+     */
+    private BigDecimal singleChoiceScore;
+
+    /**
+     * 多选题分数
+     */
+    private BigDecimal multipleChoiceScore;
+
+    /**
+     * 判断题分数
+     */
+    private BigDecimal judgeScore;
+
     /**
      * 总分数
      */
diff --git a/inspur-service/inspur-examine/src/main/resources/mapper/MyExamineMapper.xml b/inspur-service/inspur-examine/src/main/resources/mapper/MyExamineMapper.xml
index b0ce55f..e60a375 100644
--- a/inspur-service/inspur-examine/src/main/resources/mapper/MyExamineMapper.xml
+++ b/inspur-service/inspur-examine/src/main/resources/mapper/MyExamineMapper.xml
@@ -173,7 +173,14 @@
         ei.exam_duration AS examDuration,
         ei.exam_rules AS examRules,
         ei.total_score AS totalScore,
-        ei.pass_score AS passScore
+        ei.pass_score AS passScore,
+        ei.pass_score AS passScore,
+        ei.single_choice as singleChoice,
+        ei.multiple_choice as multipleChoice,
+        ei.judge as judge,
+        ei.single_choice_score as singleChoiceScore,
+        ei.multiple_choice_score as multipleChoiceScore,
+        ei.judge_score as judgeScore
         FROM
         exam_paper_info AS epi
         LEFT JOIN exam_info AS ei ON epi.exam_id = ei.id
@@ -219,7 +226,13 @@
         ei.exam_duration AS examDuration,
         ei.exam_rules AS examRules,
         ei.total_score AS totalScore,
-        ei.pass_score AS passScore
+        ei.pass_score AS passScore,
+        ei.single_choice as singleChoice,
+        ei.multiple_choice as multipleChoice,
+        ei.judge as judge,
+        ei.single_choice_score as singleChoiceScore,
+        ei.multiple_choice_score as multipleChoiceScore,
+        ei.judge_score as judgeScore
         FROM
         exam_paper_info AS epi
         LEFT JOIN exam_info AS ei ON epi.exam_id = ei.id
diff --git a/inspur-ui/src/api/examine/myExamine.js b/inspur-ui/src/api/examine/myExamine.js
index 2514a58..df1596e 100644
--- a/inspur-ui/src/api/examine/myExamine.js
+++ b/inspur-ui/src/api/examine/myExamine.js
@@ -51,3 +51,20 @@ export function getAttestationList(query) {
     params: query
   })
 }
+
+// 获取考试信息以及试题
+export function getHistoryExam(id) {
+  return request({
+    url: '/examine/myExamine/getHistoryExam/' + id,
+    method: 'get'
+  })
+}
+
+// 提交考试
+export function submitExam(data) {
+  return request({
+    url: '/examine/myExamine/submitExam',
+    method: 'post',
+    data: data
+  })
+}
diff --git a/inspur-ui/src/views/examine/myExamine/index.vue b/inspur-ui/src/views/examine/myExamine/index.vue
index 48d9a10..ea88609 100644
--- a/inspur-ui/src/views/examine/myExamine/index.vue
+++ b/inspur-ui/src/views/examine/myExamine/index.vue
@@ -232,18 +232,121 @@
         />
       </el-tab-pane>
     </el-tabs>
+
+    <el-dialog :title="answerTitle" :visible.sync="answerOpen" width="1400px" :before-close="beforeCloseAnswerDialog"  append-to-body>
+      <h1 style="text-align: center;"><b>{{answerForm.examName}}</b></h1>
+      <h2 style="text-align: center;">考生名称：{{answerForm.examineName}} 考试时长：{{answerForm.examDuration}}分钟</h2>
+      <h2 style="text-align: center;">满分：{{answerForm.totalScore}} 通过分数{{answerForm.passScore}}</h2>
+      <h2 v-if="!answerDisabled" style="text-align: center;">考试倒计时： {{ minutes }}:{{ seconds }}</h2>
+      <h3>考试规则：{{answerForm.examRules}}</h3>
+      <el-card>
+        <div slot="header">
+          <span><i class="el-icon-monitor"></i>单选题（共{{answerForm.singleChoice}}题，每题{{answerForm.singleChoiceScore}}分）</span>
+        </div>
+        <div v-for="singleChoice in answerForm.singleChoiceList">
+          <h3>{{singleChoice.sorted}}、{{singleChoice.questionTitle}}（{{answerForm.singleChoiceScore}}分）</h3>
+          <el-radio-group v-model="singleChoice.examineAnswer" style="display: block;line-height:30px" v-for="(item,index) in singleChoice.questionOptionsObject" :key="index">
+            <el-radio :disabled="answerDisabled" :label="item.lable">{{item.title}}</el-radio>
+          </el-radio-group>
+          <div v-if="answerDisabled" style="background-color: rgb(238,245,255)">
+            正确答案：<span style="color: green">{{singleChoice.questionAnswer}}</span>
+            <br>
+            您的答案是：{{ singleChoice.examineAnswer === null || singleChoice.examineAnswer === '' ? "未作答" : singleChoice.examineAnswer }}
+            <div v-if="singleChoice.isSure !== null && singleChoice.isSure !== ''">
+              <span v-if="singleChoice.isSure === '0'" style="color: green">回答正确</span>
+              <span v-if="singleChoice.isSure === '1'" style="color: red">回答错误</span>
+            </div>
+            <span v-if="singleChoice.isSure === '1'">解析：{{singleChoice.questionAnswerAnalysis}}</span>
+          </div>
+        </div>
+      </el-card>
+      <el-card>
+        <div slot="header">
+          <span><i class="el-icon-monitor"></i>多选题（共{{answerForm.multipleChoice}}题，每题{{answerForm.multipleChoiceScore}}分）</span>
+        </div>
+        <div v-for="multiChoice in answerForm.multiChoiceList">
+          <h3>{{multiChoice.sorted}}、{{multiChoice.questionTitle}}（{{answerForm.multipleChoiceScore}}分）</h3>
+          <el-checkbox-group v-model="multiChoice.examineAnswerList">
+            <el-checkbox
+              :disabled="answerDisabled"
+              style="display: block;line-height:30px"
+              v-for="(item,index) in multiChoice.questionOptionsObject"
+              :key="index"
+              :label="item.lable">{{item.title}}</el-checkbox>
+          </el-checkbox-group>
+          <div v-if="answerDisabled" style="background-color: rgb(238,245,255)">
+            正确答案：<span style="color: green">{{multiChoice.questionAnswer}}</span>
+            <br>
+            您的答案是：{{ multiChoice.examineAnswer === null || multiChoice.examineAnswer === '' ? "未作答" : multiChoice.examineAnswer }}
+            <div v-if="multiChoice.isSure !== null && multiChoice.isSure !== ''">
+              <span v-if="multiChoice.isSure === '0'" style="color: green">回答正确</span>
+              <span v-if="multiChoice.isSure === '1'" style="color: red">回答错误</span>
+            </div>
+            <span v-if="multiChoice.isSure === '1'">解析：{{multiChoice.questionAnswerAnalysis}}</span>
+          </div>
+        </div>
+      </el-card>
+      <el-card>
+        <div slot="header">
+          <span><i class="el-icon-monitor"></i>判断题（共{{answerForm.judge}}题，每题{{answerForm.judgeScore}}分）</span>
+        </div>
+        <div v-for="judge in answerForm.judgeList">
+          <h3>{{judge.sorted}}、{{judge.questionTitle}}（{{answerForm.judgeScore}}分）</h3>
+          <el-radio-group v-model="judge.examineAnswer" style="width: 100px" v-for="(item,index) in judge.questionOptionsObject" :key="index">
+            <el-radio :disabled="answerDisabled" :label="item.lable">{{item.title}}</el-radio>
+          </el-radio-group>
+          <div v-if="answerDisabled" style="background-color: rgb(238,245,255)">
+            正确答案：<span style="color: green">{{judge.questionAnswer === 'T' ? "正确":"错误"}}</span>
+            <br>
+            您的答案是：{{ judge.examineAnswer === null || judge.examineAnswer === '' ? "未作答" : judge.examineAnswer === 'T' ? "正确":"错误" }}
+            <div v-if="judge.isSure !== null && judge.isSure !== ''">
+              <span v-if="judge.isSure === '0'" style="color: green">回答正确</span>
+              <span v-if="judge.isSure === '1'" style="color: red">回答错误</span>
+            </div>
+            <span v-if="judge.isSure === '1'">解析：{{judge.questionAnswerAnalysis}}</span>
+          </div>
+        </div>
+      </el-card>
+      <div slot="footer" class="dialog-footer">
+        <el-button v-if="!answerDisabled" type="primary" @click="submitExam">交 卷</el-button>
+        <el-button v-if="answerDisabled" type="primary" @click="closeAnswerDialog">关 闭</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 <script>
 
-import { getExamList, generateExam, waitExamList, getExam, getExamHistoryList,getAttestationList} from '@/api/examine/myExamine'
+import { getExamList, generateExam, waitExamList, getExam, getExamHistoryList,getAttestationList,getHistoryExam,submitExam} from '@/api/examine/myExamine'
 import { examInfoSelection } from "@/api/examine/examInfo";
+import { parseTime } from '@/utils/ruoyi'
 
 export default {
   name: 'myExamine',
   dicts: ['exam_type', 'exam_level', 'examine_result'],
   data() {
     return {
+      // 初始化倒计时时间（秒）
+      countdownTime: 600,
+      // 倒计时定时器ID
+      intervalId: null,
+      answerDisabled: false,
+      examStart:null,
+      answerForm:{
+        id:null,
+        examName:null,
+        examineName:null,
+        attestationName:null,
+        examDuration:null,
+        examRules:null,
+        totalScore:null,
+        passScore:null,
+        singleChoiceList:[],
+        multiChoiceList:[],
+        judgeList:[]
+      },
+      answerTitle:"",
+      answerOpen:false,
       activeName: '1',
       examQueryParams: {
         pageNum: 1,
@@ -295,14 +398,121 @@ export default {
       attestationLoading: false,
       attestationList: [],
       attestationTotal: 0,
-
-
     }
   },
+  computed: {
+    // 计算属性，返回分和秒
+    minutes() {
+      return Math.floor(this.countdownTime / 60).toString().padStart(2, '0');
+    },
+    seconds() {
+      return (this.countdownTime % 60).toString().padStart(2, '0');
+    },
+  },
   created() {
     this.getExamList()
   },
+  beforeDestroy() {
+    // 清除间隔调用
+    if (this.intervalId) {
+      clearInterval(this.intervalId);
+    }
+  },
   methods: {
+    //关闭弹窗
+    closeAnswerDialog(){
+      this.answerOpen = false;
+    },
+    //关闭弹窗前
+    beforeCloseAnswerDialog(){
+      if(!this.answerDisabled){
+        this.submitExam();
+      }else {
+        this.answerOpen = false;
+      }
+    },
+    //开始倒计时
+    startCountdown() {
+      this.intervalId = setInterval(() => {
+        if (this.countdownTime > 0) {
+          this.countdownTime--;
+        } else {
+          // 倒计时结束，清除定时器
+          clearInterval(this.intervalId);
+          this.intervalId = null;
+          // 可以添加倒计时结束后的逻辑
+        }
+      }, 1000);
+    },
+    //停止计时器
+    stopCountdown() {
+      // 清除定时器
+      if (this.intervalId) {
+        clearInterval(this.intervalId);
+        this.intervalId = null;
+      }
+    },
+    //交卷
+    submitExam(){
+      this.$confirm('是否确定交卷?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.stopCountdown();
+        const answerList = [];
+        //单选题
+        if (this.answerForm.singleChoiceList.length > 0){
+          this.answerForm.singleChoiceList.forEach(item=>{
+            const data = {
+              id:item.id,
+              examineAnswer:item.examineAnswer
+            };
+            answerList.push(data)
+          })
+        }
+        //判断题
+        if (this.answerForm.judgeList.length > 0){
+          this.answerForm.judgeList.forEach(item=>{
+            const data = {
+              id:item.id,
+              examineAnswer:item.examineAnswer
+            };
+            answerList.push(data)
+          })
+        }
+        //多选题
+        if (this.answerForm.multiChoiceList.length > 0){
+          this.answerForm.multiChoiceList.forEach(item=>{
+            if (item.examineAnswerList !== []){
+              const data = {
+                id:item.id,
+                examineAnswer:item.examineAnswerList.sort().join(",")
+              }
+              answerList.push(data)
+            }else {
+              const data = {
+                id:item.id
+              }
+              answerList.push(data)
+            }
+          })
+        }
+        const submitExamForm = {
+          paperId:this.answerForm.id,
+          examStartTime:this.examStart,
+          examEndTime:parseTime(new Date,"{y}-{m}-{d}  {h}:{mi}:{s}"),
+          answerList:answerList
+        };
+        console.log(submitExamForm);
+        submitExam(submitExamForm).then(()=>{
+          this.$modal.msgSuccess("已交卷");
+          this.getPaperList();
+          this.answerOpen = false;
+          this.examStart = null;
+        })
+      })
+    },
     handleClickTab(tab, event) {
       console.log(tab.name)
       if ('1' === tab.name) {
@@ -367,7 +577,36 @@ export default {
     },
     //开始考试
     handleStartExam(row){
-
+      this.$confirm('开始考试后无法取消, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.answerTitle = "考试中";
+        this.answerDisabled = false;
+        this.examStart = parseTime(new Date,"{y}-{m}-{d}  {h}:{mi}:{s}");
+        this.answerForm = {};
+        getExam(row.id).then(res=>{
+          this.answerForm = res;
+          if (this.answerForm != null){
+            this.answerOpen = true;
+            this.countdownTime = this.answerForm.examDuration * 60;
+            this.startCountdown();
+            this.answerForm.singleChoiceList.forEach(item=>{
+              item.questionOptionsObject = JSON.parse(item.questionOptions);
+            });
+            this.answerForm.multiChoiceList.forEach(item=>{
+              item.questionOptionsObject = JSON.parse(item.questionOptions);
+              if (item.examineAnswer === null || item.examineAnswer === ''){
+                this.$set(item, 'examineAnswerList', [])
+              }
+            });
+            this.answerForm.judgeList.forEach(item=>{
+              item.questionOptionsObject = JSON.parse(item.questionOptions);
+            })
+          }
+        });
+      })
     },
     /** 搜索按钮操作 */
     examHistoryHandleQuery() {
@@ -389,9 +628,31 @@ export default {
       });
     },
     handleShowExam(row){
-
+      this.answerTitle = "答题详情";
+      this.answerDisabled = true;
+      this.answerForm = {};
+      this.answerOpen = true;
+      getHistoryExam(row.id).then(res=>{
+        this.answerForm = res;
+        if (this.answerForm != null){
+          this.answerForm.singleChoiceList.forEach(item=>{
+            console.log(item)
+            item.questionOptionsObject = JSON.parse(item.questionOptions);
+          });
+          this.answerForm.multiChoiceList.forEach(item=>{
+            item.questionOptionsObject = JSON.parse(item.questionOptions);
+            if (item.examineAnswer === null || item.examineAnswer === ''){
+              this.$set(item, 'examineAnswerList', [])
+            }else {
+              this.$set(item, 'examineAnswerList', item.examineAnswer.split(","))
+            }
+          });
+          this.answerForm.judgeList.forEach(item=>{
+            item.questionOptionsObject = JSON.parse(item.questionOptions);
+          })
+        }
+      });
     },
-
     /** 搜索按钮操作 */
     attestationHandleQuery() {
       this.attestationQueryParams.pageNum = 1;