中药代煎追溯服务平台煎药查询前端设计的详细讲解，我将从架构分层、核心功能实现、样式设计、优化四个维度展开介绍：

###一、架构分层解析

1. 组件化结构

• 主组件App.vue作为入口，负责：
  • 表单展示/结果切换控制（showForm状态管理）
  • 查询参数收集（queryParam对象）
  • API请求处理（fetchMedicineProcess方法）
• 子组件Timeline.vue专注：
  • 流程步骤可视化展示
  • 通过props接收流程数据（processes）

2. 数据流设计