diff --git a/openspec/changes/remove-tabs-from-workflow-create-dialog/design.md b/openspec/changes/remove-tabs-from-workflow-create-dialog/design.md new file mode 100644 index 0000000..01e2033 --- /dev/null +++ b/openspec/changes/remove-tabs-from-workflow-create-dialog/design.md @@ -0,0 +1,80 @@ +# Design: 移除流程创建弹窗的 Tab 栏布局 + +## Current Implementation + +当前 `WorkflowCreateDialog.vue` 使用 `el-tabs` 组件组织表单字段: + +```vue + + + + + + + + + + + + + + +``` + +## Proposed Implementation + +使用 Element UI 的 `el-divider` 组件作为分组标题,移除 `el-tabs` 和 `el-tab-pane`: + +```vue + + + 基本信息 + + + + + + + + + + + + + + + + 贷款信息 + + + + 中间业务标识 + + + + 企业标识 + + +``` + +同时需要移除 `data()` 中的 `activeTab` 属性。 + +## CSS Styling + +为 `el-divider` 添加适当的外边距,确保分组标题与表单字段之间有清晰的视觉分隔: + +```css +.el-divider { + margin: 16px 0 20px 0; + font-weight: bold; +} +``` + +或使用 `