修改可配置表格

src/components/Adult/preview/ConfigurableTable.vue

@@ -1,7 +1,7 @@
 <template>
   <div
-    class="config-table"
     v-if="judgeAnswer == 'standardAnswer' ? (userError ? true : false) : true"
+    class="config-table"
   >
     <table
       :style="{
@@ -84,16 +84,17 @@
                           ? col.answer
                           : curQue.Bookanswer[i].content[j].answer
                       "
+                      type="textarea"
+                      :class="[`text-${curQue.textAlign}`]"
+                      :placeholder="`${isAnswerMode ? '' : ''}`"
+                      :disabled="isAnswerMode"
+                      :autosize="{ minRows: 1, maxRows: 6 }"
                       @blur="
                         judgeAnswer == 'standardAnswer'
                           ? (col.answer = col.answer.trim())
                           : (curQue.Bookanswer[i].content[j].answer =
                               curQue.Bookanswer[i].content[j].answer.trim())
                       "
-                      type="textarea"
-                      :placeholder="`${isAnswerMode ? '' : ''}`"
-                      :disabled="isAnswerMode"
-                      :autosize="{ minRows: 1, maxRows: 6 }"
                       @input="enterAnswer(i, j, 'input')"
                     />
                   </template>
@@ -112,6 +113,7 @@
                           : curQue.Bookanswer[i].content[j].answer
                       "
                       type="textarea"
+                      :class="[`text-${curQue.textAlign}`]"
                       :placeholder="`${isAnswerMode ? '' : ''}`"
                       :disabled="isAnswerMode"
                       :autosize="{ minRows: 1, maxRows: 6 }"
@@ -238,7 +240,7 @@
                       ? col
                       : curQue.Bookanswer[i].content[j]
                   "
-                  :isAnswerMode="isAnswerMode"
+                  :is-answer-mode="isAnswerMode"
                   @enterAnswer="enterAnswer"
                 />
               </div>
@@ -357,36 +359,32 @@ export default {
             this.curQue.Bookanswer[i].content[j].userAnswerJudge =
               "[JUDGE##T##JUDGE]";
           }
-        } else {
-          if (this.curQue.tableData.body[i].content[j].answer) {
-            this.curQue.Bookanswer[i].content[j].userAnswerJudge =
-              "[JUDGE##F##JUDGE]";
-          }
+        } else if (this.curQue.tableData.body[i].content[j].answer) {
+          this.curQue.Bookanswer[i].content[j].userAnswerJudge =
+            "[JUDGE##F##JUDGE]";
         }
-      } else {
-        if (
-          this.curQue.Bookanswer[i].content[j].CrossAnswer ==
-          this.curQue.tableData.body[i].content[j].CrossAnswer
-        ) {
-          if (this.curQue.tableData.body[i].content[j].answer) {
-            if (
-              this.curQue.Bookanswer[i].content[j].answer ==
-              this.curQue.tableData.body[i].content[j].answer
-            ) {
-              this.curQue.Bookanswer[i].content[j].userAnswerJudge =
-                "[JUDGE##T##JUDGE]";
-            } else {
-              this.curQue.Bookanswer[i].content[j].userAnswerJudge =
-                "[JUDGE##F##JUDGE]";
-            }
-          } else {
+      } else if (
+        this.curQue.Bookanswer[i].content[j].CrossAnswer ==
+        this.curQue.tableData.body[i].content[j].CrossAnswer
+      ) {
+        if (this.curQue.tableData.body[i].content[j].answer) {
+          if (
+            this.curQue.Bookanswer[i].content[j].answer ==
+            this.curQue.tableData.body[i].content[j].answer
+          ) {
             this.curQue.Bookanswer[i].content[j].userAnswerJudge =
               "[JUDGE##T##JUDGE]";
+          } else {
+            this.curQue.Bookanswer[i].content[j].userAnswerJudge =
+              "[JUDGE##F##JUDGE]";
           }
         } else {
           this.curQue.Bookanswer[i].content[j].userAnswerJudge =
-            "[JUDGE##F##JUDGE]";
+            "[JUDGE##T##JUDGE]";
         }
+      } else {
+        this.curQue.Bookanswer[i].content[j].userAnswerJudge =
+          "[JUDGE##F##JUDGE]";
       }
     },
     // th 是否生成
@@ -502,14 +500,25 @@ export default {
       .cell-wrap {
         display: flex;
         align-items: center;
+        column-gap: 4px;
         justify-content: space-between;
 
         .content {
+          width: 100%;
           font-family: "FZJCGFKTK", "GB-PINYINOK-B", "robot";
         }
+
+        @each $type in left, center, right {
+          .text-#{$type} {
+            ::v-deep .el-textarea__inner {
+              text-align: $type;
+            }
+          }
+        }
       }
 
       .content {
+        width: 100%;
         font-family: "FZJCGFKTK", "GB-PINYINOK-B", "robot";
       }