From b94eed3c9fddcd003c7f8b4db294572f7ec68769 Mon Sep 17 00:00:00 2001
From: WX0lxh <2062408239@qq.com>
Date: Tue, 11 Nov 2025 16:00:34 +0800
Subject: [PATCH] =?UTF-8?q?=E9=94=99=E9=A2=98=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageB/train/practice/startPracticing.vue   |   2 +-
 .../train/wrongAnswer/mistakeNotebook.vue     |   4 +-
 .../train/wrongAnswer/questionPractice.vue    | 537 +++++++++++++++++-
 packageB/train/wrongAnswer/wrongDetail.vue    |   9 +
 pages.json                                    |   6 +
 5 files changed, 552 insertions(+), 6 deletions(-)
 create mode 100644 packageB/train/wrongAnswer/wrongDetail.vue

diff --git a/packageB/train/practice/startPracticing.vue b/packageB/train/practice/startPracticing.vue
index 32df6d5..d479e3a 100644
--- a/packageB/train/practice/startPracticing.vue
+++ b/packageB/train/practice/startPracticing.vue
@@ -51,7 +51,7 @@
 						    <div class="parse1">正确答案：</div>
 						    <div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
 						    <div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
-						      <span  v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(val-1)}}.</span>
+						      <span  v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(Number(val))}}.</span>
 						    </div>
 						    <div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
 						  </div>
