From 4746ad5110684d132f7b7f39511af4eae87a0b15 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 30 四月 2025 15:25:25 +0800
Subject: [PATCH] 答题器样式及答案解析功能优化

---
 src/views/examination/components/list.vue |   20 +++++++++++++-------
 1 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/views/examination/components/list.vue b/src/views/examination/components/list.vue
index fa5947c..d4ef5d7 100644
--- a/src/views/examination/components/list.vue
+++ b/src/views/examination/components/list.vue
@@ -65,7 +65,7 @@
               <!-- 濉┖棰橀骞� -->
               <p class="titleText" v-if="value.questionType == 'completion'">
                 <span v-for="(itemText, indexText) in value.stem" :key="indexText">
-                  <span v-if="typeof itemText == 'string'" v-html="itemText"></span>
+                  <span style="display: flex;align-items: center;" v-if="typeof itemText == 'string'" v-html="itemText"></span>
                   <!-- &nbsp; -->
                   <!-- <input
                     v-else
@@ -237,18 +237,18 @@
             <!-- 鎻愪氦鍚庤В鏋� -->
             <div class="analysis" v-if="value.isComplete">
               <ul class="analysis-box">
-                <li class="headerConent" style="width: 60%">
+                <li class="headerConent" >
                   <!-- 姝ｇ‘閿欒鏍囪瘑 -->
                   <ul class="mark">
                     <li v-if="value.isRight" class="mark-correct">姝ｇ‘</li>
                     <li v-if="value.isRight == false" class="mark-error">閿欒</li>
                   </ul>
-                  <p :title="arrayToString(value.answer)">
+                  <p :title="arrayToString(value.answer)" class="mark-txt " >
                     <span>銆愭纭瓟妗堛�戯細</span>
                     <span v-html="arrayToString(value.answer)" class="correctBox"></span>
                   </p>
                   <p
-                    :class="value.isRight ? 'correct textOverFlow' : 'error textOverFlow'"
+                    :class="value.isRight ? 'correct textOverFlow mark-txt' : 'error textOverFlow mark-txt'"
                     :title="arrayToString(value.userAnswer)"
                     style="margin-left: 20px"
                   >
@@ -275,7 +275,7 @@
                 v-model="value.isUnfold"
                 @change="handleChange(value)"
                 accordion
-                v-if="value.questionType != 'shortAnswer'"
+                v-if="value.questionType != 'shortAnswer' && value.questionType != 'formula'"
               >
                 <el-collapse-item :name="value.id" class="objective">
                   <template #title>
@@ -482,6 +482,9 @@
       font-weight: bold;
     }
     .titleText {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
       padding: 0 10px 10px 10px;
       min-width: 90%;
       font-size: 14px;
@@ -633,7 +636,9 @@
 .headerConent {
   height: 100%;
   display: flex;
-  align-items: center;
+  .mark-txt {
+    max-width: 385px;
+  }
   .el-image {
     width: 9px;
     height: 9px;
@@ -672,7 +677,8 @@
   color: #3b93fe;
 }
 .mathField {
-  width: 500px;
+  min-width: 200px;
+  max-width: 518px;
   margin-top: 10px;
 }
 </style>

--
Gitblit v1.9.1