From c2cd09c29f782cab3c99a57039aa8126b5db050a Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 29 Aug 2024 17:07:49 +0800
Subject: [PATCH] =?UTF-8?q?=E7=90=86=E8=AE=BA=E8=80=83=E8=AF=95=E5=A1=AB?=
=?UTF-8?q?=E7=A9=BA=E9=A2=98=E5=B0=8F=E7=A9=BA=E8=87=AA=E9=80=82=E5=BA=94?=
=?UTF-8?q?=E5=8F=8A=E7=AE=80=E7=AD=94=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/pages/match/theoryExam/index.vue | 82 +++++++++++++++++++---------
1 file changed, 56 insertions(+), 26 deletions(-)
diff --git a/src/pages/match/theoryExam/index.vue b/src/pages/match/theoryExam/index.vue
index 454300d..4abc5a4 100644
--- a/src/pages/match/theoryExam/index.vue
+++ b/src/pages/match/theoryExam/index.vue
@@ -80,7 +80,7 @@
{{ j + 1 }} / {{ item.questionNum }}
{{ item.questionTypeName }}
-
+
（{{ ques.score }}分）
![]()
@@ -191,6 +191,7 @@ export default {
submiting: false,
submited: false,
warned: 0,
+ quesWrapWidth: 0,
};
},
mounted () {
@@ -277,6 +278,7 @@ export default {
if (answerData) answerData = JSON.parse(answerData)
n.answered = n.fills && answerData && answerData.length === n.fills.filter(m => m).length ? 1 : 0
n.partAnswer = n.fills && answerData && answerData.length !== n.fills.filter(m => m).length ? 1 : 0
+ n.stem = this.getQuesStem(n)
} else if (type === 'essay') { // 简答题
n.answer = type === 'essay' && curQues ? curQues.answerContent : ''
n.attachmentName = curQues ? curQues.attachmentName : ''
@@ -298,6 +300,7 @@ export default {
// 给填空题的每个空监听input事件，用以显示已作答状态
this.$nextTick(() => {
+ const w = document.querySelector('#quesWrap').clientWidth - 200
paper.map(e => {
e.examQuestions.map(n => {
if (e.questionType === 'fill_blank') {
@@ -308,11 +311,26 @@ export default {
for (const e of inputs) {
e.addEventListener('input', () => {
const answers = []
+ let hasFillLen = 0
+ let text = e.innerText
for (const e of inputs) {
- e.value && answers.push(e.value)
+ const val = e.innerText
+ if (val) hasFillLen++
+ answers.push(val)
}
- n.answered = answers.length === inputs.length ? 1 : 0
- n.partAnswer = answers.length && answers.length !== inputs.length ? 1 : 0
+ n.fills = answers
+ n.answered = hasFillLen === inputs.length ? 1 : 0
+ n.partAnswer = hasFillLen && hasFillLen !== inputs.length ? 1 : 0
+
+ text = text.trim()
+
+ // // 调整宽度
+ e.style.width = Math.min(w, text.length * 14) + 'px'; // 每个字符大约占7像素
+
+ // // 调整高度
+ const lineHeight = 28; // 每行高度
+ const lineCount = text.split('\n').length;
+ e.style.height = Math.max(lineCount * lineHeight, 28) + 'px';
})
}
}
@@ -322,7 +340,6 @@ export default {
})
this.calcProgress()
})
- console.log("🚀 ~ getPaper ~ r:", r)
}
} catch (e) {
this.loading = false
@@ -432,7 +449,7 @@ export default {
let result = stem
while ((match = regex.exec(stem)) !== null) {
- const newInput = ``
+ const newInput = `${fills && fills.length ? fills[index] : ''}`
result = result.replace(match[0], newInput)
index++
}
@@ -461,7 +478,9 @@ export default {
essayAnswerReady (editor, ques) {
editor.ques = ques
editor.addListener('contentChange', () => {
- ques.answered = editor.hasContents() ? 1 : 0
+ const content = editor.getContent()
+ ques.answered = content ? 1 : 0
+ ques.answers = content
this.calcProgress()
})
ques.answer && editor.setContent(ques.answer)
@@ -521,19 +540,9 @@ export default {
if (type !== 'fill_blank' && type !== 'essay') { // 选择题
answer = n.questionAnswerVersionsList.filter(m => m.answer).map(m => m.optionNumber)
} else if (type === 'essay') { // 简答题
- const editor = this.$refs['essayAnswer' + n.id]
- // console.log("🚀 ~ submit ~ editor:", n.id, editor, this.$refs)
- if (editor && editor.length) answerContent = editor[0].getUEContent()
+ if (n.answers) answerContent = n.answers
} else { // 填空题
- const stem = document.querySelector(`#stem` + n.id)
- if (stem) {
- const inputs = stem.querySelectorAll('.fill-input')
- if (inputs) {
- for (const e of inputs) {
- e.value && answer.push(e.value)
- }
- }
- }
+ answer = n.fills || []
}
ques.push({
answer,
@@ -852,19 +861,40 @@ export default {
}
.fill-input {
- width: 200px;
+ position: relative;
+ display: inline;
+ min-width: 50px;
height: 28px;
- padding: 0 15px;
+ padding: 0 3px;
margin: 0 10px;
font-size: 13px;
line-height: 28px;
- color: #606266;
- border: 1px solid #DCDEE0;
- border-radius: 2px;
+ color: #0818eb;
+ border: 0;
+ border-bottom: 1px solid #DCDEE0;
+ outline: none;
+
+ &:empty {
+ display: inline-block;
+ width: 3em;
+
+ &:after {
+ content: attr(placeholder);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ font-size: 14px;
+ color: #226fff;
+ transform: translate(-50%, -50%);
+ }
- &:focus {
- outline: none;
+ &:focus {
+ &:after {
+ opacity: 0;
+ }
+ }
}
+
}
.opt {