From 8426e07bd978bb88e41020d07d2949f379b4ae2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com>
Date: Mon, 31 Aug 2026 15:29:44 +0800
Subject: [PATCH] fix: align feature conversion toolbar layout

---
 src/views/demand/feature-conversion.vue | 27 ++++++++++++++++---------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/demand/feature-conversion.vue b/src/views/demand/feature-conversion.vue
index 557dec1..afb2957 100644
--- a/src/views/demand/feature-conversion.vue
+++ b/src/views/demand/feature-conversion.vue
@@ -11,17 +11,16 @@
         :goals="taskGoals"
         :requirements="taskRequirement"
         :show-material="false"
+        :show-toolbar="false"
       />
 
       <section class="task-card">
-      <div class="workbench-head workbench-head--actions-only">
-          <div class="workbench-actions">
-            <TrainingMaterialButton :material-name="taskConfig?.materialName" :material-url="taskConfig?.materialUrl" />
-            <button type="button" class="outline-action" @click="exportOutcome">
-              <el-icon><Download /></el-icon>
-              导出实训成果
-            </button>
+        <div class="workbench-head">
+          <div>
+            <p class="section-eyebrow">Feature conversion</p>
+            <h3>{{ activeStepName || taskTitle }}</h3>
           </div>
+          <TrainingTaskToolbar class="feature-conversion-toolbar" :task-key="TASK_KEY" :on-export="exportOutcome" />
         </div>
 
         <nav v-if="flowSteps.length" class="step-indicator" aria-label="需求转化为功能步骤">
@@ -225,9 +224,9 @@
 
 <script setup>
 import { computed, getCurrentInstance, onMounted, ref } from "vue";
-import { ArrowLeft, ArrowRight, CircleCheck, Download } from "@element-plus/icons-vue";
+import { ArrowLeft, ArrowRight, CircleCheck } from "@element-plus/icons-vue";
 import TrainingAiSidebar from "@/views/components/TrainingAiSidebar.vue";
-import TrainingMaterialButton from "@/views/components/TrainingMaterialButton.vue";
+import TrainingTaskToolbar from "@/views/components/TrainingTaskToolbar.vue";
 import TrainingTaskBrief from "@/views/components/TrainingTaskBrief.vue";
 import { getTrainingTaskByKey } from "@/api/trainingTask";
 import { parseTrainingArray } from "@/views/training/taskKeyMap";
@@ -2009,6 +2008,14 @@ function exportOutcome() {
   padding-bottom: 0;
   border-bottom: 0;
 }
-</style>
 
+.feature-conversion-toolbar {
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  max-width: 100%;
+}
 
+@media (max-width: 900px) {
+  .feature-conversion-toolbar { width: 100%; justify-content: flex-start; }
+}
+</style>