From 2b00bd1a2df669b83b476667c204573f28be4ab4 Mon Sep 17 00:00:00 2001 From: "DESKTOP-V763RJ7\\Administrator" <835606593@qq.com> Date: Wed, 14 Jan 2026 21:06:47 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AD=98=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/index/index.vue | 297 +++++++++++++++++++++++++++++++++++++++++- utils/api.js | 20 +++ 2 files changed, 313 insertions(+), 4 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 71cf6a3..47498e8 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -14,7 +14,7 @@ - + {{ record.category }} @@ -45,6 +45,48 @@ 没有更多了 + + + + + 题目详情 + ✕ + + + 加载中... + + + + + {{ detailQuestion.category }} + + + {{ getDifficultyText(detailQuestion.difficulty) }} + + + + {{ detailQuestion.question }} + + + + {{ option }} + + + + 解析： + {{ detailQuestion.explanation }} + + + + @@ -59,7 +101,11 @@ export default { pageSize: 10, totalCount: 0, hasMore: true, - isLoading: false + isLoading: false, + isFirstLoad: true, + showDetail: false, + detailQuestion: null, + detailLoading: false } }, @@ -68,10 +114,55 @@ export default { }, onShow() { - this.loadRecord() + if (!this.isFirstLoad) { + this.loadRecord() + } + this.isFirstLoad = false }, methods: { + async handleRecordClick(record) { + this.showDetail = true + this.detailLoading = true + this.detailQuestion = null + + try { + const res = await api.getQuestionInfo(record.question_sn) + if (res.data) { + this.detailQuestion = { + ...res.data, + is_correct: record.is_correct, + user_answer: record.answer, + correct_answer: record.question_answer + } + } + } catch (error) { + console.error('获取题目详情失败:', error) + uni.showToast({ + title: '获取失败', + icon: 'none' + }) + } finally { + this.detailLoading = false + } + }, + + closeDetail() { + this.showDetail = false + this.detailQuestion = null + }, + + getCorrectAnswer() { + if (!this.detailQuestion) return '' + return String(this.detailQuestion.correct_answer || '').toUpperCase() + }, + + getOptionLabel(option) { + if (!option) return '' + const match = option.match(/^([A-D])\./) + return match ? match[1] : '' + }, + async loadRecord(isLoadMore = false) { if (this.isLoading) return if (!isLoadMore) { @@ -86,7 +177,10 @@ export default { try { const res = await api.getRecord(this.currentPage, this.pageSize) if (res.data) { - const newRecords = res.data.records || [] + const newRecords = (res.data.records || []).map(record => ({ + ...record, + is_correct: String(record.answer || '').toUpperCase() === String(record.question_answer || '').toUpperCase() + })) if (isLoadMore) { this.recordList = [...this.recordList, ...newRecords] @@ -262,6 +356,26 @@ export default { color: #ffffff; } +.difficulty-tag.difficulty-easy { + background: #d4edda; + color: #155724; +} + +.difficulty-tag.difficulty-medium { + background: #fff3cd; + color: #856404; +} + +.difficulty-tag.difficulty-hard { + background: #fd7e14; + color: #ffffff; +} + +.difficulty-tag.difficulty-extreme { + background: #dc3545; + color: #ffffff; +} + .difficulty-text { font-weight: bold; } @@ -355,4 +469,179 @@ export default { font-size: 26rpx; color: rgba(255, 255, 255, 0.6); } + +.detail-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + display: flex; + align-items: center; + justify-content: center; + z-index: 999; +} + +.detail-content { + background: #ffffff; + border-radius: 20rpx; + width: 90%; + max-height: 80vh; + display: flex; + flex-direction: column; +} + +.detail-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 30rpx; + border-bottom: 2rpx solid #f0f0f0; +} + +.detail-title { + font-size: 36rpx; + font-weight: bold; + color: #333; +} + +.detail-close { + font-size: 48rpx; + color: #999; + line-height: 1; +} + +.detail-loading { + padding: 80rpx 40rpx; + text-align: center; +} + +.detail-body { + padding: 30rpx; + overflow-y: auto; +} + +.detail-meta { + display: flex; + gap: 20rpx; + margin-bottom: 30rpx; +} + +.meta-tag { + padding: 8rpx 20rpx; + border-radius: 16rpx; + font-size: 24rpx; +} + +.category-tag { + background: #e3f2fd; + color: #0d47a1; +} + +.difficulty-tag { + background: #f8f9fa; +} + +.detail-question { + margin-bottom: 30rpx; +} + +.question-text { + font-size: 32rpx; + color: #333; + line-height: 1.8; +} + +.detail-analysis { + background: #f0f9ff; + padding: 24rpx; + border-radius: 12rpx; + margin-bottom: 30rpx; +} + +.analysis-label { + font-size: 26rpx; + font-weight: bold; + color: #0d47a1; + margin-right: 10rpx; +} + +.analysis-text { + font-size: 28rpx; + color: #666; + line-height: 1.6; +} + +.detail-options { + display: flex; + flex-direction: column; + gap: 20rpx; + margin-bottom: 30rpx; +} + +.detail-option { + display: flex; + align-items: center; + padding: 24rpx 30rpx; + background: #f8f9fa; + border-radius: 12rpx; + gap: 16rpx; +} + +.detail-option.correct { + background: #d4edda; + border: 2rpx solid #28a745; +} + +.detail-option.wrong { + background: #f8d7da; + border: 2rpx solid #dc3545; +} + +.option-label { + font-size: 28rpx; + font-weight: bold; + color: #666; + min-width: 40rpx; +} + +.option-text { + font-size: 28rpx; + color: #333; + flex: 1; +} + +.detail-footer { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 20rpx; + border-top: 2rpx solid #f0f0f0; +} + +.detail-result { + display: flex; + align-items: center; + gap: 10rpx; + font-size: 28rpx; +} + +.detail-result.correct { + color: #28a745; +} + +.detail-result.wrong { + color: #dc3545; +} + +.detail-answer { + font-size: 28rpx; + color: #666; +} + +.answer-text { + font-weight: bold; + color: #333; +} diff --git a/utils/api.js b/utils/api.js index a1ca5c5..bd8934f 100644 --- a/utils/api.js +++ b/utils/api.js @@ -220,6 +220,26 @@ const api = { }) }, + getQuestionBySn(questionSn) { + return request({ + url: '/qgdzs/open/get_question', + method: 'POST', + data: { + question_sn: questionSn + } + }) + }, + + getQuestionInfo(questionSn) { + return request({ + url: '/qgdzs/open/get_question_info', + method: 'POST', + data: { + question_sn: questionSn + } + }) + }, + get(url, data = {}) { return request({ url,