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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user