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
|
* @param {number} id - 模板 ID
|
||||||
*/
|
*/
|
||||||
const removeTemplate = async (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 {
|
try {
|
||||||
await Api.deleteTemplate(id);
|
await Api.deleteTemplate(id);
|
||||||
showMessage('删除成功');
|
showMessage('删除成功');
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue