## MODIFIED Requirements ### Requirement: 流程详情查看 系统 SHALL 提供流程详情查看功能,以独立页面形式展示完整的流程信息,采用信息密集型两栏布局。 #### Scenario: 查看流程详情 - **WHEN** 用户在流程列表页面且具有 `loanPricing:workflow:query` 权限,点击列表中某条记录的"查看"按钮 - **THEN** 系统导航至流程详情独立页面,展示两栏布局: - **左侧摘要卡片**(约 30% 宽度):显示核心信息 - 业务方流水号 - 客户名称 - 客户类型 - 申请金额 - 贷款利率 - 担保方式 - **右侧详情区域**(约 70% 宽度):使用标签页组织完整信息 - 基本信息标签页:机构编码、运行模式、客户内码、证件类型 - 业务信息标签页:贷款用途、是否有经营佐证、抵质押类型、抵质押物三方所有 - 中间业务标识标签页:个人快捷支付、个人电费代扣、企业电费代扣、企业水费代扣 - 企业标识标签页:净身企业、开立基本结算账户、制造业企业、省农担担保贷款、纳税信用等级A级、县级及以上农业龙头企业、普惠小微借款人 - 其他信息标签页:创建时间、创建者、更新时间、更新者 #### Scenario: 页面头部和导航 - **WHEN** 用户访问流程详情页面 - **THEN** 系统显示简洁的页面标题区域,右上角放置返回按钮,移除原有的面包屑导航组件 #### Scenario: 响应式布局适配 - **WHEN** 用户在屏幕宽度小于 768px 的设备上访问流程详情页面 - **THEN** 系统自动调整为单栏垂直布局,左侧摘要卡片在上方,右侧详情标签页在下方 #### Scenario: 返回上一页 - **WHEN** 用户点击页面右上角的返回按钮 - **THEN** 系统返回至流程列表页面