diff --git a/packageB/train/wrongAnswer/mistakeNotebook.vue b/packageB/train/wrongAnswer/mistakeNotebook.vue
index 1040254..22642d1 100644
--- a/packageB/train/wrongAnswer/mistakeNotebook.vue
+++ b/packageB/train/wrongAnswer/mistakeNotebook.vue
@@ -236,10 +236,10 @@ function getDataList(type = 'add') {
 }
 
 function handleDetail(row){
-	navTo(`/packageB/train/mockExam/startExam?examPaperId=${row.examPaperId}&timeLimit=${row.timeLimit}&name=${row.name}&types=${i}`);
+	navTo(`/packageB/train/wrongAnswer/wrongDetail?examPaperId=${row.examPaperId}`);
 }
 function startPractice(row){
-	navTo('/packageB/train/mockExam/viewGrades?examPaperId='+row.examPaperId);
+	navTo('/packageB/train/wrongAnswer/questionPractice');
 }
 function clones(){
 	dialogVisible.value=false
diff --git a/packageB/train/wrongAnswer/questionPractice.vue b/packageB/train/wrongAnswer/questionPractice.vue
index af8c001..9ced986 100644
--- a/packageB/train/wrongAnswer/questionPractice.vue
+++ b/packageB/train/wrongAnswer/questionPractice.vue
@@ -1,9 +1,540 @@
 <template>
-	<div>111</div>
+	<div class="app-box">
+		<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
+		<div class="con-box">
+			<div class="header">
+				<div>错题练习</div>
+				<div class="headBtn" @click="complete()">退出</div>
+			</div>
+			<div class="problemCard">
+				<div v-for="(item,index) in problemData" :key="index">
+					<template v-if="questionIndex==(index+1)">
+						<div class="problemTitle">
+							<span class="titleType" v-if="item.type=='single'">单选题</span>
+							<span class="titleType" v-if="item.type=='multiple'">多选题</span>
+							<span class="titleType" v-if="item.type=='judge'">判断题</span>
+							<span>{{item.content}}</span>
+						</div>
+						<div class="options" v-if="item.type=='single'">
+						  <div class="opt" @click="selected(i)" :class="radio!==''&&i==radio?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
+						    <div class="optLab">{{indexToLetter(i)}}</div>
+						    <span>{{val}}</span>
+						  </div>
+						</div>
+						<div class="options" v-if="item.type=='multiple'">
+						  <div class="opt" @click="selected2(i)" :class="judgment(i)?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
+						    <div class="optLab">{{indexToLetter(i)}}</div>
+						    <span>{{val}}</span>
+						  </div>
+						
+						</div>
+						<div class="options" v-if="item.type=='judge'">
+						  <div class="opt" @click="selected3('正确')" :class="radio2=='正确'?'active':''">
+						    <span>正确</span>
+						  </div>
+						  <div class="opt" @click="selected3('错误')" :class="radio2=='错误'?'active':''">
+						    <span>错误</span>
+						  </div>
+						</div>
+						<div class="analysis" v-if="analysis">
+						  <div class="analysisHead correct" v-if="judgWhether=='正确'">
+						    <div>回答正确！</div>
+						    <div></div>
+						  </div>
+						  <div class="analysisHead errors" v-if="judgWhether=='错误'">
+						    <div>回答错误！</div>
+						    <div></div>
+						  </div>
+						  <div class="analysisCon">
+						    <div class="parse1">正确答案：</div>
+						    <div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
+						    <div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
+						      <span  v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(Number(val))}}.</span>
+						    </div>
+						    <div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
+						  </div>
+						  <div class="analysisCon">
+						    <div class="parse1">答案解析：</div>
+						    <div class="parse2">{{item.answerDesc}}</div>
+						  </div>
+						  <div class="analysisCon">
+						    <div class="parse1">知识点：</div>
+						    <div>
+						      <el-tag style="margin-right: 10px;">{{item.knowledgePoint}}</el-tag>
+						    </div>
+						  </div>
+						</div>
+						<div class="problemBtns">
+							<div v-if="analysis&&judgWhether!=''&&questionIndex!=problemData.length" @click="questionIndex+=1">下一题</div>
+							<div v-else :class="((radio===''&&radio2===''&&checkList.length==0&&isRunning)||analysis)?'events':''" @click="submit()">提交答案</div>
+						</div>
+					</template>
+				</div>
+			</div>
+			<div class="footer">
+				<div class="footerLeft">
+					<div class="zuo" :class="questionIndex==1?'events':''" @click="questionIndex-=1"></div>
+					<div class="you" :class="questionIndex==problemData.length?'events':''" @click="questionIndex+=1"></div>
+					
+				</div>
+				<div class="footerLeft">
+					<div>
+						<div class="icons" style="background-color: #1CADF5;">√</div>
+						<div class="texts" style="color: #1CADF5;">{{correctIndex}}</div>
+					</div>
+					<div>
+						<div class="icons" style="background-color: #FF6668;">×</div>
+						<div class="texts" style="color: #FF6668;">{{errorsIndex}}</div>
+					</div>
+					<div @click="dialogVisible=true">
+						<div><span style="color: #1CADF5;">{{questionIndex}}</span>/{{problemData.length}}</div>
+						<div>题号</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="cards" v-if="dialogVisible">
+			<div class="cardCon">
+				<div class="cardHead">
+					<div>题号</div>
+					<div style="font-size: 40rpx;" @click="clones()">×</div>
+				</div>
+				<div class="questionNums">
+				  <div class="questions" :class="item.whether=='正确'?'questionCorrect':item.whether=='错误'?'questionError':questionIndex==(index+1)?'questionsActive':''" @click="switchs(index)" v-for="(item,index) in problemList" :key="index">{{index+1}}</div>
+				</div>
+			</div>
+		</div>
+	</div>
 </template>
 
