Files
PayrollManagementSystem/frontend/src/composables/useConfirmAction.ts
T
liuwenxinandClaude Code 7f8f88c148 fix(frontend): 错误提示单一化/成功提示后置/日志页首次成功拉取
- request.ts blob 失败分支:先解析真实文案再统一提示——此前先弹兜底
  「导出失败」再异步补弹真实 message(双提示),401 时跳转提示与
  实际原因错位;401 语义文案在导出场景不再失真
- useConfirmAction:收尾(列表刷新)成功后才弹成功提示——此前先弹
  「已删除」再刷新,after 失败被吞时成功/失败提示同屏矛盾
- 日志页登录 tab 首次成功加载后不再重复拉取(loginLoadedOk 由
  fetcher 成功返回置位,失败切回可重拉,不复活「失败停空表」旧坑)
- login_flow.py 密码改从 E2E_ADMIN_PASSWORD 读(与 system_management
  同一约定),硬编码默认值在他机上会假绿为「凭据错误」
- e2e 冒烟:登录 8 项 + 系统管理 13 项全过(拦截器全局改动验证)

Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-10-15 09:22:12 +08:00

55 lines
1.8 KiB
TypeScript

import { ElMessage, ElMessageBox } from 'element-plus'
import { handledError } from '@/utils/error'
/**
* 「确认框 → 执行 → 成功提示 → 收尾刷新」动作流。
*
* 用户/角色两页的启用禁用、删除共四处结构逐行相同,收敛到这里:
* 取消确认静默返回 false;接口失败由请求拦截器统一提示,此处仅兜底
* 阻止 Promise 继续传播(handledError 显式标注,不写空 catch)。
*/
export function useConfirmAction() {
/**
* 弹出确认框并执行;返回是否真正执行成功(用户取消或执行失败均为 false)。
*/
async function confirmAndRun(options: {
/** 确认框正文 */
confirmText: string
/** 确认框标题 */
title?: string
/** 确认按钮文案 */
confirmButtonText?: string
/** 执行成功后的全局提示 */
successText: string
/** 真正的业务动作 */
run: () => Promise<unknown>
/** 成功后的收尾(如刷新列表) */
after?: () => Promise<void> | void
}): Promise<boolean> {
try {
await ElMessageBox.confirm(options.confirmText, options.title ?? '操作确认', {
type: 'warning',
confirmButtonText: options.confirmButtonText ?? '确定',
cancelButtonText: '取消',
})
} catch {
return false // 用户取消,静默返回
}
try {
await options.run()
await options.after?.()
// 收尾(列表刷新)成功后才提示:先提示后收尾会让用户看到「已删除」
// 而列表仍留旧行(after 抛错被吞),成功/失败提示同屏矛盾
ElMessage.success(options.successText)
return true
} catch (error) {
handledError(error) // 失败提示由请求拦截器统一完成
return false
}
}
return { confirmAndRun }
}