优化信息展示

openspec/changes/improve-workflow-detail-layout/specs/loan-pricing-workflow-ui/spec.md

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