From d4e9b596d5bca356f4413eba6ee90e66ae14e0de Mon Sep 17 00:00:00 2001
From: 梁保满 <lbm@liangbaomandeMacBook-Pro.local>
Date: Fri, 23 Feb 2024 17:16:53 +0800
Subject: [PATCH] 手动创建组卷 删除题目，批量设置显示问题

---
 src/views/examinationPaper/add.vue | 260 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------
 1 file changed, 141 insertions(+), 119 deletions(-)

diff --git a/src/views/examinationPaper/add.vue b/src/views/examinationPaper/add.vue
index 9d9c20c..3c47e27 100644
--- a/src/views/examinationPaper/add.vue
+++ b/src/views/examinationPaper/add.vue
@@ -260,132 +260,153 @@
                   <div class="qs-options">选项设置</div>
                   <div class="qs-set">操作</div>
                 </li>
-                <li
-                  class="sub-questions"
+                <template
                   v-for="(subQuestions, indexs) in question.subQuestions"
-                  :key="indexs"
                 >
-                  <div class="qs-num">{{ setNum(index, indexs) }}</div>
-                  <div class="qs-type">
-                    <el-select
-                      v-model="subQuestions.questionType"
-                      placeholder="选择题目类型"
-                      @change="changeSubQuestions($event, subQuestions)"
-                    >
-                      <el-option label="单选题" :value="2"></el-option>
-                      <el-option label="多选题" :value="3"></el-option>
-                      <el-option label="判断题" :value="4"></el-option>
-                      <el-option label="主观题" :value="5"></el-option>
-                    </el-select>
-                  </div>
-                  <div class="qs-score">
-                    <el-input-number
-                      class="number-ipt"
-                      size="medium"
-                      :min="1"
-                      :max="200"
-                      :precision="2"
-                      :step="1"
-                      v-model="subQuestions.score"
-                      label="单题分值"
-                    ></el-input-number>
-                  </div>
-                  <div class="qs-partScore">
-                    <p v-if="subQuestions.questionType != 3">--</p>
-                    <el-input-number
-                      class="number-ipt"
-                      v-else
-                      size="medium"
-                      :min="0"
-                      :precision="2"
-                      :max="subQuestions.score"
-                      :step="0.5"
-                      v-model="subQuestions.partScore"
-                      label="漏选得分"
-                    ></el-input-number>
-                  </div>
-                  <div class="qs-options">
-                    <p v-if="subQuestions.questionType == 5">--</p>
-                    <p v-if="subQuestions.questionType == 4" class="answer-box">
-                      <span
-                        class="answer-s"
-                        :class="subQuestions.correctAnswer == 1 ? 'active' : ''"
-                        @click="subQuestions.correctAnswer = 1"
-                        >✓</span
+                  <li
+                    v-if="!subQuestions.qusType && !subQuestions.subNum"
+                    class="sub-questions"
+                    :key="indexs"
+                  >
+                    <div class="qs-num">{{ setNum(index, indexs) }}</div>
+                    <div class="qs-type">
+                      <el-select
+                        v-model="subQuestions.questionType"
+                        placeholder="选择题目类型"
+                        @change="changeSubQuestions($event, subQuestions)"
                       >
-                      <span
-                        class="answer-s"
-                        :class="subQuestions.correctAnswer == 2 ? 'active' : ''"
-                        @click="subQuestions.correctAnswer = 2"
-                        >✗</span
+                        <el-option label="单选题" :value="2"></el-option>
+                        <el-option label="多选题" :value="3"></el-option>
+                        <el-option label="判断题" :value="4"></el-option>
+                        <el-option label="主观题" :value="5"></el-option>
+                      </el-select>
+                    </div>
+                    <div class="qs-score">
+                      <el-input-number
+                        class="number-ipt"
+                        size="medium"
+                        :min="1"
+                        :max="200"
+                        :precision="2"
+                        :step="1"
+                        v-model="subQuestions.score"
+                        label="单题分值"
+                      ></el-input-number>
+                    </div>
+                    <div class="qs-partScore">
+                      <p v-if="subQuestions.questionType != 3">--</p>
+                      <el-input-number
+                        class="number-ipt"
+                        v-else
+                        size="medium"
+                        :min="0"
+                        :precision="2"
+                        :max="subQuestions.score"
+                        :step="0.5"
+                        v-model="subQuestions.partScore"
+                        label="漏选得分"
+                      ></el-input-number>
+                    </div>
+                    <div class="qs-options">
+                      <p v-if="subQuestions.questionType == 5">--</p>
+                      <p
+                        v-if="subQuestions.questionType == 4"
+                        class="answer-box"
                       >
