From fe4ebcfb0f25f6aca48f5a5f3d9c81886937d7b2 Mon Sep 17 00:00:00 2001
From: let5sne <let5sne@gmail.com>
Date: Thu, 9 Jul 2026 22:41:09 +0800
Subject: [PATCH] fix(frontend): render flow steps as noninteractive

---
 frontend/src/views/recruit/interview.vue |  4 ++--
 frontend/src/views/train/practice.vue    | 17 ++++++-----------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/recruit/interview.vue b/frontend/src/views/recruit/interview.vue
index be610d40..d13c3326 100644
--- a/frontend/src/views/recruit/interview.vue
+++ b/frontend/src/views/recruit/interview.vue
@@ -14,11 +14,11 @@
     </section>
 
     <section class="flow-strip">
-      <button v-for="step in flowSteps" :key="step.title" type="button" class="flow-step" :class="{ active: step.active, done: step.done }">
+      <div v-for="step in flowSteps" :key="step.title" class="flow-step" :class="{ active: step.active, done: step.done }">
         <span>{{ step.index }}</span>
         <strong>{{ step.title }}</strong>
         <small>{{ step.desc }}</small>
-      </button>
+      </div>
     </section>
 
     <section class="interview-grid">
diff --git a/frontend/src/views/train/practice.vue b/frontend/src/views/train/practice.vue
index 5f4782e5..69d84d60 100644
--- a/frontend/src/views/train/practice.vue
+++ b/frontend/src/views/train/practice.vue
@@ -15,11 +15,11 @@
     </section>
 
     <section class="flow-strip">
-      <button v-for="step in flowSteps" :key="step.title" type="button" class="flow-step" :class="{ active: step.active, done: step.done }">
+      <div v-for="step in flowSteps" :key="step.title" class="flow-step" :class="{ active: step.active, done: step.done }">
         <span>{{ step.index }}</span>
         <strong>{{ step.title }}</strong>
         <small>{{ step.desc }}</small>
-      </button>
+      </div>
     </section>
 
     <section class="practice-grid">
@@ -174,14 +174,7 @@
               <small>{{ calibrationMessage || (canCalibrate ? '用于 M5 分档一致率样本' : '真实 API 评分后可记录') }}</small>
             </div>
             <el-input-number v-model="calibrationScore" :min="0" :max="100" :disabled="!canCalibrate" />
-            <el-input
-              v-model="calibrationReason"
-              type="textarea"
-              :rows="2"
-              resize="none"
-              :disabled="!canCalibrate"
-              placeholder="校准原因"
-            />
+            <el-input v-model="calibrationReason" type="textarea" :rows="2" resize="none" :disabled="!canCalibrate" placeholder="校准原因" />
             <div class="action-row">
               <el-button type="danger" :loading="calibrationSaving" :disabled="!canCalibrate" @click="saveCalibration">记录校准样本</el-button>
             </div>
@@ -492,7 +485,9 @@ const defaultPromptForm = (): PromptTemplateForm => ({
 });
 const promptForm = ref<PromptTemplateForm>(defaultPromptForm());
 
-const selectedScenario = computed(() => scenarios.value.find((scenario) => scenario.id === scenarioId.value) ?? scenarios.value[0] ?? fallbackScenarios[0]);
+const selectedScenario = computed(
+  () => scenarios.value.find((scenario) => scenario.id === scenarioId.value) ?? scenarios.value[0] ?? fallbackScenarios[0]
+);
 const promptFormMode = computed(() => (promptForm.value.id ? '编辑模板' : '新增模板'));
 const completedRounds = computed(() => conversation.value.filter((turn) => turn.role === 'trainee').length);
 const canScore = computed(() => finished.value && !scored.value);