From 5209376aa619927eff364da50d44525c943bdec4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com>
Date: Tue, 29 Sep 2026 09:36:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=A2=98=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80=E4=B8=BA=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=EF=BC=9A=E5=BC=B9=E7=AA=97=E4=B8=BB=E8=89=B2?=
 =?UTF-8?q?=E6=94=B9#2563eb=E7=B3=BB(=E8=BE=B9=E6=A1=86/=E6=B5=85=E5=BA=95?=
 =?UTF-8?q?/=E6=96=87=E5=AD=97=E5=AF=B9=E9=BD=90teacher-light)=EF=BC=8C?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=A2=98=E7=9B=AE=E6=8C=89=E9=92=AE=E5=8D=87?=
 =?UTF-8?q?=E7=BA=A7=E4=B8=BA=E4=B8=BB=E6=8C=89=E9=92=AE=E8=93=9D=E5=BA=95?=
 =?UTF-8?q?=E7=99=BD=E5=AD=97=EF=BC=8C=E4=B8=A4=E7=AB=AF=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../StepOneChoiceQuestionEditor.vue           | 14 ++++-----
 .../components/StepOneQuestionBankPicker.vue  | 30 +++++++++----------
 src/views/schoolAdmin/trainingTask/index.vue  |  2 +-
 src/views/teacherEnd/trainingTask/index.vue   |  2 +-
 4 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/views/components/StepOneChoiceQuestionEditor.vue b/src/views/components/StepOneChoiceQuestionEditor.vue
