feat(web): 差旅申请详情进度 viewer 与审批/加载态组件增强

- 新增 requestProgressViewer,申请单在直属领导审批视角下将当前步骤展示为'等待批复',travel-request-detail/app-shell/useRequests 接入
- TravelRequestApprovalDialog 增强审批交互,TableLoadingState 补充表格加载占位,ConfirmDialog 扩展确认对话框能力
- useAppShell/useRequests/AppShellRouteView 配套适配申请详情跳转与会话状态
- 同步更新 requestProgressSteps、travel-request-detail-leader-approval、assistant-session-draft-delete、documents-center-status-filter、app-shell-financial-assistant-entry、request-progress-viewer 等测试
This commit is contained in:
caoxiaozhu
2026-06-21 22:49:58 +08:00
parent 8b3495455b
commit 24b5b71b0f
14 changed files with 295 additions and 49 deletions

View File

@@ -321,6 +321,60 @@ function handleCancel() {
max-height: min(420px, calc(100dvh - 292px));
}
.shared-confirm-card--approval {
width: min(460px, calc(100vw - 40px));
gap: 10px;
padding: 18px 20px;
border-color: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.14);
border-radius: 6px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
box-shadow:
0 18px 40px rgba(15, 23, 42, 0.15),
0 1px 0 rgba(255, 255, 255, 0.88) inset;
}
.shared-confirm-card--approval .shared-confirm-badge {
min-height: 24px;
padding: 0 9px;
font-size: 11px;
font-weight: 850;
}
.shared-confirm-card--approval h4 {
font-size: 20px;
line-height: 1.38;
font-weight: 850;
}
.shared-confirm-card--approval p {
max-width: 34em;
color: #64748b;
font-size: 13px;
line-height: 1.6;
}
.shared-confirm-card--approval .shared-confirm-body {
gap: 8px;
max-height: min(270px, calc(100dvh - 238px));
}
.shared-confirm-card--approval .shared-confirm-actions {
gap: 8px;
padding-top: 2px;
}
.shared-confirm-card--approval .shared-confirm-btn {
min-width: 118px;
min-height: 38px;
border-radius: 6px;
font-size: 13px;
}
.shared-confirm-card--approval .shared-confirm-btn.confirm.primary {
box-shadow: 0 10px 20px rgba(var(--theme-primary-rgb, 58, 124, 165), 0.18);
}
.shared-confirm-card--destructive {
width: min(420px, calc(100vw - 40px));
gap: 12px;