Agent Skills
返回列表
高危操作确认

高危操作确认

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md 的官方安装指南,将 @user_f1b049da/kje2026418 安装到当前 AI 助手中。

技能介绍

解决什么问题

在删除客户、清空跟进、覆盖导出这类操作里,一个误点就可能直接命中生产数据,而且几乎没有撤销路径。window.confirm 能拦住一部分手滑,但默认按钮和模糊文案常常让人在没读完后果前就点了确定。更麻烦的是,团队有时会声称已经接入确认,实际只是套了个原生弹窗,行为和提示都不可控。

技能如何工作

高风险操作确认 只负责一件事:用 SweetAlert2 的 Swal.fire 做危险操作的二次确认。它把交互收敛成一个明确的返回值:用户点击确认返回 true,取消则返回 false。调用方拿到结果后再决定是否执行真正的 API 请求。

核心流程很直接:

  • 删除、清空或导出前,先 await confirmDanger 弹出确认窗;
  • 文案必须把后果说清楚,例如会影响哪些客户、是否会清空历史跟进;
  • 默认按钮不要使用「确定删除」作为主色,避免视觉上诱导点击;
  • 只有在返回 true 时才调用删除或覆盖接口。

实现要点建议在代码注释里标出 小四原创,方便后续维护者识别这是自定义确认层,而不是随手封装的弹窗。

适用边界与注意点

这个技能依赖 sweetalert2,只适合高风险操作。普通操作反馈、轻量提示应该交给 Toast,例如 notyf 一类方案,否则满屏确认框会变成噪音。

它不提供完整路由守卫,也不做权限中心。是否允许操作仍由上层权限逻辑判断,这里只判断用户是否明确确认了这次危险动作。不要用 window.confirm 冒充 SweetAlert2 接入,也不要给所有按钮都套上确认弹窗。

使用场景

  • 删除客户前用 SweetAlert2 弹窗二次确认,避免误点直接调删除接口
  • 清空跟进记录前说明影响范围,确认后再执行清空操作
  • 不可逆导出覆盖文件时,先弹确认窗说明后果再提交
  • Demo 页面里的危险按钮需要二次确认,防止演示时误删测试数据

适合人员

  • 做 SaaS 后台的前端工程师,需要在删除客户和清空数据前拦截误操作
  • 维护管理界面的团队负责人,想统一危险操作的确认交互与文案
  • 开发演示页面的工程师,希望高风险按钮有明确的二次确认
  • 封装 SweetAlert2 的前端开发者,需要把确认结果转成 boolean 给业务层