feat(web): 优化差旅详情、风险建议卡片与文档中心交互

- 拆分阶段风险建议卡片样式到独立文件
- 完善差旅申请审批对话框与详情视图交互
- 调整文档中心列表共享样式与状态筛选
- 同步应用外壳、视图初始化与系统状态 composables

web/src/utils/budgetOntology.js

@@ -83,6 +83,55 @@ export const BUDGET_ONTOLOGY_FIELDS = [
     required: false,
     aliases: ['剩余可用', '可用余额', '剩余预算', '可用预算']
   },
+  {
+    key: 'claim_amount',
+    label: '本单金额',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['本单金额', '申请金额', '报销金额']
+  },
+  {
+    key: 'claim_amount_ratio',
+    label: '本单占用比例',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['本单占用比例', '占用比例', '本次费用占预算']
+  },
+  {
+    key: 'usage_rate',
+    label: '当前使用率',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['当前使用率', '预算使用率']
+  },
+  {
+    key: 'after_usage_rate',
+    label: '审批后使用率',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['审批后使用率', '审批后预算使用率']
+  },
+  {
+    key: 'remaining_budget_ratio',
+    label: '剩余比例',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['剩余比例', '预算剩余比例']
+  },
+  {
+    key: 'available_before_amount',
+    label: '审批前可用预算',
+    scope: 'budget_execution',
+    required: false,
+    aliases: ['审批前可用预算', '审批前余额']
+  },
+  {
+    key: 'over_budget_amount',
+    label: '超预算金额',
+    scope: 'budget_control',
+    required: false,
+    aliases: ['超预算金额', '超预算风险', '超出预算']
+  },
   {
     key: 'warning_threshold',
     label: '预警线',