feat(template): 增加删除模板功能的二次确认提示
- 在删除模板操作中添加二次确认机制,避免误删 - 使用 Element Plus 的确认对话框或浏览器的确认框进行用户确认 - 提升用户体验,确保删除操作的安全性
This commit is contained in:
parent
d9942282ec
commit
526ff0054c
24
web/main.js
24
web/main.js
|
|
@ -475,10 +475,32 @@ const app = createApp({
|
|||
};
|
||||
|
||||
/**
|
||||
* 删除模板
|
||||
* 删除模板(带二次确认)
|
||||
* @param {number} id - 模板 ID
|
||||
*/
|
||||
const removeTemplate = async (id) => {
|
||||
// 第一次:弹出确认框,避免误删
|
||||
try {
|
||||
if (window.ElementPlus?.ElMessageBox) {
|
||||
await window.ElementPlus.ElMessageBox.confirm(
|
||||
'删除后不可恢复,确认要删除该导出模板吗?',
|
||||
'删除确认',
|
||||
{
|
||||
type: 'warning',
|
||||
confirmButtonText: '确认删除',
|
||||
cancelButtonText: '再想想'
|
||||
}
|
||||
);
|
||||
} else {
|
||||
const ok = window.confirm('删除后不可恢复,确认要删除该导出模板吗?');
|
||||
if (!ok) return;
|
||||
}
|
||||
} catch {
|
||||
// 用户取消
|
||||
return;
|
||||
}
|
||||
|
||||
// 第二次:真正调用后端删除
|
||||
try {
|
||||
await Api.deleteTemplate(id);
|
||||
showMessage('删除成功');
|
||||
|
|
|
|||
Loading…
Reference in New Issue