# loan-pricing-workflow-ui 规格变更

此规格定义了利率定价流程管理的前端用户界面需求。

## MODIFIED Requirements

### Requirement: 流程详情查看

系统 SHALL 提供流程详情查看功能，以独立页面的形式展示完整的流程信息。

#### Scenario: 查看流程详情
- **WHEN** 用户在流程列表页面且具有 `loanPricing:workflow:query` 权限，点击列表中某条记录的"查看"按钮
- **THEN** 系统跳转至独立的流程详情页面，路径为 `/loanPricing/workflow-detail/{serialNum}`，展示完整的流程信息（基本信息：业务方流水号、机构编码、客户内码、客户名称、证件类型；业务信息：客户类型、担保方式、申请金额、贷款利率、贷款用途；业务标识：中间业务标识、企业标识；抵质押信息：抵质押类型、是否三方所有；其他信息：创建时间、创建者、更新时间、更新者）

#### Scenario: 详情页面导航
- **WHEN** 用户在流程详情页面
- **THEN** 系统显示页面标题"流程详情"、返回按钮，面包屑导航高亮"利率定价管理 > 流程列表"，点击返回按钮可返回流程列表页面

#### Scenario: 详情页面路由配置
- **WHEN** 系统初始化加载路由配置
- **THEN** 系统在动态路由中注册详情页路由，组件路径为 `@/views/loanPricing/workflow/detail`，路由参数 `serialNum` 用于标识具体流程，访问权限为 `loanPricing:workflow:query`

#### Scenario: URL 直接访问详情页
- **WHEN** 用户直接在浏览器地址栏输入详情页 URL（如 `/loanPricing/workflow-detail/ABC123`）
- **THEN** 系统加载详情页面组件，从路由参数中获取 `serialNum`，调用 API 获取对应的流程详情数据并展示

#### Scenario: 详情页面数据加载
- **WHEN** 用户访问流程详情页面，路由参数包含有效的 `serialNum`
- **THEN** 系统在页面 created 钩子中调用 `GET /loanPricing/workflow/{serialNum}` 接口获取详情数据，显示 loading 状态，数据加载完成后隐藏 loading 并展示详情信息