输入表单布局

2026-01-21 09:32:22 +08:00
parent 3624198aa6
commit c4a05e1338
6 changed files with 428 additions and 168 deletions
--- a/openspec/changes/remove-tabs-from-workflow-create-dialog/tasks.md
+++ b/openspec/changes/remove-tabs-from-workflow-create-dialog/tasks.md
@@ -0,0 +1,21 @@
+# Tasks
+
+1. **修改 WorkflowCreateDialog.vue 组件布局**
+   - 移除 `el-tabs` 和 `el-tab-pane` 组件
+   - 添加分组标题/分隔符来区分字段区域
+   - 保持所有表单字段和验证规则不变
+   - 验证表单提交功能正常工作
+
+2. **测试验证**
+   - 测试所有必填字段的验证是否正常
+   - 测试表单提交功能
+   - 测试取消和关闭对话框功能
+   - 确认在不同屏幕尺寸下的显示效果
+
+## Validation Criteria
+
+- [x] 移除 tab 栏，所有字段在单一表单中可见
+- [x] 使用分组标题/分隔符清晰区分字段区域
+- [x] 表单验证功能正常
+- [x] 表单提交功能正常
+- [x] 取消和关闭功能正常