From 8a968bcc9d96c6ac88c6ec85b27be63ae40aef36 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 09 七月 2024 17:37:31 +0800
Subject: [PATCH] 密码强制修改实现
---
src/views/answer/components/QuestionAnswerShow.vue | 139 ++++++++++++++++++++++++++++++++++------------
1 files changed, 102 insertions(+), 37 deletions(-)
diff --git a/src/views/answer/components/QuestionAnswerShow.vue b/src/views/answer/components/QuestionAnswerShow.vue
index 3258152..57c92db 100644
--- a/src/views/answer/components/QuestionAnswerShow.vue
+++ b/src/views/answer/components/QuestionAnswerShow.vue
@@ -1,77 +1,92 @@
<template>
<div v-loading="qLoading" style="line-height:1.8">
- <div v-if="qType == 1 || qType == 2 || qType == 3 || qType == 4 || qType == 5">
- <div v-if="qType == 1">
- <div class="q-title" v-html="question.title" />
+ <div
+ v-if="qType == 1 || qType == 2 || qType == 3 || qType == 4 || qType == 5 || qType == 6 || qType == 7 || qType == 8">
+ <!-- 閫夋嫨鎴栬闊� -->
+ <div v-if="qType == 1 || qType == 6">
+ <div class="q-title" v-html="question.title"/>
<div class="q-content">
- <el-radio-group v-model="answer.content">
- <el-radio v-for="item in question.items" :key="item.prefix" :label="item.prefix">
+ <el-radio-group v-model="question.answer">
+ <el-radio class="custom-radio" v-for="item in question.questionItemList" :key="item.prefix" :label="item.prefix " disabled>
<span class="question-prefix">{{ item.prefix }}.</span>
<span v-html="item.content" class="q-item-span-content"></span>
</el-radio>
</el-radio-group>
</div>
</div>
+ <!-- 澶氶�� -->
<div v-else-if="qType == 2">
- <div class="q-title" v-html="question.title" />
+ <div class="q-title" v-html="question.title"/>
<div class="q-content">
- <el-checkbox-group v-model="answer.contentArray">
- <el-checkbox v-for="item in question.items" :label="item.prefix" :key="item.prefix">
+ <el-checkbox-group v-model="question.answerList">
+ <el-checkbox v-for="item in question.questionItemList" :label="item.prefix" :key="item.prefix" disabled>
<span class="question-prefix">{{ item.prefix }}.</span>
<span v-html="item.content" class="q-item-span-content"></span>
</el-checkbox>
</el-checkbox-group>
</div>
</div>
+ <!-- 鍒ゆ柇 -->
<div v-else-if="qType == 3">
<div class="q-title" v-html="question.title" style="display: inline;margin-right: 10px" />
<span style="padding-right: 10px;">(</span>
- <el-radio-group v-model="answer.content">
- <el-radio v-for="item in question.items" :key="item.prefix" :label="item.prefix">
+ <el-radio-group v-model="question.answer">
+ <el-radio v-for="item in question.questionItemList" :key="item.prefix" :label="item.prefix " disabled>
<span v-html="item.content" class="q-item-span-content"></span>
</el-radio>
</el-radio-group>
<span style="padding-left: 10px;">)</span>
</div>
+ <!-- 濉┖ -->
<div v-else-if="qType == 4">
- <div class="q-title" v-html="question.title" />
- <div v-if="answer.contentArray !== null">
- <el-form-item :label="item.prefix" :key="item.prefix" v-for="item in question.items" label-width="50px"
- style="margin-top: 10px;margin-bottom: 10px;">
- <el-input v-model="answer.contentArray[item.prefix - 1]" />
+ <div class="q-title" v-html="question.title"/>
+ <div v-if="question.answerList !== null">
+ <el-form-item :label="item.prefix" :key="item.prefix" v-for="item in question.questionItemList"
+ label-width="50px"
+ style="margin-top: 10px;margin-bottom: 10px;">
+ <el-input v-model="question.answerList[item.prefix - 1]" disabled/>
</el-form-item>
</div>
</div>
- <div v-else-if="qType == 5">
- <div class="q-title" v-html="question.title" />
- <div>
- <el-input v-model="answer.content" type="textarea" rows="5"></el-input>
+ <!-- 绠�绛斻�佽绠椼�佸垎鏋� -->
+ <div v-else-if="qType == 5 || qType == 7 || qType == 8">
+ <div class="q-title" v-html="question.title"/>
+ <div class="rich-text-box">
+ <div v-html="question.answer"></div>
</div>
</div>
<div class="question-answer-show-item" style="margin-top: 15px">
<span class="question-show-item">缁撴灉锛�</span>
- <el-tag :type="doRightTagFormatter(answer.doRight)">
- {{ doRightTextFormatter(answer.doRight) }}
+ <el-tag :type="rightTagFormatter(question.right)">
+ {{ rightTextFormatter(question.right) }}
</el-tag>
</div>
<div class="question-answer-show-item">
- <span class="question-show-item">鍒嗘暟锛�</span>
+ <span class="question-show-item">鎬诲垎锛�</span>
+ <span>{{ question.questionScore }}</span>
+ </div>
+ <div class="question-answer-show-item">
+ <span class="question-show-item">寰楀垎锛�</span>
<span>{{ question.score }}</span>
</div>
<div class="question-answer-show-item">
<span class="question-show-item">闅惧害锛�</span>
<el-rate disabled v-model="question.difficult" class="question-show-item"></el-rate>
</div>
- <br />
+ <br/>
<div class="question-answer-show-item" style="line-height: 1.8">
<span class="question-show-item">瑙ｆ瀽锛�</span>
- <span v-html="question.analyze" class="q-item-span-content" />
+ <span v-html="question.analyze" class="q-item-span-content"/>
</div>
<div class="question-answer-show-item">
<span class="question-show-item">姝ｇ‘绛旀锛�</span>
- <span v-if="qType == 1 || qType == 2 || qType == 5" v-html="question.correct" class="q-item-span-content" />
- <span v-if="qType == 3" v-html="trueFalseFormatter(question)" class="q-item-span-content" />
- <span v-if="qType == 4">{{ question.correctArray }}</span>
+ <!-- 閫夋嫨銆佸閫夈�佺畝绛斻�佽闊炽�佽绠椼�佸垎鏋� -->
+ <span v-if="qType == 1 || qType == 2 || qType == 5 || qType == 6 || qType == 7 || qType == 8"
+ v-html="question.questionAnswer" class="q-item-span-content"/>
+ <!-- 鍒ゆ柇 -->
+ <span v-if="qType == 3" v-html="trueFalseFormatter(question)" class="q-item-span-content"/>
+ <!-- 濉┖ -->
+ <span v-if="qType == 4">{{ question.questionAnswer }}</span>
</div>
</div>
<div v-else>
@@ -82,6 +97,7 @@
<script>
import { mapState, mapGetters } from 'vuex'
+
export default {
name: 'QuestionShow',
props: {
@@ -92,9 +108,9 @@
}
},
answer: {
- type: Object,
+ type: Array,
default: function () {
- return { id: null, content: '', contentArray: [], doRight: false }
+ return {}
}
},
qLoading: {
@@ -107,22 +123,71 @@
}
},
methods: {
- trueFalseFormatter(question) {
- return question.items.filter(d => d.prefix === question.correct)[0].content
+ updateRight () {
+ // 褰搒core鍙樺寲鏃讹紝妫�鏌ュ畠鏄惁绛変簬questionScore
+ this.question.right = this.question.score === parseInt(this.question.questionScore)
+ const foundAnswer = this.answer.find(answer => answer.itemOrder === this.question.itemOrder)
+ if (foundAnswer) {
+ foundAnswer.right = this.question.right
+ }
},
- doRightTagFormatter(status) {
- return this.enumFormat(this.doRightTag, status)
+ trueFalseFormatter (question) {
+ return question.questionItemList.filter(d => d.prefix === question.questionAnswer)[0].content
},
- doRightTextFormatter(status) {
- return this.enumFormat(this.doRightEnum, status)
+ rightTagFormatter (status) {
+ return this.enumFormat(this.rightTag, status)
+ },
+ rightTextFormatter (status) {
+ return this.enumFormat(this.rightEnum, status)
}
},
computed: {
...mapGetters('enumItem', ['enumFormat']),
...mapState('enumItem', {
- doRightEnum: state => state.exam.question.answer.doRightEnum,
- doRightTag: state => state.exam.question.answer.doRightTag
+ rightEnum: state => state.exam.question.answer.doRightEnum,
+ rightTag: state => state.exam.question.answer.doRightTag
})
}
}
</script>
+
+<style scoped>
+
+/deep/ .el-checkbox__input.is-disabled + .el-checkbox__label {
+ color: #606266
+}
+
+/deep/ .el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
+ color: #606266
+}
+
+/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
+ border-color: #606266
+}
+
+/deep/ .el-radio__input.is-disabled + span.el-radio__label {
+ color: #606266
+}
+
+/deep/ .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
+ background-color: #606266;
+}
+
+/deep/ .el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
+ border-color: #606266
+}
+
+/deep/ .el-input.is-disabled .el-input__inner, textarea:disabled {
+ color: #606266
+}
+
+/deep/ .el-range-editor.is-disabled input {
+ color: #606266
+}
+
+.rich-text-box {
+ border: 1px solid #ccc; /* 娣诲姞杈规 */
+ padding: 10px ; /* 娣诲姞鍐呰竟璺濅互鎻愪緵绌洪棿 */
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+}
+</style>
--
Gitblit v1.8.0