index fdfc127..38bfd83 100644
--- a/src/views/components/StepOneChoiceQuestionEditor.vue
+++ b/src/views/components/StepOneChoiceQuestionEditor.vue
@@ -130,16 +130,16 @@ function close(value = false) {
 
 <style lang="scss">
 .step-one-question-editor {
-  .el-dialog { overflow: hidden; border: 1px solid #cfe2f5; background: #ffffff; box-shadow: 0 24px 80px rgba(30, 58, 95, 0.46), inset 0 1px rgba(255, 255, 255, 0.14); }
-  .el-dialog__header { margin: 0; padding: 20px 24px; border-bottom: 1px solid #cfe2f5; }
-  .el-dialog__title { color: #1e3a5f; font-size: 18px; font-weight: 800; }
+  .el-dialog { overflow: hidden; border: 1px solid #dbeafe; background: #ffffff; box-shadow: 0 24px 80px rgba(17, 24, 39, 0.18), inset 0 1px rgba(255, 255, 255, 0.14); }
+  .el-dialog__header { margin: 0; padding: 20px 24px; border-bottom: 1px solid #dbeafe; }
+  .el-dialog__title { color: #1f2937; font-size: 18px; font-weight: 800; }
   .el-dialog__body { max-height: min(66vh, 720px); overflow-y: auto; padding: 20px 24px; }
-  .el-dialog__footer { padding: 16px 24px; border-top: 1px solid #cfe2f5; }
+  .el-dialog__footer { padding: 16px 24px; border-top: 1px solid #dbeafe; }
 }
-.choice-editor-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #1e88e5; background:linear-gradient(90deg,rgba(187, 222, 251, 0.5),transparent); }
+.choice-editor-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #2563eb; background:linear-gradient(90deg,rgba(219, 234, 254, 0.6),transparent); }
 .choice-editor-actions { display:flex; flex-shrink:0; gap:10px; }
 /* 只命中左上角的 STEP 01 标签，避免染蓝按钮内文字（el-button 文字渲染在 span 中） */
-.choice-editor-intro > div > span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; }.choice-editor-intro p { margin:5px 0 0; color:#5a7a9a; line-height:1.6; }
-.choice-question-list { display:grid; gap:16px; }.choice-question-card { padding:16px; border:1px solid #cfe2f5; border-radius:10px; background:#f0f6fd; }.choice-question-card header { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#2c4a6a; }.choice-question-number { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#ffffff; background:#1e88e5; font-size:12px; font-weight:900; }.choice-question-remove { margin-left:auto; color:#ff92a5; cursor:pointer; border:0; background:transparent; }.choice-options { display:grid; gap:9px; margin:13px 0 7px; }.choice-option-row { display:grid; grid-template-columns:94px 28px minmax(0,1fr) 52px; align-items:center; gap:8px; }.choice-option-row .el-radio { margin-right:0; color:#2c4a6a; }.choice-option-key { display:grid; place-items:center; width:25px; height:25px; color:#1e88e5; font-weight:900; border:1px solid #cfe2f5; border-radius:5px; }
+.choice-editor-intro > div > span { color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.12em; }.choice-editor-intro p { margin:5px 0 0; color:#6b7280; line-height:1.6; }
+.choice-question-list { display:grid; gap:16px; }.choice-question-card { padding:16px; border:1px solid #dbeafe; border-radius:10px; background:#eff6ff; }.choice-question-card header { display:flex; align-items:center; gap:9px; margin-bottom:13px; color:#374151; }.choice-question-number { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#ffffff; background:#2563eb; font-size:12px; font-weight:900; }.choice-question-remove { margin-left:auto; color:#ff92a5; cursor:pointer; border:0; background:transparent; }.choice-options { display:grid; gap:9px; margin:13px 0 7px; }.choice-option-row { display:grid; grid-template-columns:94px 28px minmax(0,1fr) 52px; align-items:center; gap:8px; }.choice-option-row .el-radio { margin-right:0; color:#374151; }.choice-option-key { display:grid; place-items:center; width:25px; height:25px; color:#2563eb; font-weight:900; border:1px solid #dbeafe; border-radius:5px; }
 @media (max-width:640px) { .choice-editor-intro { align-items:flex-start; flex-direction:column; }.choice-option-row { grid-template-columns:78px 25px minmax(0,1fr); }.choice-option-row > .el-button { grid-column:3; justify-self:end; } }
 </style>
diff --git a/src/views/components/StepOneQuestionBankPicker.vue b/src/views/components/StepOneQuestionBankPicker.vue
index d02b796..75b7983 100644
--- a/src/views/components/StepOneQuestionBankPicker.vue
+++ b/src/views/components/StepOneQuestionBankPicker.vue
@@ -108,29 +108,29 @@ function close(value = false) {
 
 <style lang="scss">
 .step-one-bank-picker {
-    .el-dialog { overflow: hidden; border: 1px solid #cfe2f5; background: #ffffff; box-shadow: 0 24px 80px rgba(30, 58, 95, 0.46); }
-    .el-dialog__header { margin: 0; padding: 20px 24px; border-bottom: 1px solid #cfe2f5; }
-    .el-dialog__title { color: #1e3a5f; font-size: 18px; font-weight: 800; }
+    .el-dialog { overflow: hidden; border: 1px solid #dbeafe; background: #ffffff; box-shadow: 0 24px 80px rgba(17, 24, 39, 0.18); }
+    .el-dialog__header { margin: 0; padding: 20px 24px; border-bottom: 1px solid #dbeafe; }
+    .el-dialog__title { color: #1f2937; font-size: 18px; font-weight: 800; }
     .el-dialog__body { max-height: min(64vh, 700px); overflow-y: auto; padding: 20px 24px; }
-    .el-dialog__footer { padding: 16px 24px; border-top: 1px solid #cfe2f5; }
+    .el-dialog__footer { padding: 16px 24px; border-top: 1px solid #dbeafe; }
 }
-.bank-picker-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #1e88e5; background:linear-gradient(90deg,rgba(187,222,251,.5),transparent); }
+.bank-picker-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; padding:15px 17px; border-left:3px solid #2563eb; background:linear-gradient(90deg,rgba(219,234,254,.6),transparent); }
 /* 只命中左上角标签，避免染蓝按钮内文字 */
-.bank-picker-intro > div > span { color:#1e88e5; font-size:12px; font-weight:800; letter-spacing:.12em; }
-.bank-picker-intro p { margin:5px 0 0; color:#5a7a9a; line-height:1.6; }
-.bank-picker-count { flex-shrink:0; padding:6px 14px; color:#1e88e5; font-size:13px; font-weight:800; border:1px solid #cfe2f5; border-radius:16px; background:#f0f6fd; }
+.bank-picker-intro > div > span { color:#2563eb; font-size:12px; font-weight:800; letter-spacing:.12em; }
+.bank-picker-intro p { margin:5px 0 0; color:#6b7280; line-height:1.6; }
+.bank-picker-count { flex-shrink:0; padding:6px 14px; color:#2563eb; font-size:13px; font-weight:800; border:1px solid #dbeafe; border-radius:16px; background:#eff6ff; }
 .bank-question-list { display:grid; gap:12px; min-height:120px; }
-.bank-question-card { display:flex; gap:12px; padding:14px 16px; border:1px solid #cfe2f5; border-radius:10px; background:#ffffff; cursor:pointer; transition:all .16s ease;
-    &:hover { border-color:#1e88e5; background:#f6fafe; }
-    &.is-checked { border-color:#1e88e5; background:#eaf3fd; }
+.bank-question-card { display:flex; gap:12px; padding:14px 16px; border:1px solid #dbeafe; border-radius:10px; background:#ffffff; cursor:pointer; transition:all .16s ease;
+    &:hover { border-color:#2563eb; background:#f6fafe; }
+    &.is-checked { border-color:#2563eb; background:#eaf3fd; }
 }
-.bank-check { flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; margin-top:2px; color:#1e88e5; font-size:12px; font-weight:900; border:1px solid #cfe2f5; border-radius:50%; background:#f0f6fd; }
-.bank-question-card.is-checked .bank-check { color:#ffffff; background:#1e88e5; border-color:#1e88e5; }
+.bank-check { flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; margin-top:2px; color:#2563eb; font-size:12px; font-weight:900; border:1px solid #dbeafe; border-radius:50%; background:#eff6ff; }
+.bank-question-card.is-checked .bank-check { color:#ffffff; background:#2563eb; border-color:#2563eb; }
 .bank-body { min-width:0;
     h4 { margin:0 0 8px; color:#1f2937; font-size:14px; line-height:1.6; }
 }
 .bank-options { display:grid; gap:4px;
-    span { color:#5a7a9a; font-size:13px; line-height:1.55; }
-    b { margin-right:6px; color:#1e88e5; font-weight:700; }
+    span { color:#6b7280; font-size:13px; line-height:1.55; }
+    b { margin-right:6px; color:#2563eb; font-weight:700; }
 }
 </style>
diff --git a/src/views/schoolAdmin/trainingTask/index.vue b/src/views/schoolAdmin/trainingTask/index.vue
index 4116475..ecb29c9 100644
--- a/src/views/schoolAdmin/trainingTask/index.vue
+++ b/src/views/schoolAdmin/trainingTask/index.vue
@@ -410,7 +410,7 @@
                     <span class="step-number">{{ index + 1 }}</span>
                     <el-input v-model="step.name" placeholder="步骤名称" />
                     <template v-if="index === 0 && supportsStepOneChoice(taskForm.taskKey)">
-                      <el-button v-if="!isReadonly" class="step-question-btn" @click="choiceEditorVisible = true">
+                      <el-button v-if="!isReadonly" type="primary" class="step-question-btn" @click="choiceEditorVisible = true">
                         编辑题目{{ stepOneQuestionCount ? `（${stepOneQuestionCount}题）` : "" }}
                       </el-button>
                       <span v-else class="step-question-tag">已配置 {{ stepOneQuestionCount }} 道题</span>
diff --git a/src/views/teacherEnd/trainingTask/index.vue b/src/views/teacherEnd/trainingTask/index.vue
index 51dd759..2f8ed7a 100644
--- a/src/views/teacherEnd/trainingTask/index.vue
+++ b/src/views/teacherEnd/trainingTask/index.vue
@@ -362,7 +362,7 @@
                                         <span class="step-number">{{ index + 1 }}</span>
                                         <el-input v-model="step.name" placeholder="步骤名称" />
                                         <template v-if="index === 0 && supportsStepOneChoice(taskForm.taskKey)">
-                                            <el-button v-if="!isReadonly" class="step-question-btn"
+                                            <el-button v-if="!isReadonly" type="primary" class="step-question-btn"
                                                 @click="choiceEditorVisible = true">
                                                 编辑题目{{ stepOneQuestionCount ? `（${stepOneQuestionCount}题）` : "" }}
                                             </el-button>