You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3.9 KiB
3.9 KiB
按钮位置统一调整执行文档
一、目的
将 \产品影响因素分析\ 和 \产品开发流程\ 实训页面的工具栏按钮(素材按钮 + 导出按钮)从 \workbench-head\ 内移到 \ ask-header\ 同级别的 \ ask-action-strip\ 区域,参考页面 \新产品需求调研\ 的标准布局。
二、参考页面结构
ew-product-survey.vue\ 的标准布局:
\\html
七、删除下方步骤中重复的"提交任务"按钮
问题描述
顶部 \TrainingTaskToolbar\ 组件已包含"提交任务"按钮,但 Step 4 步骤下方也出现了相同的按钮,导致按钮重复。
调整方案
| 按钮 | 位置 | 操作 |
|---|---|---|
| "提交任务" | 顶部 \TrainingTaskToolbar\ | 保留 |
| "提交任务" | 步骤下方 | 删除(重复) |
| "清空填写"/"清空本步" | 步骤下方 | 保留 |
删除前必须检查的事项
重要:删除按钮前,必须确认该按钮绑定的 \submitTraining\ 方法名是否与顶部组件一致,避免误删导致提交功能失效。
检查清单
-
确认方法名一致性:
- 检查步骤内按钮绑定的提交方法名(如 @click="submitTraining"\)
- 对比 \TrainingTaskToolbar\ 组件内部的提交方法名
- 两者方法名必须一致才能安全删除重复按钮
-
检查功能绑定:
- 确认删除后提交功能的调用链路是否完整
- 确保顶部组件的提交方法与当前页面的数据状态关联正确
-
保留清空功能:
- "清空填写"/"清空本步"按钮不调用提交方法,可以保留
具体修改
\product-development-factors.vue\(第133行附近)
当前代码: \\html
提交任务
清空填写
\\\
修改为: \\html
清空填写
\\\
\product-development-process.vue\(第170行附近)
当前代码: \\html
提交任务
清空本步
\\\
修改为: \\html
清空本步
\\\
调整对照表
| 文件 | 位置 | 操作 | 保留功能 |
|---|---|---|---|
| \product-development-factors.vue\ | Step 4 下方 task-actions | 删除"提交任务"按钮 | "清空填写"按钮 |
| \product-development-process.vue\ | Step 4 下方 task-actions | 删除"提交任务"按钮 | "清空本步"按钮 |
执行检查清单
- 确认步骤内按钮绑定的 @click="submitTraining"\ 与 \TrainingTaskToolbar\ 组件内的提交方法名一致
- 确认顶部 \TrainingTaskToolbar\ 的提交功能正常可用
- 确认删除后"清空填写"/"清空本步"按钮仍然保留
- 删除重复的"提交任务"按钮代码
- 测试提交功能是否正常工作