-<script>
+<script setup>
+import { reactive, inject, watch, ref, onMounted,onBeforeUnmount,computed } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject('globalFunction');
+import useUserStore from '@/stores/useUserStore';
+import useDictStore from '@/stores/useDictStore';
+const userInfo = ref({});
+const Authorization = ref('');
+const radio = ref('');
+const radio2 = ref('');
+const checkList = ref([]);
+const questionIndex = ref(1);
+const correctIndex = ref(0);
+const errorsIndex = ref(0);
+const analysis = ref(false);
+const judgWhether = ref('');
+const isRunning = ref(false);
+const dialogVisible = ref(false);
+const problemData = ref([]);
+const problemList = ref([]);
+watch(questionIndex, (newVal, oldVal) => {
+  radio.value=""
+  radio2.value=""
+  checkList.value=[]
+  analysis.value=false
+  judgWhether.value=""
+});
+
+onLoad((options) => {
+	Authorization.value=uni.getStorageSync('Padmin-Token')||''
+	getHeart();
+});
+onShow(()=>{
+	
+})
+
+function getHeart() {
+	const raw =Authorization.value;
+	const token = typeof raw === "string" ? raw.trim() : "";
+	const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
+	$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
+      if (resData.code == 200) {
+        getUserInfo();
+      } else {
+		  navTo('/packageB/login')
+      }
+    });
+};
+function getUserInfo(){
+	let header={
+		'Authorization':Authorization.value
+	}
+	$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
+		userInfo.value = resData.info || {};
+		// userId.value=resData.info.userId
+		queryData()
+	});
+};
+function queryData(){
+	problemData.value=[]
+	let header={
+		'Authorization':Authorization.value,
+		'Content-Type':"application/x-www-form-urlencoded"
+	}
+	$api.myRequest('/train/public/mistackUser/getMistackPractice', {
+		userId: userInfo.value.userId
+	},'post',9100,header).then((resData) => {
+		if(resData&&resData.code==200){
+			resData.data.forEach((item,i)=>{
+				problemData.value.push(item)
+				problemList.value.push({index:i+1,whether:""})
+			})
+		}
+		
+	});
+}
+
+//提交答案
+function submit(){
+	let indexs=questionIndex.value-1
+	let parm={
+	  questionId:problemData.value[indexs].questionId,
+	  userId:userInfo.value.userId,
+	  trueAnswer:problemData.value[indexs].answer
+	}
+	if(problemData.value[indexs].type=='single'){
+	  parm.submitAnswer=radio.value
+	}else if(problemData.value[indexs].type=='multiple'){
+	  parm.submitAnswer=checkList.value.join(',')
+	}else if(problemData.value[indexs].type=='judge'){
+	  parm.submitAnswer=radio2.value
+	}
+	let header={
+		'Authorization':Authorization.value,
+		'Content-Type':"application/x-www-form-urlencoded"
+	}
+	$api.myRequest('/train/public/mistackUser/submitAnswer', parm,'post',9100,header).then((resData) => {
+		if(resData&&resData.code==200){
+			analysis.value=true
+			judgWhether.value=resData.msg
+			problemList.value[indexs].whether=resData.msg
+			if(resData.msg=='正确'){
+			  correctIndex.value++
+			}else if(resData.msg=='错误'){
+			  errorsIndex.value++
+			}
+			if(questionIndex.value==problemData.value.length){
+				$api.msg('已经是最后一题了')
+			}
+		}
+	});
+};
+function selected(i){
+    radio.value=i
+};
+//多选
+function selected2(i){
+	let arr=checkList.value.join(",")
+	if(arr.indexOf(i) !== -1){
+	  const index = checkList.value.indexOf(i);
+	  if (index !== -1) {
+		  checkList.value.splice(index, 1);
+	  }
+	}else{
+	  checkList.value.push(i)
+	}
+};
+function judgment(i){
+	let arr=checkList.value.join(",")
+	if(arr.indexOf(i) !== -1){
+	  return true
+	}else{
+	  return false
+	}
+};
+function selected3(i){
+    radio2.value=i
+};
+// 解析选项
+function parseOptions(options) {
+	if (!options) return [];
+	// 假设options是字符串格式，以分号分隔
+	if (typeof options === 'string') {
+	  return options.split(',').filter(opt => opt.trim());
+	}
+	// 如果是数组，直接返回
+	if (Array.isArray(options)) {
+	  return options;
+	}
+	return [];
+};
+function indexToLetter(index) {
+	// 将索引转换为对应的字母
+	return String.fromCharCode(65 + index);
+};
+
+function clones(){
+	dialogVisible.value=false
+};
+function switchs(i){
+	questionIndex.value=(i+1)
+	dialogVisible.value=false
+};
+function complete(){
+	navBack()
+}
 </script>
 