-                    </p>
-                    <p v-if="subQuestions.questionType == 3" class="answer-box">
-                      <span
-                        class="answer-s"
-                        v-for="option in subQuestions.answerOptions.split(',')"
-                        :class="
-                          subQuestions.correctAnswer?.includes(option)
-                            ? 'active'
-                            : ''
-                        "
-                        :key="option"
-                        @click="changAnswer(subQuestions, option)"
-                        >{{ option }}</span
+                        <span
+                          class="answer-s"
+                          :class="
+                            subQuestions.correctAnswer == 1 ? 'active' : ''
+                          "
+                          @click="subQuestions.correctAnswer = 1"
+                          >✓</span
+                        >
+                        <span
+                          class="answer-s"
+                          :class="
+                            subQuestions.correctAnswer == 2 ? 'active' : ''
+                          "
+                          @click="subQuestions.correctAnswer = 2"
+                          >✗</span
+                        >
+                      </p>
+                      <p
+                        v-if="subQuestions.questionType == 3"
+                        class="answer-box"
                       >
-                    </p>
-                    <p v-if="subQuestions.questionType == 2" class="answer-box">
-                      <span
-                        class="answer-s"
-                        v-for="option in subQuestions.answerOptions.split(',')"
-                        :class="
-                          subQuestions.correctAnswer == option ? 'active' : ''
+                        <span
+                          class="answer-s"
+                          v-for="option in subQuestions.answerOptions.split(
+                            ','
+                          )"
+                          :class="
+                            subQuestions.correctAnswer?.includes(option)
+                              ? 'active'
+                              : ''
+                          "
+                          :key="option"
+                          @click="changAnswer(subQuestions, option)"
+                          >{{ option }}</span
+                        >
+                      </p>
+                      <p
+                        v-if="subQuestions.questionType == 2"
+                        class="answer-box"
+                      >
+                        <span
+                          class="answer-s"
+                          v-for="option in subQuestions.answerOptions.split(
+                            ','
+                          )"
+                          :class="
+                            subQuestions.correctAnswer == option ? 'active' : ''
+                          "
+                          :key="option"
+                          @click="subQuestions.correctAnswer = option"
+                          >{{ option }}</span
+                        >
+                      </p>
+                      <p
+                        v-if="
+                          subQuestions.questionType == 3 ||
+                          subQuestions.questionType == 2
                         "
-                        :key="option"
-                        @click="subQuestions.correctAnswer = option"
-                        >{{ option }}</span
+                        class="answer-box answer-box2"
                       >
-                    </p>
-                    <p
-                      v-if="
-                        subQuestions.questionType == 3 ||
-                        subQuestions.questionType == 2
-                      "
-                      class="answer-box answer-box2"
-                    >
-                      <el-button
-                        size="mini"
-                        type="primary"
-                        icon="el-icon-plus"
-                        circle
-                        @click="addOptions(subQuestions)"
-                      ></el-button>
-                      <el-button
-                        size="mini"
-                        type="primary"
-                        icon="el-icon-minus"
-                        round
-                        circle
-                        @click="removeOptions(subQuestions)"
-                      ></el-button>
-                    </p>
-                  </div>
-                  <div class="qs-set">
-                    <el-popconfirm
-                      title="确定删除这道题吗？"
-                      @confirm="delTabData(indexs, index)"
-                    >
-                      <el-button
-                        slot="reference"
-                        class="delete"
-                        type="danger"
-                        size="mini"
-                        circle
-                        icon="el-icon-delete"
-                      ></el-button>
-                    </el-popconfirm>
-                  </div>
-                </li>
+                        <el-button
+                          size="mini"
+                          type="primary"
+                          icon="el-icon-plus"
+                          circle
+                          @click="addOptions(subQuestions)"
+                        ></el-button>
+                        <el-button
+                          size="mini"
+                          type="primary"
+                          icon="el-icon-minus"
+                          round
+                          circle
+                          @click="removeOptions(subQuestions)"
+                        ></el-button>
+                      </p>
+                    </div>
+                    <div class="qs-set">
+                      <el-popconfirm
+                        title="确定删除这道题吗？"
+                        @confirm="delTabData(indexs, index)"
+                      >
+                        <el-button
+                          slot="reference"
+                          class="delete"
+                          type="danger"
+                          size="mini"
+                          circle
+                          icon="el-icon-delete"
+                        ></el-button>
+                      </el-popconfirm>
+                    </div>
+                  </li>
+                </template>
                 <li class="sub-questions">
                   <div class="qs-num">添加</div>
                   <div class="qs-type">
@@ -1700,6 +1721,7 @@ export default {
           }
         }
       }
+      console.log(this.form.questionList[0].subQuestions);
     },
     openQuestion() {
       this.questionForm = { ...questionForm };
--
libgit2 0.21.4