-<style>
+<style lang="stylus" scoped>
+.app-box{
+	width: 100%;
+	height: 100vh;
+	position: relative;
+	.bjImg{
+		position: absolute;
+		width: 100%;
+		height: 100%;
+	}
+	.con-box{
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top:0;
+		z-index: 10;
+		padding: 20rpx 28rpx;
+		box-sizing: border-box;
+		.header{
+			height: 100rpx;
+			padding: 0 10rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			background: linear-gradient(0deg, #4285EC 0%, #0BBAFB 100%);
+			color: #fff;
+			font-size: 26rpx;
+			border-radius: 10rpx
+			.headBtn{
+				background: #499FFF;
+				border-radius: 4px;
+				width: 100rpx;
+				text-align: center;
+				height: 50rpx;
+				line-height: 50rpx;
+			}
+		}
+		.problemCard{
+			margin-top: 30rpx;
+			.problemTitle{
+				font-size: 30rpx;
+				.titleType{
+					display: inline-block;
+					background-color: #499FFF;
+					border-radius: 10rpx 10rpx 10rpx 0;
+					padding: 8rpx 12rpx;
+					color: #fff;
+					font-size: 26rpx;
+					margin-right: 20rpx;
+				}
+			}
+			.options{
+				margin-top: 30rpx;
+				.opt{
+					height: 60rpx;
+					/* background-color: #F8F9FA; */
+					border-radius: 5px;
+					margin-bottom: 15px;
+					display: flex;
+					align-items: center;
+					padding-left: 30rpx;
+					box-sizing: border-box;
+					color: #808080;
+					font-size: 30rpx;
+					.optLab{
+					  width: 40rpx;
+					  height: 40rpx;
+					  text-align: center;
+					  line-height: 40rpx;
+					  border-radius: 50%;
+					  background-color: #8C8C8C;
+					  color: #fff;
+					  font-weight: 600;
+					  font-size: 32rpx;
+					  margin-right: 20rpx;
+					}
+				}
+				.active{
+				  background: linear-gradient(90deg, #25A9F5 0%, #B1DBFF 100%);
+				  color: #fff!important;
+				  font-weight: bold;
+				}
+				.active>view{
+				  background-color: #fff!important;
+				  color: #25A9F5!important;
+				}
+			}
+			.analysis{
+			  margin-top: 30rpx;
+			  background-color: #fff;
+			  border-radius: 6px;
+			  margin-bottom: 15rpx;
+			  border: 1px solid #10A8FF;
+			  padding: 20rpx;
+			  box-sizing: border-box;
+			  .analysisHead{
+			    display: flex;
+			    align-items: center;
+			    justify-content: space-between;
+				font-size: 32rpx;
+				font-family: Microsoft YaHei;
+				font-weight: bold;
+				letter-spacing: 2px;
+			  }
+			  .correct{
+			    color: #67C23A;
+			  }
+			  .errors{
+			    color: #F06A6A;
+			  }
+			  .analysisCon{
+			    margin-top: 30rpx;
+				.parse1{
+					font-size: 30rpx;
+					font-family: Microsoft YaHei;
+					font-weight: bold;
+				}
+				.parse2{
+					font-size: 26rpx;
+					color: #333;
+					margin-top: 10px;
+				}
+			  }
+			}
+			.problemBtns{
+				display: flex
+				align-items: center
+				justify-content: center
+				view{
+					width: 140rpx
+					height: 50rpx
+					text-align: center
+					line-height: 50rpx
+					background-color: #10A8FF
+					color: #fff
+					font-size: 28rpx
+					border-radius: 5rpx
+					margin-right: 10rpx;
+				}
+				
+			}
+		}
+		.footer{
+			width: 100%;
+			height: 120rpx;
+			border-top: 1px solid #ddd
+			position: fixed
+			bottom: 0
+			left: 0
+			display: flex
+			align-items: center
+			justify-content: space-between
+			.footerLeft{
+				display: flex
+				align-items: center
+				font-size: 30rpx;
+				text-align: center
+				.zuo{
+					width: 26rpx;
+					height: 26rpx;
+					border-top: 2px solid #666
+					border-left: 2px solid #666
+					transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
+					margin-left: 60rpx;
+				}
+				.you{
+					width: 26rpx;
+					height: 26rpx;
+					border-right: 2px solid #666
+					border-bottom: 2px solid #666
+					transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
+					// margin-left: 30rpx;
+					margin-right: 50rpx;
+				}
+				.icons{
+					width: 30rpx;
+					height: 30rpx;
+					color: #fff;
+					text-align: center;
+					line-height: 30rpx;
+					border-radius: 50%
+				}
+				.texts{
+					font-size: 24rpx;
+				}
+			}
+			.footerLeft>view{
+				margin-right: 40rpx;
+			}
+			.footerBtn{
+				width: 140rpx
+				height: 50rpx
+				text-align: center
+				line-height: 50rpx
+				background-color: #67C23A
+				color: #fff
+				font-size: 28rpx
+				border-radius: 5rpx
+			}
+		}
+	}
+	.cards{
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100vh;
+		background-color: rgba(0,0,0,0.5);
+		z-index: 1000;
+		padding: 100rpx 50rpx;
+		box-sizing: border-box;
+		.cardCon{
+			height: 100%;
+			background-color: #fff;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.cardHead{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 30rpx;
+				font-weight: 600;
+			}
+			.questionNums{
+			  width: 100%;
+			  display: flex;
+			  flex-wrap: wrap;
+			}
+			.questions{
+			  width: 60rpx;
+			  height: 60rpx;
+			  text-align: center;
+			  line-height: 60rpx;
+			  border-radius: 8rpx;
+			  border: 2px solid #E0E0E0;
+			  font-size: 28rpx;
+			  margin-right: 15px;
+			  cursor: pointer;
+			}
+			.questionsActive{
+			  background-color: #F0F9FF;
+			  border: 2px solid #409EFF;
+			}
+			.questionCorrect{
+			  background-color: #F0F9FF;
+			  border: 2px solid #64BC38;
+			  color: #6BC441;
+			}
+			.questionError{
+			  background-color: #FFF1F0;
+			  border: 2px solid #F56C6C;
+			  color: #F36B6B;
+			}
+		}
+	}
+}
+.events{
+	pointer-events: none; /* 这会禁用所有指针事件 */
+	opacity: 0.5; /* 可选：改变透明度以视觉上表示不可点击 */
+	cursor: not-allowed; /* 可选：改变鼠标光标样式 */
+}
 </style>
\ No newline at end of file
diff --git a/packageB/train/wrongAnswer/wrongDetail.vue b/packageB/train/wrongAnswer/wrongDetail.vue
new file mode 100644
index 0000000..916fb75
--- /dev/null
+++ b/packageB/train/wrongAnswer/wrongDetail.vue
@@ -0,0 +1,9 @@
+<template>
+	<div>165256564</div>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 579c485..81b4f00 100644
--- a/pages.json
+++ b/pages.json
@@ -347,6 +347,12 @@
 		    "style": {
 		      "navigationBarTitleText": "错题练习"
 		    }
+		  },
+		  {
+		    "path": "train/wrongAnswer/wrongDetail",
+		    "style": {
+		      "navigationBarTitleText": "错题详情"
+		    }
 		  }
         ]
       },